| CLASE 1 |
CONCEPTO |
PROGRAMACIÓN |
CSS |
| Clase Introductiva al Diseño Web |
- Redes e Internet
- Página Web
- Programación Web
- Usabilidad y Estándares
- Ayudas y bibliografía
|
|
|
| CLASE 2 |
CONCEPTO |
PROGRAMACIÓN |
CSS |
| Introducción al HTML + Usabilidad |
- HTML: Lenguaje para la red.
- HTML: Sintaxis, gramática y etiquetas.
- Amaya como herramienta de trabajo.
- Código estricto para la web.
|
- [doctype].
- [charset] Codificación.
- Etiquetas básicas: [html] [body] [head].
|
|
| CLASE 3 |
CONCEPTO |
PROGRAMACIÓN |
CSS |
| Estructura Semántica |
- Estructura semántica del documento.
|
- Etiquetas de encabezado [H1] [H2] [H3]
- Párrafos [P]
- Listas [UL] [OL]
- Resaltes de Texto [EM] [STRONG]
|
|
| CLASE 4 |
CONCEPTO |
PROGRAMACIÓN |
CSS |
| Estructura Semántica II |
- Estructura semántica II
- Ampliación de HTML
|
- Listas
- Enmascaramiento
- Información Meta
|
|
| CLASE 5 |
CONCEPTO |
PROGRAMACIÓN |
CSS |
| Hojas de Estilo |
- Sintaxis, gramática y etiquetas CSS.
- Web Estándard: Forma y contenido.
|
|
- SINTAXIS
- [body]
- [color]
- [p]
- [h1]
|
| CLASE 6 |
CONCEPTO |
PROGRAMACIÓN |
CSS |
| Hojas de Estilo II: Introducción a la Tipografía digital |
- Conceptos generales de Tipografía.
- Tipografía Digital.
- Microtipografía Digital para la web.
- CSS: Shortcut Form
|
|
- [Font-family]
- [Font-weight]
- [Font-size]
- [Color]
- [line-height]
- [word-spacing]
- [letter-spacing]
|
| CLASE 7 |
CONCEPTO |
PROGRAMACIÓN |
CSS |
| LINKS: Usabilidad de los enlaces |
- Documentos Hipertextuales
- Estructura de un Sitio Web
- Enlaces Usables
- Dominar los estados de los enlaces
|
|
- [a:link]
- [a:visited]
- [a:hover]
- [a:active]
|
| CLASE 8 |
CONCEPTO |
PROGRAMACIÓN |
CSS |
| Interfaz 01: Definición y elementos |
- Interfaz: Definición e incertidumbres.
- Ergonomía en la interfaz.
- Accesibilidad en el Interfaz.
- Elementos de un Interfaz.
- Ayudas y bibliografía
|
|
- [Background-color]
- [font-color]
- [margin]
- [padding]
|
| CLASE 9 |
CONCEPTO |
PROGRAMACIÓN |
CSS |
| Interfaz 02: Problemas de espacio y diseño de la información |
- Diseño de la Información.
- Problemas de Espacio.
- Usabilidad en el Interfase según Nielsen.
|
|
- [position]
- [display]
- [width]
- [visibility]
- [z-index]
|
| CLASE 10 |
CONCEPTO |
PROGRAMACIÓN |
CSS |
| Interfaz 03: Dominar la Interfase. |
- Redes e Internet
- Página Web
- Programación Web
- Usabilidad y Estándares
- Ayudas y bibliografía
|
|
|
| CLASE 11 |
CONCEPTO |
PROGRAMACIÓN |
CSS |
| Proyecto Final I Parte |
- Desarrollo y elaboración de un proyecto personal.
|
- [+] Usar los recursos gráficos aprendidos.
|
- [+] Usar los recursos gráficos aprendidos.
|
| CLASE 12 |
CONCEPTO |
PROGRAMACIÓN |
CSS |
| Proyecto Final II Parte, correción y Cierre del curso. |
- Conclusión y corrección del proyecto
|
|
|
