Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

27
Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez

Transcript of Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Page 1: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Cómo hacer una página web

Basado en la presentación de Ana Isabel Álvarez

Page 2: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Definiciones básicas.

Pagina web. Es un documento electrónico que contiene información y que es almacenado en un sistema de cómputo que se encuentra conectado a la red mundial de información llamada internet, de tal manera que el documento puede ser consultado por cualquier persona.

Page 3: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Definiciones básicas II

Hipervínculo. Son puntos del documento que permiten acceder a otra sección del mismo u otro exterior

HTML. Es el lenguaje que usan las páginas web.

Page 4: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Qué editor utilizar

El editor más sencillo es el de windows , pero hay otros como:

1. Composer de Nestcape. 2. Deamweaver. 3. Frontpage, que será el que

explicaremos.

Page 5: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Como usar el frontpage

Page 6: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Preparación de una carpeta- En cualquier lugar de nuestro disco duro o del pen-drive preparamos una carpeta que podemos llamar web, en donde deben estar todas las páginas que creemos para enlazar y además una carpeta con todas las imágenes que necesitemos. Una cosa como esto:

Page 7: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Abrir una página

Para crear una página nueva, se le da a archivo, y se abre una página en blanco, y se escribe lo que se desee. Y después se da a guardar como, y la primera hoja la pondremos de nombre index.

Page 8: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Cómo organizar las imágenes.

Es importante que todas las fotos que vayan a salir en la web, las pongamos todas juntas en una carpeta llamada imagenes, y todas ellas deben estar en formato jpj.

Y se colocan como indica el dibujo,

Page 9: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

También se pueden insertar desde la barra de herramientas.

Page 10: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Insertar hipervínculos.

Escribimos el texto que deseamos para el hipervínculo y lo marcamos. Pulsamos a insertar y luego hipervínculo, o bien en la barra de herramientas el icono

Page 11: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Nos aparece el cuadro crear hipervinculo, y allí ponemos la dirección URL a la que queremos enlazar el texto marcado.

Y damos a aceptar.

Page 12: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Enlaces internos.

Poner un enlace entre dos página que hemos creado para nuestra web es el mismo procedimiento que para los enlaces exteriores a otras webs.

Escribimos el texto que mostrara en la página el enlace y lo marcamos. Escribimos por ejemplo Siguiente página .

Pulsamos Insertar en la Barra superior Y pulsamos sobre Hipervínculo .

Page 13: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Nos aparece en pantalla el Cuadro Crear Hipervínculo. En la parte central del cuadro aparecen las otras páginas que hemos creado para nuestra web.

Pulsamos sobre el Nombre de la página con la que queremos enlazar.

Page 14: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Pulsamos sobre el nombre del fichero correspondiente a la página que deseamos enlazar.

Luego se da a aceptar

Page 15: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Los marcadores

Los marcadores nos permiten que al pulsarlos el visitantes la página se mueva y se muestre en pantalla otra parte de la misma .

Para crear un marcador nos situamos en el punto al que deseamos se mueva la página al pulsar.

Page 16: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Pulsamos en la Barra superior Insertar y Marcador .

En el Cuadro Marcador que aparece escribimos un nombre para el marcador. Por ejemplo Superior.

Page 17: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Aparece una banderita indicando el punto que se muestra al activar el marcador

Ahora tenemos que poner un enlace al marcador .

Escribimos un texto para el marcador  y lo marcamos .

Pulsamos en la Barra superior Insertar y seleccionamos Hipervínculo .

Page 18: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Nos aparece el Cuadro Hipervínculo. Y en la esquina inferior izquierda la opción Marcador. Pulsamos sobre el Botón de la opción Marcador y elegimos el nombre del marcador deseado.

Para finalizar se le da a aceptar. Se comprueba que el enlace funciona.

Page 19: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Usar botones de Frontpage

Para establecer los vínculos podemos utilizar los botones que nos ofrece el programa.

Se hace así:Insertar Componente Web Efectos dinámicos

Botón Interactivo AceptarLuego se elige el que se desee de entre una variada

colección y una vez elegido se puede establecer el vínculo y variar los colores, etc.

Page 20: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Cómo modificar la página

Vamos a archivo, y allí vamos a modificar desde frontpage.

Page 21: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Cómo usar una plantilla con marcos

Page 22: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Primero se debe tener una idea de lo que queremos hacer. Por ejemplo si queremos un marco a la izquierda donde aparecerá un menú y un marco a la derecha donde irán apareciendo las páginas elegidas en el menú, primero prepararemos las páginas que van a aparecer en el momento inicial, las guardaremos , por ejemplo con los nombres izquierda.htm y derecha.htm

1. Archivo Nuevo Más Plantillas de páginas

2. Una vez elegida la plantilla con marcos nos da la opción a elegir qué páginas queremos que aparezcan en ambos sitios. Elegimos las que hemos creado anteriormente. Luego estableceremos loa enlaces necesarios en el menú de la izquierda

Page 23: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Puede quedar una cosa así

Page 24: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Cómo colgar la página

Page 25: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Cómo colgar la web

Para poder colgar una web, primero necesitaremos encontrar un espacio. Actualmente, muchas páginas ofrecen este servicio.

Al registrarte en una página como TERRA, TRIPOD, Menta, etc..., puedes acceder a otros servicios como el correo electrónico, el espacio para tu web, agenda...

Cuando ya tenemos este espacio, podemos colgar las webs de dos formas distintas: directamente desde la web o con programas.

Page 26: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Si la web nos ofrece la posibilidad de colgar nuestros archivos desde la misma, tenemos la ventaja de no tener que descargar un programa adicional. Pero a veces, no funcionan tan efectivamente que con programas FTP.

Pasos a seguir.

1. Registrarte

Page 27: Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

2. Entar el admistrador de archivos. 3. Seguir los pasos que allí ponen.