1. Lic. María Teresa Restrepo Guzman
ESTRUCTURAR UNA PÁGINA DESDE DREAMWEAVER
Es importante tener organizada la información que debe contener el documento o página web
1. BASE
a) Cabecera
Logotipo
Banner
b) Menú Horizontal
c) Contenedor
Menú lateral
Cuerpo
Publicidad
d) Pie de página
Para trabajar dicha organización con Dreamweaver se deberá
1. Tener un sitio Creado para ello
2. Un nuevo documento HTML guardado con el nombre INDEX
3. Otro nuevo documento pero de tipo CSS y guardado como estilos
4. La opción estilos se refiere a ciertos diseños que se pueden predeterminar para cambiar el formato del
documento
Es necesario vincular los dos archivos creados anteriormente; para ello
Ubíquese nuevamente en el documento html
Se debe tener activo el panel de estilos
2. Lic. María Teresa Restrepo Guzman
En el panel que se activa, buscar vincular
De clic en examinar y seleccione el archivo estilos
Los archivos quedan vinculados para mejorar fuentes y formatos de presentación
5. Ahora se realizarán las divisiones necesarias para lograr organizar la página
6. En el panel de la derecha se encuentra el bloque Insertar, de clic sostenido para habilitar otras
opciones
7. Ubique el cursor en el lugar donde se va a realizar la primera división y Seleccione insertar etiqueta Div
8. En la ventana que aparece asigne el nombre de Base al espacio ID
9. Notará que se crea un espacio bordeado y el código necesario para esto
10. De clic al final del texto y oprima Enter para crear la división dentro de la misma
11. Cree la división con el ID cabecera y quedará dentro del marco base.
3. Lic. María Teresa Restrepo Guzman
12. La tercera división se llama menú_horizintal debajo de cabecera
13. Realice las divisiones necesarias para lograr:
Tenga en cuenta que la ubicación de las divisiones permite organizar la página según la estructura
indicada desde el comienzo
14. Ubíquese al lado de la cabecera, allí deberá estar el logo y el banner
15. En el contenedor se encuentra el menú lateral, el cuerpo y la publicidad
16. Se debe comprar las divisiones haciendo clic desde el código fuente y revisar que cada división
seleccione el identificador (ID) adecuado. Ej:
Al dar clic a la cabecera. Se seleccionará cabecera, logo y banner
17. Guarde los cambios