Centro Regional Universitario de Veraguas

Facultad de Informática, Electrónica y Comunicación

INF302 – Programación Web

Proyecto #1
Metodología para aplicar CSS

Objetivos
• Analizar un documento técnico escrito en inglés.
• Describir cada paso de la metodología presentada.
• Aplicar la metodología para dar estilo a un documento XHTML .

Descripción
Esta es una asignación individual que debe entregarse en CD o FD e incluye un
documento Word donde explica de que trata cada paso de la metodología y cómo lo aplica en
este trabajo, así como los documento XHTML y CSS que se le solicitan a continuación. El
desarrollo de este proyecto debe entregarse el 2 de mayo. Su trabajo debe publicarse en
esnips con un comentario de su experiencia en esta investigación, intente profundizar en lo
que dice y no olvide identificarse. A partir de este momento se tomará en consideración la
sintaxis y semántica, por lo cual, le recordamos el uso del diccionario1.

Tarea
Elabore un resumen en XHTML con CSS para darle estilo, de las referencias HTML,
XHTML y CSS que hemos ofrecido en los apuntes de este curso y que están publicados en
http://www.esnips.com/web/spw , incluya imágenes y gif animados preferiblemente asociados
al texto.

Diseñe la estructura de su documento XHTML siguiendo la metodología descrita en

http://maxdesign.com.au/presentation/process/index.htm .

Procedimiento
1. Revise cada referencia involucrada con este trabajo utilizando los apuntes de
clases.
2. Seleccione en cada caso los temas que formarán el contenido de su documento
XHTML.
3. Organice los temas y desarrolle cada uno, sin olvidar ejemplos, explicaciones e
imágenes.
4. Identifique un posible menú y las alternativas de navegación.
5. Aplique la metodología solicitada para diseñar su documento.
6. Valide su XHTML2 y CSS3.
7. Experimente el efecto de su trabajo con varios browsers4.
8. Publique sus resultados.

Guía de evaluación
Organización y aportes del documento WORD ……….. 30%
Contenido y diseño XHTML …………………………. 40%
Estructura y funcionalidad CSS ………………………. 30%

1
http://www.wordreference.com/es/
2
http://validator.w3.org/
3
http://jigsaw.w3.org/css-validator/#validate-by-upload
4
http://www.browsercam.com/default.aspx

Prof. Diego Santimateo G. 1