Manual del curso Diseño web avanzado con HTML5 y CSS3

Aplicar estilo a los elementos estructurales HTML5. Otros elementos semánticos de HTML5. Elementos article anidados. El esquema del documento. LECCIÓN ...
177KB Größe 5 Downloads 85 vistas
 

¸NDICE LECCIÓN 1: INTRODUCCIÓN La evolución de la Web Estándares web HTML5 y CSS3 JavaScript

LECCIÓN 2: INTRODUCCIÓN A JAVASCRIPT La etiqueta <script> Contenido alternativo Variables Tipos de datos Operadores Cuadros de diálogo

LECCIÓN 3: FUNDAMENTOS DE PROGRAMACIÓN Estructuras de decisión Expresiones lógicas Estructuras de repetición Definir funciones Llamar funciones Ámbito de las variables

LECCIÓN 4: OBJETOS Y ARRAYS EN JAVASCRIPT Introducción La jerarquía de objetos Propiedades y eventos Métodos Arrays

LECCIÓN 5: LOS OBJETOS LOCATION E HISTORY ¿Qué es una URL? El objeto location Actualizando la dirección El objeto history

LECCIÓN 6: EL OBJETO DOCUMENT Introducción La propiedad title El método write El conjunto images

LECCIÓN 7: EL OBJETO FORM Formularios HTML El conjunto forms La propiedad elements Validar la información ¿Cuándo realizar la validación? Tipos de validación

LECCIÓN 8: MODELO DE OBJETOS DEL DOCUMENTO (DOM) El árbol del documento Tipos de nodos y de relaciones Obtener elementos Obtener y establecer atributos

LECCIÓN 9: MANIPULACIÓN DEL DOM Recorrer el árbol del documento Modificar el valor de los nodos Crear, eliminar y reemplazar nodos El método innerHTML Modificar el formato dinámicamente

LECCIÓN 10: BUENAS PRÁCTICAS Separar estructura y comportamiento Añadir los manejadores de evento Detectar características de los navegadores Ejemplo: Una galería fotográfica Ejemplo: La estructura de la página Ejemplo: El código JavaScript

 

¸NDICE LECCIÓN 1: ELEMENTOS ESTRUCTURALES DE HTML5 Doctype de HTML5 Evitando elementos div Descripción de los elementos estructurales HTML5 Aplicar los elementos estructurales HTML5 Modificar la hoja de estilo en cascada LECCIÓN 2: TRABAJANDO CON ESQUEMAS HTML5 Aplicar estilo a los elementos estructurales HTML5 Otros elementos semánticos de HTML5 Elementos article anidados El esquema del documento LECCIÓN 3: FORMULARIOS HTML5 Introducción Nuevos controles de formulario Nuevos atributos Compatibilidad con navegadores antiguos LECCIÓN 4: DIBUJAR CON EL ELEMENTO CANVAS (PARTE 1) Introducción Una interfaz de dibujo 2D Dibujar rectángulos Dibujar trazados Colores de trazo y de relleno LECCIÓN 5: DIBUJAR CON EL ELEMENTO CANVAS (PARTE 2) Estilos de línea Gradientes Patrones Dibujar imágenes Dibujar texto LECCIÓN 6: VÍDEO Y AUDIO EN HTML5 Reproducción sin plugin La etiqueta Formatos y códecs de vídeo Códecs de audio La etiqueta API multimedia

LECCIÓN 7: INTRODUCCIÓN A CSS3 (PARTE 1) La evolución que representa CSS3 Nuevos selectores CSS3 Esquinas redondeadas y sombras Colores Gradientes de color LECCIÓN 8: INTRODUCCIÓN A CSS3 (PARTE 2) Incrustación de fuentes Dónde obtener fuentes Múltiples imágenes de fondo Transiciones Transformaciones

 

Este curso se ha desarrollado utilizando las aplicaciones Microsoft Windows 7 y Adobe Creative Suite. Por consiguiente, cualquier material utilizado, como imágenes, texto, etc., es propiedad de Microsoft Corporation y Adobe Systems Incorporated, con excepción de los recursos propios de CAE, S.A. Las marcas, logotipos, diseños de marcas, títulos y/o nombres comerciales que aparecen en el curso son propiedad de sus respectivos propietarios. CAE, S.A. es propietaria del contenido y del desarrollo del curso. Se prohíbe cualquier uso de dicho material distinto al relacionado con este curso.

Queda prohibida la reproducción total o parcial de esta obra y sus ejercicios adicionales por cualquier medio o procedimiento y la distribución de ejemplares de ella mediante alquiler o préstamo.

COMPUTER AIDED ELEARNING S.A. ©

Domicilio social: C/ San Francisco de Borja, 18 46701 - GANDIA (VALENCIA)

www.cae.net