DISEÑO WEB (I y II) CONTENIDO TEMÁTICO

Transcripción

1 DISEÑO WEB (I y II) CONTENIDO TEMÁTICO 1. Historia de internet 2. Introducción a las aplicaciones web 3. Estructura de un sitio web 4. Accesibilidad web a. Normas de accesibilidad del World Wide Web Consortium (W3C): WCAG, ATAG y UAAG. b. WCAG 1.0: Pautas de Accesibilidad sobre el Contenido en la Web. c. Diferencias entre WCAG 1.0 y WCAG 2.0. d. Ayudas técnicas (hardware y software): cómo navegan por la Web las personas con discapacidad. e. Desarrollo de sitios web accesibles. 5. Fundamentos de usabilidad web a. Principios psicológicos para el diseño de interfaces de usuario. b. Parámetros de usabilidad: Facilidad de aprendizaje Eficiencia Facilidad de recuerdo Tratamiento de errores Satisfacción 6. Arquitectura de la información 7. Diseño Centrado en el Usuario 8. Responsive web Design y diseño para móviles 9. Pautas en el desarrollo de un proyecto web a. Planificación y características generales de un proyecto web. Usuario, contenido y contexto. Interfaz gráfica de usuario. Leyes y principios fundamentales en el diseño de interfaces de usuarios. b. Diseño de información y diagramación. Introducción al diseño de información. Diagramación tipos y uso. c. SEO. Técnicas de diseño para posicionamiento natural en buscadores. - Introducción a SEO. - Desarrollo web pensando para buscadores. d. Prototipado e. Evaluación 10. Herramientas a. XHTML b. CSS básico c. HTML5 d. CSS avanzado e. JavaScript f. Ajax g. JQuery

2 RECURSOS accesibilidad- contenido- web /diseno_web.html 11/Diseno_sitios_web.html

3 CONTENIDO XHTML Tema 1. Introducción 1.2. Breve historia de HTML 1.3. Especificación oficial 1.4. HTML y XHTML 1.5. HTML y CSS Tema 2. Características básicas 2.2. El primer documento HTML 2.3. Etiquetas y atributos 2.4. Elementos HTML 2.5. Sintaxis de las etiquetas XHTML Tema 3. Texto 3.1. Estructurar 3.2. Marcado básico de texto 3.3. Marcado avanzado de texto 3.4. Marcado genérico de texto 3.5. Espacios en blanco y nuevas líneas 3.6. Codificación de caracteres Tema 4. Enlaces 4.1. URL 4.2. Enlaces relativos y absolutos 4.3. Enlaces básicos 4.4. Enlaces avanzados 4.5. Otros tipos de enlaces 4.6. Ejemplos de enlaces habituales Tema 5. Listas 5.1. Listas no ordenadas 5.2. Listas ordenadas 5.3. Listas de definición Tema 6. Imágenes y objetos 6.2. Mapas de imagen 6.3. Objetos Tema 7. Tablas 7.1. Tablas básicas 7.2. Tablas avanzadas Tema 8. Formularios 8.1. Formularios básicos 8.2. Elementos de formulario 8.3. Formularios avanzados 8.4. Otros elementos de formulario Tema 9. Estructura y layout Tema 10. Metainformación Estructura de la cabecera Metadatos DOCTYPE Tema 11. Otras etiquetas importantes JavaScript CSS Iframes Otras etiquetas

4 Tema 12. Accesibilidad Requisitos del nivel A de accesibilidad Tema 13. Validación Validación con Dreamweaver Validador del W3C Otros validadores Tema 14. Fragmentos de código Documento XHTML Cabecera XHTML Tabla Formulario RECURSOS xhtml /

