Semana del 25 de Mayo al 5 de Junio

A partir de ésta semana tendrás el tiempo de las clases en laboratorio de informática, para avanzar en el proyecto final de Páginas Web, que consiste en lo siguiente:

Elaborar un sitio web con almenos 7 páginas como sigue:

1.- Un documento html, llamado index, el cuál contendrá la "portada" general de nuestro sitio web, utilizando el modelo de flexbox (cajas flexibles) con las siguientes características:

a) Contenedor.- El cuál contendrá las demás cajas (etiquetas DIV).

b) Encabezado.- Donde podrás colocar una imágen con el logo de tú sitio o una imágen general que represente la temática de tu sitio web (tipo biografía de Facebook). la cuál podrás realizar en alguno de los programas de diseño que ya conoces (Corel Draw o Photo Shop).

c) Menú principal.- Aquí deberás armar el menú principal, insertando botones animados en flash que nos enlacen a las otras 6 páginas que conforman nuestro sitio web, deberás investigar como insertar archivos de flash (.swf) desde Dream Weaver, para poder "armar" tú menú.

d) Destacado.-Espacio para presentar una bienvenida y un resumen de lo que trata el sitio, incluir almenos una imagen.

e) Pie de página.- Espacio en donde colocarás el nombre del autor del sitio, entiendase que colocarás tú nombre completo seguido por el texto Derechos Reservados y el símbolo de ®, alineado a la derecha.

Para el menú, las 5 opciones que deberás incluir son:

1. Inicio.- Deberá enlazarnos al documento .html principal (index).
2. Acerca de.- Deberá enlazarnos a otro documento .html en donde colocarás un resumen acerca de la temática que se trata en tú sitio web y a quién va dirigido, ilustrar con imágenes.
3. Galería.- Deberá enlazarnos a otro documento .html en donde nos mostrará una serie de imágenes relacionadas con la temática general de nuestro sitio, podrás utilizar tablas o cajas. 
4. Sitios de interés.- Deberá enlazarnos a otro documento .html en donde nos mostrará enlaces a otros sitios web que contengan información de interés relacionados con la temática de nuestro sitio.
5. Redes.- Deberá enlazarnos a otro documento .html en donde nos mostrará los enlaces a las redes sociales más conocidas: facebook, twitter, google +, instagram, etc.
6. Contacto.- Deberá enlazarnos a otro documento .html, en donde colocarás la información general de contacto ficticia, es decir: un número de teléfono, una ubicación física, correo electrónico, cuenta de facebook, twitter, instagram, google +,etc.

NOTA: Para todos los documentos .html, deberá respetarse la misma estructura de cajas, obviamente cambiando el contenido de la caja destacado, según se requiera.

La única fecha de entrega es el día Jueves 4 de Junio del 2015.

Archivo descargable