Etiquetas HTML

En este PDF se enlistan las principales etiquetas HTML espero que les sea de utilidad para repasar lo que vimos en clase:

http://blogs.enap.unam.mx/asignatura/francisco_alarcon/wp-content/uploads/2011/06/tagshtml.pdf
http://blogs.enap.unam.mx/asignatura/francisco_alarcon/wp-content/uploads/2011/06/manualhtml.pdf

Tarea viernes 2 de septiembre

Gracias a todos lo que ya enviaron sus carpetas RAIZ comprimidas con el ejercicio HTML. Para los que aún no lo envían,  la fecha límite para entregar este ejercicio es el próximo viernes 2 de septiembre. La tarea consiste en:

• -Crear un sitio con código HTML, se deben crear el index.html con al menos tres botones organizados dentro de una tabla, para vincular a una página cada uno. Recuerden optimizar las imágenes en Fireworks antes de colocarlas en el documento HTML. Todos los documentos deben almacenarse en una carpeta RAIZ, deben comprimir la carpeta y enviarla a mi correo electrónico.
• -El viernes deben traer los archivos PNG de Fireworks de una pantalla 800 x 600 px, dividida en frames: Top frame, left frame, main frame y bottom frame (un archivo PNG para cada frame). En el lef frame diseñaremos 3 botones con sus respectivos estados y en la cabecera colocaremos dos botones adicionales.
• -Es necesario que en su memoria USB, cuenten con imágenes para optimizar en clase y realizar los ejercicios.

PUBLICANDO EN EL BLOG

Gracias a todos los que ya publicaron el mapa mental sobre el texto de Xavier Berenguer, es necesario diseñar la información de manera más clara para el espectador, buscar formas que permitan al usuario interactuar con la información aún sin usar botones y clicks...

Revisen este  blog:  http://grupocarsa-hdz.blogspot.com/ , explica muy claramente los conceptos que hemos revisado en clase por medio de diseños que invitan a interactuar con ellos sin tener que dar click...

Tarea para el LUNES 22 de agosto

Revisaremos el texto: "Cómo escribir programas interactivos" de Xavier Berenguer http://blogs.enap.unam.mx/asignatura/francisco_alarcon/wp-content/uploads/2011/06/Escribir-programas-interactivos.pdf

• A partir del texto revisado, diseñarán un MAPA MENTAL que permita explicar de manera más clara y rápida, los conceptos planteados en el texto. Pueden hacerlo en un cartel, un díptico, un banner...y deben colocarlo en su blog. Esto nos ayudará a ejercitar nuestra capacidad de configuración y estructuración de la información, para aplicarlo posteriormente al diseño de mapas de navegación y para que la arquitectura de la información en nuestros sitios sea funcional para el usuario. Entrega: Lunes 22 de agosto

• Explicaremos brevemente el concepto de hipervínculo, basados en el ejercicio que realizamos en clase (botones y vínculos), tomando en cuenta los criterios de usabilidad que revisamos en clase. Entrega: Lunes 22 de agosto

• Vean la película TRON, si pueden vean las dos y analícenlas desde el punto de vista del usuario de una aplicación electrónica, traten de ubicar los conceptos de autonomía, control, interacción y las analogías a las tecnologías HIPERMEDIA que se presentan en la película. Una vez que vean la película, publicarán en su blog una breve reseña donde hablarán de la película, de los conceptos hipermedia y como se relacionan las tecnologías de la información y los sistemas interactivos con el diseño. Entrega: A más tardar el lunes 29 de agosto

Prometeus y la revolución de los medios

Para aquellos que no entraron el viernes pasado a la clase, este es el video que presentamos:

Viernes 19 de agosto

Los blogs ya están publicados:
Lista de blogs enviados hasta el lunes 15 de agosto
 Los que aún no cuentan con su blog personal, deben enviar la dirección del blog y su nombre completo a: santo_enap@hotmail.com

Para el próximo viernes 19 de agosto, deben traer las imágenes optimizadas:

3 archivos JPG optimizados (deben pesar cada uno menos de 40 kb):
-640 px de anchura

-720 px de anchura
-950 px de anchura
 Las dimensiones de altura se proporcionarán dependiendo del formato de sus imágenes. Estos JPG, nos servirán para desplegar una imagen en tamaño completo dentro de un contenedor HTML.

3 botones JPG (para crear vínculos a cada imagen optimizada)
-cada botón de 50x50 px (pueden tomar un fragmento de la imagen que se mostrará en tamaño completo).


Revisaremos un texto de Xavier Berenguer, para profundizar en el tema de la INTERACCIÓN y el viernes explicaré el ejercicio que realizaremos con esta lectura.

http://blogs.enap.unam.mx/asignatura/francisco_alarcon/wp-content/uploads/2011/06/Escribir-programas-interactivos.pdf

BLOGS MULTIMEDIA I 2012-1

Blog de los alumnos inscritos en la materia Multimedia I para el semestre 2012-1. Los blogs de cada uno de ustedes pretender dar seguimiento a las actividades realizadas en clase y establecer metodologías para la producción de diseño interactivo. Podrán publicar ensayos, reflexiones y ejercicios realizados en clase y todas las actividades relacionadas con la clase. Es una oportunidad para generar nuevos conocimientos útiles para la comunidad de la ENAP y para iniciar proyectos de investigación en esta disciplina. Para que su blog aparezca en esta página deben crear una cuenta en la plataforma que ustedes prefieran: Blogger, Wordpress, b2evolution, Bitácoras, Blogia y enviarme la dirección del blog acompañada de su nombre.