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

Práctica 2 Bloque III

Saludos y aquí estoy de nueva cuenta para hacerles entrega por segunda ocasión y ahora por éste medio la guía para realizar la prática No. 2 del bloque III, que consiste en realizar un nuevo sitio web basado en el modelo de FlexBox (cajas flexibles) que ya anteriormente hemos manejado utilizando el gestor de sitios web dreamweaver cs6.

Sin más preámbulos les dejo la guía recordándoles que será revisada para la primera clase de ésta semana del 18 al 22 de Mayo del 2015.

Práctica 2 Bloque III

Valor: 10%

Nota: no se desesperen si no le agarran la onda......les sugiero que revisen su código y recuerden que se vale modificar todo: colores, tamaño y tipos de letra, bordes en las cajas (Div), alineaciones, niveles de encabezado(H1.....H7).

Tarea: Les anticipo que la tarea para ésta misma semana (Jueves) será investigar que es lo que se necesita para poder "subir" un sitio web local a la nube.

Los pasos para realizarlo desde Dreamweaver o de manera externa (desde el servidor que ofrece el servicio de alojamiento).

E investigar sitios que encontraron en la red (gratuitos y de paga) para alojar nuestros proyectos.

Abur.....

Manual para elaboración de plantilla de sitio web con Dream Weaver

Saludos, les traigo directamente hasta sus hogares y por éste medio el manual para la creación de un sitio web básico en Dream Weaver CS6.

Manual creación de un sitio web básico

Ésta plantilla deberás modificarla a tú total gusto con el tema que más te agrade, respetando la estructura de directorios de la siguiente manera:

1. Una carpeta con tú nombre y apellido paterno, dentro de la cual deberás tener:
2. Una carpeta con el nombre de css, en la cual contendrá tú archivo de hojas de estilo, llamado estilos.css.
3. Una carpeta con el nombre de img, la cual contendrá todas las imágenes que utilices en el sitio web.
4. El documento HTML, llamado index.html.

El valor de ésta plantilla es de 40%, así que deberás entregarla en tiempo y forma para la fecha programada, de lo contrario solo tendrá un valor de 15%.

Deberás conservar tus hojas impresas del manual para anexarlas en el portafolio de evidencias.