VIII. ORGANIZANDO CONTENIDO WEB
Una forma muy organizada para presentar una información que contiene grandes puntos a tratar, o un material educativo, etc., es mediante marcos e hipervínculos.
¿Que es un marco? Es una página que contiene otras páginas, y se unen para dar esa buena presentación.
Los marcos o frames sirven para distribuir mejor los datos de las páginas, ya que permiten mantener fijas algunas partes, como pueden ser el logotipo y la barra de navegación, mientras que otras sí pueden cambiar. Además de mejorar la funcionalidad, pueden mejorar también la apariencia.
Un ejemplo de página html con marcos es ésta:
Que contiene todo el material visto en el curso "Computación Básica". (dirección web: http://vianey-neysmall.webcindario.com)
Cada uno de los marcos de una página, contiene un documento HTML individual. Por ejemplo, en la imagen de la derecha puedes ver una página con dos marcos.
Por ejemplo:
El marco superior, es una página llamada "encabezado.html".
El marco izquierdo, es una página llamada "temas.html"
El marco derecho, es una página llamada "contenio.html"
El marco superior contiene datos de la dependencia ó lugar en donde se creó la página.
El marco izquierdo contiene los temas contenidos en el material publicado.
El marco derecho es una página en blanco en donde se mostrará la información que se le de clic del marco izquierdo.
ACTIVIDAD 8: Elige un tema a tratar en una página web y sigue los pasos que se muestran para crear un marco
1. Abrir un archivo nuevo HTML
2. Inserta un marco superior: "Insertar" --> "HTML" --> "Marcos" --> "Superior"
3. Escribe un nombre al marco superior
4. Inserta un marco a la izquierda: "Insertar" --> "HTML" --> "Marcos" --> "Izquierda"
5. Escribe un nombre al marco izquierdo
6. Guarda todas las páginas unidas: "Archivo" --> "Guardar todo".
7. Guárdalo con el nombre "index" (index.html es el nombre que debe llevar la página que unirá todas las páginas)
8. Ahora guarda el resto de las páginas unidas, el nombre de archivos HTML contenidos te los pedirá en seguida de guardar "index.html", y te indicará con con líneas punteadas, cual página se está guardando:
9. Da clic a uno de los bordes que separan las páginas, y especifica el ancho preferido
10. Al dar clic en cada página, se muestra su nombre HTML correspondiente:
11. Ahora hay que escribir el título de cada página:
12. Ahora comenzar a editar las páginas (Marco superior, descripcion breve a tratar la página. Marco izquierdo temas que comprenderá la página)
13. Para tener más visibilidad en el marco izquierdo (temas), es necesario insertar una barra de desplazamiento.
Para ello, da clic sobre uno de los bordes que dividen las páginas, y da clic en "Dividir", para tener vista de diseño y cógido a la vez.
Ubica la línea que corresponde al marco izquierdo (temas), y cambia de Scrolling="No" , a Scrolling ="Si"
De modo que la línea quede así:
Guarda cambios, actualiza o vuelve a cargar la página, y ahora se muestra la barra de desplazamiento, que ahora te permite ver todo el contenido.
No hay comentarios:
Publicar un comentario