Front Page

EditEdit InfoInfo TalkTalk
Search:    

Diseño de productos web

Proyecto Pasá La Voz 2012

Site de Pasá La Voz
[WWW]http://loritoexotico.com/pasalavoz/

Pasos para trabajar el site:

1- Definir estructura temática.
Enlace para descargar la revista en formato pdf: [WWW]http://dl.dropbox.com/u/61259096/PLVNo10.pdf

2- Definir el menú (temas y subtemas)

3- Realizar propuesta de diseño en Photoshop o Illustrator

Para clases 7 y 14 de mayo de 2012

En la siguiente dirección se puede descargar el contenido de los dos ejercicios:

[WWW]http://dl.dropbox.com/u/61259096/ejercicio_websites_proximas_entregas.pdf

Ejercicio de Análisis de páginas web recibidos

Isabel
Andrea, Katherin y Manuel
Carolina Cajiao
María del Mar, Stephanía y Gabriel Ossa Valle
Laura, Eliana y Daniel
María María y Federico
Marcella

Galería en basada en shadow box

Enlace para descargar
[WWW]http://dl.dropbox.com/u/61259096/gal.zip

Para clase 20 de febrero de 2012

1. En power point entregar la primera fase del desarrollo web. Debe contener:

- Nombre del site.
- Objetivos del sitio web.
- Definir la audiencia.
- Sitemap o árbol del sitio web.
- Proponer las fuentes de información (fuentes primarias y secundarias).
- Sitios web de referencia o de la competencia (enlace y capturado de pantalla).

2. Publicar en el perfil de cada uno. La información sobre la Gestalt, junto con un capturado y un enlace a la página de ejemplo.

Para clase 13 de febrero de 2012

Investigar los principios de la Gestalt en el diseño web. Se debe publicar en el perfil de cada uno.

Leer un libro de la biblioteca sobre diseño web. Puede ser en parejas.

Proponer temas para crear el primer site. Fuentes de info.
Sitemap o estructura del sitio web

Para clase 6 de febrero de 2012

1. Publicar el gif animado en las pestaña Cabezotes.

2. Crear un perfil propio en la pestaña people.

C U L T U R A P I X E L (evento año pasado)

[WWW]http://www.vimeo.com/7623831
[WWW]http://www.youtube.com/watch?v=nBk7Jtyis6Y

cp.jpg

No puedes faltar este lunes 16 de mayo en el auditorio Los Almendros.
Universidad Javeriana Cali.
Hora: 2:00 PM.
Entrada libre.

Presentación general del curso

Los entornos digitales como la web representan nuevos escenarios para la participación y el acceso a los mensajes que produce un gobierno, una región, un medio de comunicación, una organización (pública o privada), una entidad educativa o un individuo.

Los ambientes de consulta digital de la información que consumen los usuarios de las TIC obedecen a una propuesta conceptual que incluye entre otros aspectos: la arquitectura de la información, el diseño de la interfaz gráfica, la usabilidad y la redacción del contenido. Detrás de cualquiera de estas piezas o productos interviene un grupo de personas expertas que hacen posible el acceso al contenido, buscando la mejor manera de presentarlo y otorgándole gran funcionalidad para el usuario que consulta la información.

Cada vez es más común dentro del desempeño laboral la necesidad de manipular herramientas tecnológicas mediadas por el computador, convirtiéndose en una competencia básica para la demanda profesional. Las tendencias actuales para la formación del Comunicador requieren la necesidad de proporcionarle al estudiante las herramientas de conocimiento y tecnológicas que le permitan configurar su propio criterio alrededor de las Tecnologías de la Información y las Comunicaciones, al tiempo que se estimule su capacidad creativa para convertir información en distintos soportes en un producto para la web, relacionado directamente con las necesidades de comunicación de la organización que desea construirlo, así como también la formación del público objetivo al que se dirige.

Diseño de Productos Web consiste en una visión de conjunto alrededor del panorama actual y los retos que representa la creación de productos comerciales, educativos, institucionales, sociales y culturales en la web, incluyendo las redes sociales.

Jquery galerías

[WWW]http://www.webdesignerwall.com/demo/jquery/

Guía creación de sitios web

Guía en formato pdf para elaborar sitios web con iframes, galerías de imágenes (basadas en shadow box), creación de páginas con el comando div.
[WWW]Ampliar

firebug para Mac
https://addons.mozilla.org/en-US/firefox/addon/firebug/versions/

Trabajos y ejercicios

Ver pestaña Ejercicio 2011 - 1.
[WWW]Ampliar

Clase Arquitectura de la Información

[WWW]Ampliar

Ejemplos de revistas en Internet de Tecnología y de Comunicación

[WWW]Pasá La Voz
[WWW]Wired
[WWW]Revista Semana
[WWW]Communication Arts
[WWW]CED Magazine
[WWW]PC Magazine
[WWW]Revista de Comunicación en España
[WWW]Comunicación y Sociedad (Universidad de Navarra, España)
[WWW]Revista del Instituto de la Comunicación e Imagen (Universidad de Chile)
[WWW]Don Quijote.org (Ver manejo del color)
[WWW]Revista Shock
[WWW]Revista El Malpensate
[WWW]Revista Proyecto Diseño
[WWW]Revista Axxis
[WWW]Revista Publicidad & Mercadeo
[WWW]Directo Bogotá

Wiki para la materia Diseño de productos web

El concepto wiki nos permite enfrentarnos con nuevos universos para la generación de conocimiento y el aprendizaje colaborativo.
Nuestra wiki busca generar un efecto viral donde todos los integrantes del curso aporten contenido e información para enriquecer las clases, así como también el trabajo posterior donde se elaboran los ejercicios para presentar semana a semana.

Lo invitamos a recorrer nuestra wiki y hacer parte de ella.

Enlaces de interés

[WWW]Webstandars The Web Standards Project is a grassroots coalition fighting for standards which ensure simple, affordable access to web technologies for all.

[WWW]Checklist para estándares web El término "Estándares Web" puede significar diferentes cosas para diferentes personas. Para algunos, es construir sitios web sin tablas, para otros es usar código válido.

[WWW]Estándares Web del W3C Conocer los Estándares actuales del W3C a través de los principios en los que se basan.

[WWW]Accesibilidad, Usabilidad, Estandares Web Exponet 2007 Video en Youtube sobre el tema.

[WWW]Charla sobre Accesibilidad web Video en Youtube sobre el tema.

[WWW]¿Qué es CSS? Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla.

[WWW]Algunos códigos en HTML

This is a Wiki Spot wiki. Wiki Spot is a 501(c)3 non-profit organization that helps communities collaborate via wikis.