Cómo hacer una página webCómo hacer una página web
Definiciones básicas.Definiciones básicas.
 Pagina webPagina web. Es un documento. Es un documento
electrónico que contiene información yelectrónico que contiene información y
que es almacenado en un sistema deque es almacenado en un sistema de
cómputo que se encuentra conectado a lacómputo que se encuentra conectado a la
red mundial de información llamadared mundial de información llamada
internet, de tal manera que el documentointernet, de tal manera que el documento
puede ser consultado por cualquierpuede ser consultado por cualquier
persona.persona.
Definiciones básicas IIDefiniciones básicas II
HipervínculoHipervínculo. Son puntos del documento. Son puntos del documento
que permiten acceder a otra sección delque permiten acceder a otra sección del
mismo u otro exteriormismo u otro exterior
HTMLHTML. Es el lenguaje que usan las páginas. Es el lenguaje que usan las páginas
web.web.
Qué editor utilizarQué editor utilizar
 El editor más sencillo es el de windows ,El editor más sencillo es el de windows ,
pero hay otros como:pero hay otros como:
1.1. Composer de Nestcape.Composer de Nestcape.
22.. Deamweaver.
3.3. FrontpageFrontpage, que será el que, que será el que
explicaremos.explicaremos.
Como usar el frontpageComo usar el frontpage
Abrir una páginaAbrir una página
 Para crear unaPara crear una
página nueva, se lepágina nueva, se le
da a archivo, y seda a archivo, y se
abre una página enabre una página en
blanco, y se escribeblanco, y se escribe
lo que se desee. Ylo que se desee. Y
después se da adespués se da a
guardar como, y laguardar como, y la
primera hoja laprimera hoja la
pondremos depondremos de
nombre index.nombre index.
Cómo organizar las imágenes.Cómo organizar las imágenes.
 Es importante que todas las fotos que vayan a salir en laEs importante que todas las fotos que vayan a salir en la
web, las pongamos todas juntas en una carpeta llamadaweb, las pongamos todas juntas en una carpeta llamada
imagesimages, y todas ellas deben estar en formato jpj., y todas ellas deben estar en formato jpj.
 Y se colocan como indica el dibujo,Y se colocan como indica el dibujo,
 También se pueden insertar desde la barra deTambién se pueden insertar desde la barra de
herramientas.herramientas.
Insertar hipervínculos.Insertar hipervínculos.
 Escribimos el textoEscribimos el texto
que deseamos paraque deseamos para
el hipervínculo y loel hipervínculo y lo
marcamos. Pulsamosmarcamos. Pulsamos
a insertar y luegoa insertar y luego
hipervínculo, o bienhipervínculo, o bien
en la barra deen la barra de
herramientas el iconoherramientas el icono
 Nos aparece el cuadro crear hipervinculo, y allíNos aparece el cuadro crear hipervinculo, y allí
ponemos la dirección URL a la que queremosponemos la dirección URL a la que queremos
enlazar el texto marcado.enlazar el texto marcado.
 Y damos a aceptar.Y damos a aceptar.
Enlaces internos.Enlaces internos.
 Poner un enlace entre dos página que hemosPoner un enlace entre dos página que hemos
creado para nuestra web es el mismocreado para nuestra web es el mismo
procedimiento que para los enlaces exteriores aprocedimiento que para los enlaces exteriores a
otras webs.otras webs.
 Escribimos el textoEscribimos el texto que mostrara en laque mostrara en la
página el enlace y lopágina el enlace y lo marcamosmarcamos. Escribimos. Escribimos
por ejemplopor ejemplo Siguiente páginaSiguiente página ..
 PulsamosPulsamos InsertarInsertar en la Barra superioren la Barra superior
 Y pulsamos sobreY pulsamos sobre HipervínculoHipervínculo ..
 Nos aparece en pantallaNos aparece en pantalla
elel Cuadro CrearCuadro Crear
HipervínculoHipervínculo. En la. En la
parte central del cuadroparte central del cuadro
aparecen las otrasaparecen las otras
páginas que hemospáginas que hemos
creado para nuestra web.creado para nuestra web.
 Pulsamos sobre elPulsamos sobre el
NombreNombre de la páginade la página
con la que queremoscon la que queremos
enlazar.enlazar.
 Pulsamos sobre el nombre del ficheroPulsamos sobre el nombre del fichero
correspondiente a la página que deseamoscorrespondiente a la página que deseamos
enlazar.enlazar.
 Luego se da a aceptarLuego se da a aceptar
Los marcadoresLos marcadores
 Los marcadores nos permiten que alLos marcadores nos permiten que al
