diseño digital | bellas artes | uclm

Clases 01-10

[ 01 ] [ 02 ] [ 03 ] [ 04 ] [ 05 ] [ 06 ] [ 07 ] [ 08 ] [ 09 ] [ 10 ]

Clase 01

26 de enero de 2009

Resumen:
- Presentación asignatura y su programa
- Conceptos [ descargar PPS (100 Kb)]
- Apertura cuenta de correo en yahoo*
- Apertura y registro de espacio web en geocities*
- En dicho espacio web se mostrarán los trabajos realizados

(*) Servicios de "correo electrónico" y "espacio web", en este caso gratuitos.
Cualquier otro proveedor de dichos servicios es válido.


arriba

Clase 02

2 de febrero de 2009

Resumen:
- Branding en Internet [ descargar PPT (80Kb) ]
- Introducción: "Tags" y "caracteres especiales"
- Partes de un documento HTML: <HEAD> y <BODY>
- Creación nombre identidad (práctica)

Enlace de interés:
- Partes de un documento HTML

arriba

Clase 03

5 de febrero de 2009

Resumen:
- Identidad en Internet I [ descargar PPT (300 Kb)]
- Hipervínculo
- Colores hexadecimales
- Colores Websafe
- Nombrar documentos
- Revisión propuesta "Proyecto 1" | A (de Alcalay a Jerez) y B (de Aguilera a López Sevilla)

Práctica:
- Realizar un documento HTML con especificaciones de color, título y texto con nombre de identidad y subir a espacio web personal.

Enlaces de interés:
- Hipervínculo
- Colores Hexadecimales
- Colores Websafe

arriba

Clase 04

9 de febrero de 2009

Resumen:
- Identidad en Internet II [ descargar PPT (196 Kb)]
- Directorios
- URL: absoluta y relativa
- Revisión propuesta "Proyecto 1" | A (de Alcalay a Jerez) y B (de Aguilera a López Sevilla)

Práctica:
- Crear la página inicial del sitio web que contendrá enlaces a foros virtuales elegidos y además al email del autor. Contendrá imágenes que estarán almacenadas en un subdirectorio.

Enlace de interés:
- URLs

arriba


Clase 05

12 de febrero de 2009

Resumen:

- Formatos de imágenes para web
  . Resolución (dpi/ppp)
  . JPEG/JPEG progresivo
  . GIF/GIF animado
  . PNG/WBMP
- Formatos de imágenes para web
  . GIF animado
  . Imágenes de sustitución
- Mapa de imágenes
- Diagramación en arbol de un sitio web
- La imagen como hipervínculo

Práctica Evaluable
-
Fecha de corrección: 16 de febrero por la mañana.
- Crear y subir al servidor un documento html (index.html)
- Que contenga:
Nombre de la identidad
Título de documento
Color de fondo
Un mapa de imágenes sirva de vínculo (a travvés de 4 zonas activas) a un email, una URL relativa, una URL absoluta y a una imagen

Enlace de interés:
- Formatos de imágenes para web
- Formatos de imágenes para web
- Mapa de imágenes

arriba

Clase 06

16 de febrero de 2009

Resumen:

- Guías de estilo para websites (I) [ descargar PPT (648 Kb) ]
- Tablas
- Marcos

Práctica
- Realizar una ini-website utilizando marcos
- Serán necesarios: 5 documentos html

Enlace de interés:
- Texto en HTML
- Tablas
- Marcos

arriba

Clase 07

19 de febrero de 2009

Resumen:

- Test: Una introducción a la imagen digital y su tratamiento
- Guías de estilo para websites (II) [ descargar PPT (648 Kb) ]
- Imágenes de fondo
- GIF animado

Práctica
- Crear un documento html con imagen de fondo y gif animado/s

Enlace de interés:
- Imágenes de fondo
- GIF animado

arriba

Clase 08

23 de febrero de 2009

Resumen:

- CSS (I) ver esquema

Práctica
- Crear un sitio web utilizando estilos CSS (con al menos 3 páginas)

Enlace de interés:
- Tutorial de CSS

arriba

Clase 09

26 de febrero de 2009

Resumen:

- Presentación “Proyecto 1” | A (de Alcalay a Jerez) y B (de Aguilera a López Sevilla)

arriba

Clase 10

02 de marzo de 2009

Resumen:

- Presentación “Proyecto 1” | A (de Llana a Villar) y B (de López-Castrillo a Vioque)

Práctica evaluable:
- Fecha de corrección: 10 de marzo por la mañana.
- El blog del Inquisidor de Lorenzo Silva

arriba


© 2008, 116design / gno