Narración Interactiva

Chicos: Recuerden que ya se viene la entrega del proyecto de sitio web y la maqueta. ¿Por qué es importante esta parte del trabajo? Porque a partir de esta entrega comenzaremos por fin a armar nuestros proyectos web en Dreamweaver y tener ¡nuestra página web!

Lo que hay que hacer son 2 cosas:

1) Entregar el árbol del especial que cada uno de ustedes va a hacer: Recuerden que el sitio deberá tener a lo menos 10 páginas, por lo que el árbol deberá tener a lo menos 10 "hojas". ¿Qué significa esto? Por ejemplo,
Vamos a hacer un sitio web de Narración Interactiva.
El home sería la página inicial de la cual se descuelgan 4 "hojitas" que corresponden a los 4 botones que estarán presentes en todo el sitio web de Narración Interactiva. Por ejemplo, Programa, Notas, Asistencia, Material de Curso
De cada una de esas "hojitas" o botones se descuelgan, por ejemplo, 1 o 2 hojitas más por cada ítem. Por ejemplo, en Notas podríamos tener Notas del Blog, Notas de las Fotos, Notas del Dreamweaver y así.

Así tienen que totalizar 10 "hojitas".

Un ejemplo de árbol lo pueden encontrar en el sitio del curso en Material de Clases / Creación de páginas web: Dreamweaver / Ejemplo de Proyecto

2) Entregar el proyecto mismo del sitio: Es decir, dimensionar qué es lo que quieren hacer, cómo lo van a hacer, a qué usuario se lo van a dirigir, etc. Lo importante es que TODO lo que salga ahí será cobrado después :)

Un ejemplo de proyecto lo pueden encontrar en el sitio del curso en Material de Clases / Creación de páginas web: Dreamweaver / Modelo para creación de proyectos web


RECUERDEN

La nota del especial en Dreamweaver (que vale un 25% del curso) se divide en 4 partes (cada una vale 25% de esa nota):

- La maqueta gráfica en Photoshop
- El árbol y el modelo de proyecto
- La creación del proyecto en html
- Los textos (INCLUIDA LA ORTOGRAFIA)

Entonces, lo que tienen que entregar ahora es el 50% de la nota del Dreamweaver.
Es importante entonces que sigamos reporteando y sacando fotos para que no estemos a última hora haciendo el especial en Dreamweaver.

Cualquier duda les recuerdo que estoy disponible en el mail y que la sala Universia se está abriendo para que ustedes trabajen en ella. Revisen este blog para ver los horarios.

Muchos saludos a todos. ¡Nos vemos!

¿Quieres "tunear" tu especial y no sabes cómo?
¿Aún no tienes una buena idea?...

Chicos,
Les cuento que la sala Universia estará abierta para que ustedes puedan trabajar en sus maquetas gráficas los días:

- viernes 18 de mayo desde las 10 hasta las 6. A partir de la 1 de la tarde estará Carlos Carvacho para ayudarlos.
- martes 22 de mayo desde las 10 hasta las 14:50. Yo misma estaré de 1:30 a 2:30 para poder ayudarlos.
- viernes 25 de mayo desde las 10 hasta las 6. A partir de la 1 de la tarde estará Carlos Carvacho para ayudarlos.

Por favor, cuando la sala esté abierta, se deberá quedar UNO de ustedes a CARGO de la sala. Si no hay nadie a cargo la sala deberá cerrarse. Es súper importante eso, porque si no me retan a mí y a ustedes de paso. Le avisan quién se queda a cargo a la Malvina o a la Jeanette.

Pasen súper buen fin de semana largo. Y aprovechen de hacer sus proyectos interactivos con tiempo, recuerden que después todo se viene encima y nos queda poquito tiempo :)

Saludos,
Claudia

Muchos de ustedes me pidieron que subiera el material que vimos en clases sobre las imágenes para web. Aquí hay algo de lo que vimos.

Recuerden que para web se utilizan 3 formatos:

• GIF
• JPG
• PNG
  

Para efectos de este curso, nos centraremos en el GIF y el JPG.

Entonces,

• Gif: Graphics Interchange Format. Creado por la empresa Compuserve. Es un nivel de compresión de las imágenes. Se utiliza especialmente para la web y aguanta hasta 256 colores . Ofrece la posibilidad de tranasparencia de sus colores y permite la generación de formatos animados a través de la inclusión de cuadros.
  La desventaja del Gif es que aguanta hasta 256 colores por lo que sólo es utilizable para colores planos. Cuando Compuserve, la empresa que creó los gifs, quiso ampliarse a millones de colores para hacerlos más completos, se dio cuenta que Unisys tenía las licencias de algunas partes del programa por lo que no podía hacerlo. Así, en 1995, salió un primo del gif: el formato PNG (Portable Networks Graphics) que se edita principalmente en Fireworks. En un principio se pensó que se extendería su uso más que los gifs pero no ha sido así.
  http://www.gif.com/



• Jpg: Joint Photographic Experts Group. Es una formato de compresión de imágenes que soporta millones de colores. Comienza en 1991 y se utiliza para imágenes de calidad fotográfica. Tiene un mayor, muchísimo mayor peso que el GIF. La gracia del jpg es que lo podemos recibir en un formato grande y bajarle el peso a través del sistema de compresión. NO AL REVES.
  http://www.jpeg.org

Recuerden que los gifs aguantan hasta 256 y esos 256 colores son los que forman la PALETA WEB. Esta paleta se creó en 1995 para los monitores de 256 colores que, por ese entonces, eran la norma. En realidad son 216 colores que son visibles for cualquier monitor (lo que se llaman colores seguros), y 40 colores restantes que son los que no se despliegan igual en MAC que en PC. Eso es lo que se llama DITHERING.

A su vez, cuando se creó la web, esta paleta se representó por ingenieros a través de una escala hexadecimal en que se representa matemáticamente el color. Esto es lo que se llama el COLOR HEXADECIMAL y en web usamos este color hexadecimal. ¿Qué significa esto? Que cada color tiene una representación alfanumérica que varía del 0 al F y que se presenta de acuerdo a los 3 canales de color en que se descomponen las imágenes para web: R (ROJO) G (GREEN) B (BLUE). Así están elaborados una serie de códigos que representan a los colores en el lenguaje html. Es decir, cada color se forman por la cantidad de rojo, azul y verde que lo forma y cada porcentaje de rojo, de azul o de verde tiene un código hexadecimal. La suma de esos códigos da el código final matemático del color que es el que se usará en html.

NO ES NECESARIO QUE SE LO APRENDAN. Aquí está la paleta:
http://www.colors4webmasters.com/safecolor/index.htm

¡Ojalá les haya servido esta explicación!

• Para más links vayan a la sección Imagen Digital: Photoshop del web del curso: http://cursos.puc.cl:82/ew26/inicio/uc/

Chicos,
Recuerden que el día miércoles 2 de mayo (para la sección 2) y el lunes 7 de mayo (para la sección 1), deben entregar las fotos. Recuerden que son 10 fotos originales que deben venir en un CD rotulado con el nombre de cada uno de ustedes. Las fotos deben venir en resolución de 300 dpi (eso lo deben ajustar en Photoshop). Además, deben incluir un documento de word donde justifiquen por qué pusieron las fotos que van en el CD y no otras.

No olviden que la idea es que sean creativos y que pueden incluir imágenes conceptuales en el trabajo.

¡Nos vemos!