pulsarlos el visitantes la página se muevapulsarlos el visitantes la página se mueva
y se muestre en pantalla otra parte de lay se muestre en pantalla otra parte de la
misma .misma .
 Para crear un marcador nos situamos enPara crear un marcador nos situamos en
el punto al que deseamos se mueva lael punto al que deseamos se mueva la
página al pulsar.página al pulsar.
 Pulsamos en la BarraPulsamos en la Barra
superiorsuperior InsertarInsertar yy
MarcadorMarcador ..
 En elEn el CuadroCuadro
MarcadorMarcador queque
aparece escribimosaparece escribimos
un nombre para elun nombre para el
marcador. Pormarcador. Por
ejemplo Superior.ejemplo Superior.
 Aparece una banderita indicando el puntoAparece una banderita indicando el punto
que se muestra al activar el marcadorque se muestra al activar el marcador
 Ahora tenemos que poner un enlace alAhora tenemos que poner un enlace al
marcador .marcador .
 Escribimos un texto para el marcador  y loEscribimos un texto para el marcador  y lo
marcamos .marcamos .
 Pulsamos en la Barra superiorPulsamos en la Barra superior InsertarInsertar yy
seleccionamosseleccionamos HipervínculoHipervínculo ..
 Nos aparece elNos aparece el Cuadro HipervínculoCuadro Hipervínculo . Y. Y
en la esquina inferior izquierda la opciónen la esquina inferior izquierda la opción
MarcadorMarcador.. Pulsamos sobre elPulsamos sobre el Botón deBotón de
lala opción Marcadoropción Marcador y elegimos ely elegimos el
nombre del marcador deseado.nombre del marcador deseado.
 Para finalizar se le da a aceptar.Para finalizar se le da a aceptar.
 Se comprueba que el enlace funciona.Se comprueba que el enlace funciona.
Cómo modificar la páginaCómo modificar la página
 Vamos a archivo, y allí vamos a modificar desdeVamos a archivo, y allí vamos a modificar desde
frontpage.frontpage.
Cómo colgar la páginaCómo colgar la página
Cómo colgar la webCómo colgar la web
 Para poder colgar una web, primeroPara poder colgar una web, primero
necesitaremos encontrar un espacio.necesitaremos encontrar un espacio.
Actualmente, muchas páginas ofrecen esteActualmente, muchas páginas ofrecen este
servicio.servicio.
 Al registrarte en una página como TERRA,Al registrarte en una página como TERRA,
TRIPOD, Menta, etc..., puedes acceder a otrosTRIPOD, Menta, etc..., puedes acceder a otros
servicios como el correo electrónico, el espacioservicios como el correo electrónico, el espacio
para tu web, agenda...para tu web, agenda...
 Cuando ya tenemos este espacio, podemosCuando ya tenemos este espacio, podemos
colgar las webs de dos formas distintas:colgar las webs de dos formas distintas:
directamente desde la web o con programas.directamente desde la web o con programas.
 Si la web nos ofrece la posibilidad de colgarSi la web nos ofrece la posibilidad de colgar
nuestros archivos desde la misma, tenemosnuestros archivos desde la misma, tenemos
la ventaja de no tener que descargar unla ventaja de no tener que descargar un
programa adicional. Pero a veces, noprograma adicional. Pero a veces, no
funcionan tan efectivamente que confuncionan tan efectivamente que con
programas FTP.programas FTP.
 Pasos a seguir.Pasos a seguir.
1.1. RegistrarteRegistrarte
2.2. Entar el admistrador de archivos.Entar el admistrador de archivos.
3.3. Seguir los pasos que allí ponen.Seguir los pasos que allí ponen.

Más contenido relacionado

PPT
Como construyo una wiki
PPT
Omar alexander[1].1@hotmail.com
PDF
Manual de prezi (octubre 2.014)
PDF
Manual jimdo (1)
PPTX
Aprendiendo a usar netvibes
ODP
presentación blog final
PDF
9.salto de página y salto de sección en word
Como construyo una wiki
Omar alexander[1].1@hotmail.com
Manual de prezi (octubre 2.014)
Manual jimdo (1)
Aprendiendo a usar netvibes
presentación blog final
9.salto de página y salto de sección en word

La actualidad más candente (16)