5 CONTENIDO CSS BÁSICO Capítulo 1. Introducción 1.2. Breve historia de CSS 1.3. Soporte de CSS en los navegadores 1.4. Especificación oficial 1.5. Funcionamiento básico de CSS 1.6. Cómo incluir CSS en un documento XHTML 1.7. Glosario básico 1.8. Medios CSS 1.9. Comentarios Sintaxis de la definición de cada propiedad CSS Capítulo 2. Selectores 2.1. Selectores básicos 2.2. Selectores avanzados 2.3. Agrupación de reglas 2.4. Herencia 2.5. Colisiones de estilos Capítulo 3. Unidades de medida y colores 3.1. Unidades de medida 3.2. Colores Capítulo 4. Modelo de cajas 4.1. Anchura y altura 4.2. Margen y relleno 4.3. Bordes 4.4. Margen, relleno, bordes y modelo de cajas 4.5. Fondos Capítulo 5. Posicionamiento y visualización 5.1. Tipos de elementos 5.2. Posicionamiento 5.3. Posicionamiento normal 5.4. Posicionamiento relativo 5.5. Posicionamiento absoluto 5.6. Posicionamiento fijo 5.7. Posicionamiento flotante 5.8. Visualización Capítulo 6. Texto 6.2. Texto Capítulo 7. Enlaces 7.2. Estilos avanzados Capítulo 8. Imágenes 8.2. Estilos avanzados Capítulo 9. Listas 9.2. Estilos avanzados Capítulo 10. Tablas Estilos avanzados Capítulo 11. Formularios Estilos avanzados Capítulo 12. Layout Centrar una página horizontalmente Centrar una página verticalmente

6 12.3. Estructura o layout Alturas/anchuras máximas y mínimas Estilos avanzados Capítulo 13. Otros Versión para imprimir Personalizar el cursor Hacks y filtros Prioridad de las declaraciones CSS Validador Recomendaciones generales sobre CSS RECURSOS /

7 CONTENIDO CSS AVANZADO Capítulo 1. Técnicas imprescindibles 1.1. Propiedades shorthand 1.2. La propiedad haslayout de Internet Explorer 1.3. Limpiar floats 1.4. Elementos de la misma altura 1.5. Sombras 1.6. Transparencias 1.7. Sustitución de texto por imágenes 1.8. Sustitución de texto por Flash 1.9. Esquinas redondeadas Rollovers y sprites Texto Capítulo 2. Buenas prácticas 2.2. Comprobar el diseño en varios navegadores 2.3. Mejora progresiva 2.4. Depuración 2.5. Hojas de estilos 2.6. Rendimiento 2.7. Recursos imprescindibles Capítulo 3. Selectores 3.1. Selector de hijos 3.2. Selector adyacente 3.3. Selector de atributos 3.4. Pseudo-clases 3.5. Pseudo-elementos 3.6. Selectores de CSS 3 Capítulo 4. Propiedades avanzadas 4.1. Propiedad white-space 4.2. Propiedad display 4.3. Propiedad outline 4.4. Propiedad quotes 4.5. Propiedad counter-reset 4.6. Propiedad counter-increment 4.7. Propiedad content Capítulo 5. Frameworks 5.1. El framework YUI 5.2. Primeros pasos con el framework YUI 5.3. Inicializando estilos con el framework YUI 5.4. Texto con el framework YUI 5.5. Layouts con el framework YUI 5.6. Otros frameworks Capítulo 6. Técnicas avanzadas 6.2. Mapas de imagen 6.3. Variables en las hojas de estilos 6.4. Estilos alternativos 6.5. Comentarios condicionales, filtros y hacks 6.6. Selector de navegador RECURSOS

8

9 CONTENIDO HTML5 BASICO Tema 1: HTML5 - Introducción a HTML5 - Bloques de contenido en HTML5 - Etiquetas semánticas a nivel de texto - Formularios en HTML5 - Control/validación de datos con HTML5 - Nuevos atributos e incompatibilidades con versiones anteriores Tema 2: Elementos gráficos en HTML5 - Formatos gráficos en la Web - Gráficos SVG (Scalable Vector Graphics) - Gestión y creación de elementos SVG y aplicación de formatos - Interactividad de SVG con Javascript - La etiqueta Canvas y creación de objetos gráficos. - Animación de objetos en el canvas. Tema 3: Desarrollo de aplicaciones móviles con HTML5. - HTML5 para aplicaciones móviles: aplicaciones nativas versus aplicaciones Web. - API s avanzadas de HTML5 soportadas en Javascript. - Librerías Javascript para desarrollo móvil: jquey Mobile. - Desarrollo de aplicaciones nativas para dispositivos móviles. RECURSOS

