GUA DE TRABAJO N 4: Presentacin y estructura de un sitio web 1. TEMA: presentacin y Estructura de un Sitio Web

2. PROPSITO/OBJETIVO/LOGRO:Utilice el Bloc de Notas como herramienta para el diseo de la estructura de la siguiente pgina web haciendo uso de las etiquetas DIV Y CSS

3. INSTRUCCIONES: Desarrolle los siguientes ejercicios siguiendo las instrucciones del docente. Guarde los ejercicios en una carpeta considerando sus APELLIDOS Y NOMBRES, la carpeta debe de contener los archivos creados en el laboratorio bajo la extensin .html .htm. Comprima y envie la carpeta comprimida a la Unidad: Public / Examen / DOCENTE / Aula BI_____, fecha de la prctica

EJERCICIO N 01: Crear la siguiente estructura de carpetas en la unidad de trabajo de su PC, puede ser la unidad ALUMNO o su USB.

La carpeta principal sitio_web donde se guardaran todos los archivos del sitio web. La carpeta imagenes" donde se guardaran todas las imgenes del sitio web, tambin se pueden crear carpetas adicionales de acuerdo al contenido y complejidad del sitio web. No olvides que al momento de disear la pgina principal del sitio web, est se deber llamar index.html, esta pgina se creara en el siguiente paso.

Ahora con ayuda del docente cree un nuevo sitio web endreamweaver y direccione las carpetas sitio_web e imgenes las cuales acabamos de crear, esto permite al dreamweaver la correcta gestin del sitio_web. Finalmente cree un nuevo HTML que ser nuestra pgina principal a la cual la llamaremos index.html.

EJERCICIO N 02: Con el uso de etiquetas DIV y las reglas CSS. Crear el siguiente WIREFRAME en la pgina index.html.

HTMLWIREFRAMECSS

#contenedor { width:80%}

#cabecera { height:100px; width:80%; clear: both;}

#cuerpo { Clear: right; float: right;}

#pie {clear: both; height:12%; width:100%; clear: both;}#menu { clear: left; Float: left; Width:10em; }

EJERCICIO N 03: Con el uso de etiquetas DIV y las reglas CSS. Crear el siguiente WIREFRAME en una pgina nueva que se llamar ejercicio03.html.

EJERCICIO N 04: Con el uso de etiquetas DIV y las reglas CSS. Crear el siguiente WIREFRAME en una pgina nueva que se llamar ejercicio04.html.

EJERCICIO N 05: Con el uso de etiquetas DIV y las reglas CSS. Crear el siguiente WIREFRAME en una pgina nueva que se llamar ejercicio05.html.