PDF
Integración+internet+na+aula
PPT
Daniela andrea muñoz chavarriaga
DOCX
Hipervinvulos
PDF
Encabezado y pie de página.
PPT
Compartir archivos en Internet con SKYDRIVE
PPT
Subir pagina web en geocities
DOCX
Trabajo Practico N° 3
PPTX
Maquetacion de pagina
DOCX
Colegio nacional nicolas esguerra
PDF
Manual de como crear una pagina web en word
PPT
Daniela andrea muoz chavarriaga
PPTX
SRI
DOCX
Trabajo práctico n
PDF
Registro y crear mapa conceptual
DOCX
Informatica reumen
DOCX
Trabajo practico n°3
Integración+internet+na+aula
Daniela andrea muñoz chavarriaga
Hipervinvulos
Encabezado y pie de página.
Compartir archivos en Internet con SKYDRIVE
Subir pagina web en geocities
Trabajo Practico N° 3
Maquetacion de pagina
Colegio nacional nicolas esguerra
Manual de como crear una pagina web en word
Daniela andrea muoz chavarriaga
SRI
Trabajo práctico n
Registro y crear mapa conceptual
Informatica reumen
Trabajo practico n°3
Publicidad

Similar a COMO HACER UNA PAGINA WEB (20)

PPS
Como Crear Paginas Web
PDF
Alejandro abella alonso
PPT
Emanuel diaz castrillon1
DOC
Trabajo practico nº 4
PDF
Dreamweaver mx-practicas
PDF
DOCX
trabajo practico 4 genaro
DOCX
Trabajo practico n 4
DOCX
Cuestionario de microsoft word
PPT
Proyecto Tecnico,
DOCX
Trabajo practico numero 4 lucilab zamora
DOCX
Trabajo practico numero 4 lucila zamora
DOCX
Trabajo practico numero 4 Valentina
PPS
Introducción a NVU
DOCX
Paso a paso del programa Dreamweaver
DOCX
paso a paso del programa Dreamweaver
DOCX
Trabajo practico nº 3
ODP
Presentación 2
DOCX
Trabajo numero 4
ODP
Presentacion blog todo
Como Crear Paginas Web
Alejandro abella alonso
Emanuel diaz castrillon1
Trabajo practico nº 4
Dreamweaver mx-practicas
trabajo practico 4 genaro
Trabajo practico n 4
Cuestionario de microsoft word
Proyecto Tecnico,
Trabajo practico numero 4 lucilab zamora
Trabajo practico numero 4 lucila zamora
Trabajo practico numero 4 Valentina
Introducción a NVU
Paso a paso del programa Dreamweaver
paso a paso del programa Dreamweaver
Trabajo practico nº 3
Presentación 2
Trabajo numero 4
Presentacion blog todo
Publicidad

Último (20)

PDF
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
PDF
RM2025 - FUNDAMENTOS TEÓRICOS - PEDIATRÍA.pdf
DOCX
TEXTO DE TRABAJO DE EDUCACION RELIGIOSA - TERCER GRADO.docx
PDF
CURRICULAR DE PRIMARIA santa ursula..pdf
DOCX
Fisiopatologia bdjdbd resumen de cierta parte
PDF
Manual del Gobierno Escolar -MINEDUC.pdf
PDF
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
PDF
Introduccion a la Investigacion Cualitativa FLICK Ccesa007.pdf
PDF
KOF-2022-espanol-mar-27-11-36 coke.pdf jsja
PDF
Didáctica de las literaturas infantiles.
PDF
Aqui No Hay Reglas Hastings-Meyer Ccesa007.pdf
PPTX
RESUMENES JULIO - QUIRÓFANO HOSPITAL GENERAL PUYO.pptx
PDF
Cuaderno_Castellano_6°_grado.pdf 000000000000000001
PDF
Modelo Educativo SUB 2023versión final.pdf
PDF
Aumente su Autoestima - Lair Ribeiro Ccesa007.pdf
PPTX
BIZANCIO. EVOLUCIÓN HISTORICA, RAGOS POLÍTICOS, ECONOMICOS Y SOCIALES
PPTX
LAS MIGRACIONES E INVASIONES Y EL INICIO EDAD MEDIA
DOCX
Programa_Sintetico_Fase_4.docx 3° Y 4°..
PDF
Texto Digital Los Miserables - Victor Hugo Ccesa007.pdf
PDF
ACERTIJO EL CONJURO DEL CAZAFANTASMAS MATEMÁTICO. Por JAVIER SOLIS NOYOLA
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
RM2025 - FUNDAMENTOS TEÓRICOS - PEDIATRÍA.pdf
TEXTO DE TRABAJO DE EDUCACION RELIGIOSA - TERCER GRADO.docx
CURRICULAR DE PRIMARIA santa ursula..pdf
Fisiopatologia bdjdbd resumen de cierta parte
Manual del Gobierno Escolar -MINEDUC.pdf
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
Introduccion a la Investigacion Cualitativa FLICK Ccesa007.pdf
KOF-2022-espanol-mar-27-11-36 coke.pdf jsja
Didáctica de las literaturas infantiles.
Aqui No Hay Reglas Hastings-Meyer Ccesa007.pdf
RESUMENES JULIO - QUIRÓFANO HOSPITAL GENERAL PUYO.pptx
Cuaderno_Castellano_6°_grado.pdf 000000000000000001
Modelo Educativo SUB 2023versión final.pdf
Aumente su Autoestima - Lair Ribeiro Ccesa007.pdf
BIZANCIO. EVOLUCIÓN HISTORICA, RAGOS POLÍTICOS, ECONOMICOS Y SOCIALES
LAS MIGRACIONES E INVASIONES Y EL INICIO EDAD MEDIA
Programa_Sintetico_Fase_4.docx 3° Y 4°..
Texto Digital Los Miserables - Victor Hugo Ccesa007.pdf
ACERTIJO EL CONJURO DEL CAZAFANTASMAS MATEMÁTICO. Por JAVIER SOLIS NOYOLA

