Aquí está la información de lo que cubre el proyecto final y lo que se necesita entregar. También de cómo se va a evaluar.

1. Diseño para la Red
Requisitos del proyecto final.
Lic. en Diseño de Información Visual.
Otoño 2009.
Universidad de las Américas Puebla.
Mtro. Omar Sosa Tzec
http://www.tzek-design.com/blog

2. En la clase vimos diferentes temas, pero
todos con el enfoque principal de
separar contenido de presentación.

3. contenido presentación

4. xhtml css

5. También vimos que así como se vincula
el CSS al XHMTL, para dar
interactividad podemos vincular
librerías y funciones escritas en
lenguaje de guiones (por ejemplo,
javascript).

6. xhtml
css javascript

7. Aprovechando funciones ya escritas,
tomamos el SmoothGallery basado en
MooTools y algunos widgets escritos en
Spry de Adobe (que viene en el
dreamweaver)

8. Para poder entregar el proyecto se tiene
primero que cumplir con lo siguiente:
* Entrega de carátula con acceso a
todas las tareas de semestre en el
hosting de la UDLAP.
* Revisión previa del boceto del papel.

9. La fecha de entrega es el 14 de
diciembre de 2009.
La hora límite es a las 18:00 h.

10. Características del proyecto a entregar.

11. Separación clara de frente y contenido.
* El XHTML sólo deberá mostrar la información con buena estructura semántica.
Es decir, se emplearán H1, H2, H3, P, UL, OL, UL y demás para marcar los
bloques de información.
* Las imágenes sólo podrán ser empleadas en el XHMTL bajo la etiqueta IMG
para desplegar alguna foto o figura; no podrán ser usadas para poner logotipos.
* Además de logos, el proyecto deberá incluir otras aplicaciones de la sustitución
de texto por imagen; como en ciertos encabezados que requieran de una
tipografía especial no estandarizada.
* Todas las propuestas podrán manejar un layout fijo (no importa si está alineado
a la izquierda, centro o derecha) o un layout líquido (con DIVs cuyo WIDTH sea
del 100%).
* En el proyecto deberá ser evidente el retorno al home a través del logo y el
manejo de un “header”.
* La estructura navegacional deberá quedar clara a través de un menú. No
necesariamente horizontal.

12. * Todo lo que sea menú, semánticamente deberá ser manejado con ULs y LIs. No
podrán armarse menúes a partir de Ps.
* El menú principal deberá utilizar la técnica de sustitución de texto por imagen y
que estas sean a través de una imagen de fondo de “sprites”. La idea es que se
distinga un estado actual, un estado normal y un estado HOVER. Obligatorio.
* Los headings deberán tener formato. Es decir, si no son sustituidos por una
imagen, deben tener formato.
* El texto general (el que aparece en P) deberá tener formato. Es decir, debe
pensarse bien la selección tipográfica: font-family, font-size, line-height, los
padding-bottom (para los “punto y aparte”), etc.
* Las citas hechas con BLOCKQUOTE también deberán tener formato.
* Deberán emplearse en general diversas clases para ir combinando con el
formato del texto base.
* Los botones generados con UL LI A, deberán flotar adecuadamente.
* De los anteriores al menos tres botones deben manejar un fondo de sprites
para cambio entre estado normal y HOVER.

13. * Podrá contener una galería de imágenes (Smooth Gallery) o tener emebido
algún video de YouTube o de Vimeo, una presentación de SlideShare, etc.
* Otro ejemplo es SlideShow 2! http://www.electricprism.com/aeron/slideshow/
tienen que cuidar de no ponerlo en la misma página donde ya estén usando spry.
* El DIV que contendrá la info, en al menos una página del sitio deberá tener al
menos dos DIVs flotando; esto es, un layout de dos columnas.
* Deberá mostrarse en alguna página el manejo de datos en archivo aparte, ya
sea en XML o en TABLE de XHTML y jalarlo con Spry a través de un DataSet.
* Además deberá mostrar otro widget de Spry.

14. Criterios de evaluación.

15. Claridad y buen diseño de contenidos,
incluye ortografía y reticulado (10%).
Buena arquitectura de información:
facilidad de navegación y jerarquías (10%).
Cumplir con todos los requisitos funcionales
marcados en la lista (60%).
Riqueza/limpieza visual. Layout con buen
fondo, íconos, headings vistosos, etc (15%).
Cumplir con la carátula en hosting UDLAP
para el acceso a tareas y proyecto (5%).

16. ¡Suerte!