Invitada en Diseño Multimedial

Como les comentaba el lunes en clase, el día jueves 2 de junio a las 19 hs. vendrá una experta en usabilidad y accesibilidad web a la materia Diseño Multimedial. La visita se hará en el marco de un proyecto que estamos realizando en dicha materia, pero pienso que puede llegar a ser de interés para nuestra cursada de Computación Gráfica 3. Quien quiera venir, aunque no curse Diseño Multimedial, está más que invitado.

Salutes!

Pack de Apuntes - Clase 10 - Lunes 16-05-2011

IMPORTANTE: hoy es la entrega del TP02. A no olvidarse de entregar!

===

Además, hoy trabajaremos con cierto caso de estudio, tomando algunas partes del sitio web clubdeldisco.com para practicar.

Imitaremos el diseño de algunos encuadres y partes del sitio, de forma tal de poner en uso los conocimientos con los que estuvimos chapoteando las últimas clases.

Continuamos maquetando con HTML y CSS.

Salutes!

¿Por qué es tan importante la Web?

En un futuro no muy lejano, la mayoría de las aplicaciones que no requieran mucha carga de procesamiento podrán funcionar directamente dentro del navegador. Los Google Docs son un buen ejemplo, toda una suite de oficina en la web, dentro del navegador.

Estas aplicaciones son páginas web. Están armadas con las tecnologías HTML, CSS y JavaScript, entre otras.

Esta semana, en el evento Google I/O 2011, se mostraron varios productos en proceso, aquí una simpática animación que nos cuenta acerca del Chromebook. Una computadora cuyo sistema operativo directamente será el navegador; se prende el artefacto y se accede a la web, no hay un "afuera" de la web. No hay escritorio, no hay aplicaciones: sólo la web.

Interesante, no?

Xhtml Friends Network

XFN (Xhtml Friends Network) es una forma de marcar los contenidos de un XHTML de forma tal que se establezcan relaciones entre personas, amistad, familiares, etc.

Es interesante, porque convierte la web misma en una especie de Facebook, péguenle una mirada.

Xhtml Friends Network

TP02 - CV web

Aquí va la consigna del Trabajo Práctico 02. Por el momento no estará en formato PDF tampoco, pero confío en que no será problema para ustedes.

CV web

El trabajo práctico 02 consiste en hacer un pequeño (pero no por eso menos importante) sitio web con su CV personal.

Incluirás unas pocas secciones (mínimo 4), por ejemplo: inicio, datos académicos, experiencia profesional y contacto. En estas 4 páginas web codificarás toda la información de acuerdo a lo visto en clase, marcando correctamente los contenidos de forma semántica. Te recordamos que la atención al significado semántico y al correcto marcado de las diferentes partes del contenido es clave para realizar un correcto desarrollo web.

En esta instancia, nos interesa en especial que prestes atención al correcto marcado de la info en los archivos HTML, al correcto funcionamiento de los links entre páginas, y al correcto uso de estilos CSS (incluir los estilos en un archivo aparte, etc).

El objetivo del trabajo es evaluar si se comprendieron correctamente los conceptos fundamentales de marcado semántico, división de contenido y forma en la disciplina del desarrollo web, y una utilización básica del lenguaje HTML (contenido) y CSS (forma), así como también un uso inicial del programa Adobe Dreamweaver (aunque podés utilizar cualquier otro programa, o incluso codificar a mano, si te animás).

Cuándo entregarás:

• 09/05/2011 preentrega: corrección en clase.
• 16/05/2011 entrega: entrega del trabajo práctico.

Qué entregarás:

• Un CD en cuyo interior habrá una carpeta con tu nombre, que tenga en su interior todos los archivos que hacen a tu sitio web. El CD debe tener tu nombre escrito con marcador indeleble (NO pegar etiquetas sobre el disco).
  

Pack de Apuntes - Clase 08 - Lunes 02-05-2011

La Bitácora 08 no estará disponible en formato PDF, pero incluimos aquí mismo el plan del día.

Hoy continuaremos profundizando en el uso de CSS y su relación con HTML. En particular, nos concentraremos en la idea de "diagramación" (layout).

Se viene una nueva instancia de evaluación, en la forma del TP02. Recomiendo hacer las consultas que crean convenientes con respecto a lo visto de HTML y CSS.