COMO HACER UNA PAGINA WEB

  • 1. Cómo hacer una página webCómo hacer una página web
  • 2. Definiciones básicas.Definiciones básicas.  Pagina webPagina web. Es un documento. Es un documento electrónico que contiene información yelectrónico que contiene información y que es almacenado en un sistema deque es almacenado en un sistema de cómputo que se encuentra conectado a lacómputo que se encuentra conectado a la red mundial de información llamadared mundial de información llamada internet, de tal manera que el documentointernet, de tal manera que el documento puede ser consultado por cualquierpuede ser consultado por cualquier persona.persona.
  • 3. Definiciones básicas IIDefiniciones básicas II HipervínculoHipervínculo. Son puntos del documento. Son puntos del documento que permiten acceder a otra sección delque permiten acceder a otra sección del mismo u otro exteriormismo u otro exterior HTMLHTML. Es el lenguaje que usan las páginas. Es el lenguaje que usan las páginas web.web.
  • 4. Qué editor utilizarQué editor utilizar  El editor más sencillo es el de windows ,El editor más sencillo es el de windows , pero hay otros como:pero hay otros como: 1.1. Composer de Nestcape.Composer de Nestcape. 22.. Deamweaver. 3.3. FrontpageFrontpage, que será el que, que será el que explicaremos.explicaremos.
  • 5. Como usar el frontpageComo usar el frontpage
  • 6. Abrir una páginaAbrir una página  Para crear unaPara crear una página nueva, se lepágina nueva, se le da a archivo, y seda a archivo, y se abre una página enabre una página en blanco, y se escribeblanco, y se escribe lo que se desee. Ylo que se desee. Y después se da adespués se da a guardar como, y laguardar como, y la primera hoja laprimera hoja la pondremos depondremos de nombre index.nombre index.
  • 7. Cómo organizar las imágenes.Cómo organizar las imágenes.  Es importante que todas las fotos que vayan a salir en laEs importante que todas las fotos que vayan a salir en la web, las pongamos todas juntas en una carpeta llamadaweb, las pongamos todas juntas en una carpeta llamada imagesimages, y todas ellas deben estar en formato jpj., y todas ellas deben estar en formato jpj.  Y se colocan como indica el dibujo,Y se colocan como indica el dibujo,
  • 8.  También se pueden insertar desde la barra deTambién se pueden insertar desde la barra de herramientas.herramientas.
  • 9. Insertar hipervínculos.Insertar hipervínculos.  Escribimos el textoEscribimos el texto que deseamos paraque deseamos para el hipervínculo y loel hipervínculo y lo marcamos. Pulsamosmarcamos. Pulsamos a insertar y luegoa insertar y luego hipervínculo, o bienhipervínculo, o bien en la barra deen la barra de herramientas el iconoherramientas el icono
  • 10.  Nos aparece el cuadro crear hipervinculo, y allíNos aparece el cuadro crear hipervinculo, y allí ponemos la dirección URL a la que queremosponemos la dirección URL a la que queremos enlazar el texto marcado.enlazar el texto marcado.  Y damos a aceptar.Y damos a aceptar.
  • 11. Enlaces internos.Enlaces internos.  Poner un enlace entre dos página que hemosPoner un enlace entre dos página que hemos creado para nuestra web es el mismocreado para nuestra web es el mismo procedimiento que para los enlaces exteriores aprocedimiento que para los enlaces exteriores a otras webs.otras webs.  Escribimos el textoEscribimos el texto que mostrara en laque mostrara en la página el enlace y lopágina el enlace y lo marcamosmarcamos. Escribimos. Escribimos por ejemplopor ejemplo Siguiente páginaSiguiente página ..  PulsamosPulsamos InsertarInsertar en la Barra superioren la Barra superior  Y pulsamos sobreY pulsamos sobre HipervínculoHipervínculo ..
  • 12.  Nos aparece en pantallaNos aparece en pantalla elel Cuadro CrearCuadro Crear HipervínculoHipervínculo. En la. En la parte central del cuadroparte central del cuadro aparecen las otrasaparecen las otras páginas que hemospáginas que hemos creado para nuestra web.creado para nuestra web.  Pulsamos sobre elPulsamos sobre el NombreNombre de la páginade la página con la que queremoscon la que queremos enlazar.enlazar.
  • 13.  Pulsamos sobre el nombre del ficheroPulsamos sobre el nombre del fichero correspondiente a la página que deseamoscorrespondiente a la página que deseamos enlazar.enlazar.  Luego se da a aceptarLuego se da a aceptar
  • 14. Los marcadoresLos marcadores  Los marcadores nos permiten que alLos marcadores nos permiten que al pulsarlos el visitantes la página se muevapulsarlos el visitantes la página se mueva y se muestre en pantalla otra parte de lay se muestre en pantalla otra parte de la misma .misma .  Para crear un marcador nos situamos enPara crear un marcador nos situamos en el punto al que deseamos se mueva lael punto al que deseamos se mueva la página al pulsar.página al pulsar.
  • 15.  Pulsamos en la BarraPulsamos en la Barra superiorsuperior InsertarInsertar yy MarcadorMarcador ..  En elEn el CuadroCuadro MarcadorMarcador queque aparece escribimosaparece escribimos un nombre para elun nombre para el marcador. Pormarcador. Por ejemplo Superior.ejemplo Superior.
  • 16.  Aparece una banderita indicando el puntoAparece una banderita indicando el punto que se muestra al activar el marcadorque se muestra al activar el marcador  Ahora tenemos que poner un enlace alAhora tenemos que poner un enlace al marcador .marcador .  Escribimos un texto para el marcador  y loEscribimos un texto para el marcador  y lo marcamos .marcamos .  Pulsamos en la Barra superiorPulsamos en la Barra superior InsertarInsertar yy seleccionamosseleccionamos HipervínculoHipervínculo ..
  • 17.  Nos aparece elNos aparece el Cuadro HipervínculoCuadro Hipervínculo . Y. Y en la esquina inferior izquierda la opciónen la esquina inferior izquierda la opción MarcadorMarcador.. Pulsamos sobre elPulsamos sobre el Botón deBotón de lala opción Marcadoropción Marcador y elegimos ely elegimos el nombre del marcador deseado.nombre del marcador deseado.  Para finalizar se le da a aceptar.Para finalizar se le da a aceptar.  Se comprueba que el enlace funciona.Se comprueba que el enlace funciona.
  • 18. Cómo modificar la páginaCómo modificar la página  Vamos a archivo, y allí vamos a modificar desdeVamos a archivo, y allí vamos a modificar desde frontpage.frontpage.
  • 19. Cómo colgar la páginaCómo colgar la página
  • 20. Cómo colgar la webCómo colgar la web  Para poder colgar una web, primeroPara poder colgar una web, primero necesitaremos encontrar un espacio.necesitaremos encontrar un espacio. Actualmente, muchas páginas ofrecen esteActualmente, muchas páginas ofrecen este servicio.servicio.  Al registrarte en una página como TERRA,Al registrarte en una página como TERRA, TRIPOD, Menta, etc..., puedes acceder a otrosTRIPOD, Menta, etc..., puedes acceder a otros servicios como el correo electrónico, el espacioservicios como el correo electrónico, el espacio para tu web, agenda...para tu web, agenda...  Cuando ya tenemos este espacio, podemosCuando ya tenemos este espacio, podemos colgar las webs de dos formas distintas:colgar las webs de dos formas distintas: directamente desde la web o con programas.directamente desde la web o con programas.
  • 21.  Si la web nos ofrece la posibilidad de colgarSi la web nos ofrece la posibilidad de colgar nuestros archivos desde la misma, tenemosnuestros archivos desde la misma, tenemos la ventaja de no tener que descargar unla ventaja de no tener que descargar un programa adicional. Pero a veces, noprograma adicional. Pero a veces, no funcionan tan efectivamente que confuncionan tan efectivamente que con programas FTP.programas FTP.  Pasos a seguir.Pasos a seguir. 1.1. RegistrarteRegistrarte
  • 22. 2.2. Entar el admistrador de archivos.Entar el admistrador de archivos. 3.3. Seguir los pasos que allí ponen.Seguir los pasos que allí ponen.