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

Upload: ovidio-dario

Post on 11-Apr-2015

106 views

Category:

Documents


0 download

TRANSCRIPT

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.