10 CONTENIDO JAVASCRIPT BASICO Capítulo 1. Introducción 1.2. Breve historia 1.3. Especificaciones oficiales 1.4. Cómo incluir JavaScript en documentos XHTML 1.5. Etiqueta noscript 1.6. Glosario básico 1.7. Sintaxis 1.8. Posibilidades y limitaciones 1.9. JavaScript y navegadores JavaScript en otros entornos Capítulo 2. El primer script Capítulo 3. Programación básica 3.1. Variables 3.2. Tipos de variables 3.3. Operadores 3.4. Estructuras de control de flujo 3.5. Funciones y propiedades básicas de JavaScript Capítulo 4. Programación avanzada 4.1. Funciones 4.2. Ámbito de las variables 4.3. Sentencias break y continue 4.4. Otras estructuras de control Capítulo 5. DOM 5.1. Árbol de nodos 5.2. Tipos de nodos 5.3. Acceso directo a los nodos 5.4. Creación y eliminación de nodos 5.5. Acceso directo a los atributos XHTML 5.6. Ejercicios sobre DOM Capítulo 6. Eventos 6.1. Modelos de eventos 6.2. Modelo básico de eventos 6.3. Obteniendo información del evento (objeto event) Capítulo 7. Formularios 7.1. Propiedades básicas de formularios y elementos 7.2. Utilidades básicas para formularios 7.3. Validación Capítulo 8. Otras utilidades 8.1. Relojes, contadores e intervalos de tiempo 8.2. Calendario 8.3. Tooltip 8.4. Menú desplegable 8.5. Galerías de imágenes (Lightbox) Capítulo 9. Detección y corrección de errores 9.1. Corrección de errores con Internet Explorer 9.2. Corrección de errores con Firefox 9.3. Corrección de errores con Opera

11 RECURSOS

12 CONTENIDO AJAX BASICO Capítulo 1. Introducción a AJAX Capítulo 2. JavaScript básico 2.2. Variables 2.3. Palabras reservadas 2.4. Tipos de variables 2.5. Operadores 2.6. Objetos nativos de JavaScript 2.7. Funciones 2.8. Funciones y propiedades básicas de JavaScript Capítulo 3. JavaScript avanzado 3.2. Clases 3.3. Otros conceptos Capítulo 4. DOM (Document Object Model) 4.2. Tipos de nodos 4.3. La interfaz Node 4.4. HTML y DOM Capítulo 5. BOM (Browser Object Model) 5.2. El objeto window 5.3. El objeto document 5.4. El objeto location 5.5. El objeto navigator 5.6. El objeto screen Capítulo 6. Eventos 6.1. Modelo básico de eventos 6.2. El flujo de eventos 6.3. Handlers y listeners 6.4. El objeto event 6.5. Tipos de eventos 6.6. Solución cross browser Capítulo 7. Primeros pasos con AJAX 7.2. La primera aplicación 7.3. Métodos y propiedades del objeto XMLHttpRequest 7.4. Utilidades y objetos para AJAX 7.5. Interacción con el servidor 7.6. Aplicaciones complejas 7.7. Seguridad Capítulo 8. Técnicas básicas con AJAX 8.2. Teclado virtual 8.3. Autocompletar Capítulo 9. Técnicas avanzadas con AJAX 9.2. Lector RSS 9.3. Google Maps Capítulo 10. Frameworks y librerías El framework Prototype La librería scriptaculous La librería jquery Otros frameworks importantes RECURSOS