Diseño y desarrollo Web con HTML 5 y CSS + AJAX
Modalidad: Distancia
Duración: 96 horas
Suvencionado : Para trabajadores en Regmen General
Objetivos:
Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar las ventajas de presentación que ofrecen las hojas de estilo en cascada (CSS).
Contenidos:
Módulo 1. Introducción
Internet y las páginas Web
¿Qué es Internet?
Las páginas Web y la World Wide Web (WWW).
Funcionamiento y navegación.
El lenguaje HTML.
Las Hojas de estilo CSS.
¿Qué hace falta para realizar una página Web?
Navegadores
Navegadores para la WWW.
Ubicación, tipo y contenido de las páginas Web
El Servidor.
Clasificación de las páginas Web.
Contenido y recursos en la creación de una página Web.
Módulo 2. HTML
El lenguaje HTML
HTML
Elementos y estructura básica
Creación de un documento HTML.
Elementos.
Estructura básica.
Directivas de texto
Saltos de línea y espacios en blanco.
Párrafos.
Secciones.
Cabeceras.
Separadores.
Bloque de texto preformateado.
Diálogos.
Destacar texto.
Listas.
Marcadores de texto.
Novedad y tachado.
Enlaces
Enlaces locales.
Enlaces internos a un documento.
Enlaces externos.
Enlaces a direcciones de correo.
Enlaces hacia archivos.
El atributo target y otros.
Tablas
Tablas básicas.
Tablas avanzadas.
Agrupaciones de filas y columnas.
Aplicaciones de las tablas.
Imágenes
Formatos.
Insertar imágenes en HTML.
Mapas de imágenes.
La directiva <FIGURE>.
Formularios
La directiva <FORM> y sus atributos.
Elementos de formulario. La directiva <INPUT>.
Otros elementos.
Formato.
Audio, vídeo y otros objetos multimedia
Los objetos multimedia.
Multimedia en HTML 5.
Marcos flotantes o iframes.
Elementos interactivos en HTML 5.
Módulo 3. CSS
Introducción a las hojas de estilo CSS
Historia.
Funcionamiento básico.
Comentarios.
Selectores
Tipos de selectores.
Unidades de medida y colores
Unidades de medida.
Colores.
Propiedades Básicas
Propiedades de fuentes de letra.
Propiedades asociadas a colores y fondos.
Propiedades asociadas al texto.
Modelo de cajas
Estructura y propiedades.
Posicionamiento
Propiedades y tipos de posicionamiento.
Visualización.
Estilos para listas y tablas
Listas.
Tablas.
CSS 3
Sombras.
Opacidad.
Esquinas redondeadas.
Nuevos selectores, pseudo-elementos y pseudo-clases.
Módulo 4. Consideraciones finales
Publicar un sitio Web
Subir la página a un servidor.
Dar de alta en buscadores.
Mejorar una página Web con JavaScript
Insertar JavaScript en documentos HTML.
Aplicaciones.
Módulo 5. AJAX
Introducción
Breve Historia
¿Qué es AJAX?
Comunicación síncrona vs. Asíncrona
Ejemplos prácticos en producción
Flickr Yahoo!
Google Suggest
Google Maps
Teoría
¿ Para qué nos sirve AJAX ?
Ventajas / Desventajas
Diferencias en el desarrollo «PRE»ajax / «POST»ajax.
El cambio «radical» que supone la comunicación Asíncrona.
Alternativas a Ajax.
Práctica / teoría
DOM
Programación con Frameworks de AJAX
Práctica
Conocimientos Básicos
CSS
JavaScript
Primeros pasos
Copiando Flickr
Copiando Google Suggest
Copiando Google Maps
Copiando aplicaciones de escritorio.
Crear / Destruir objetos.
Pegaso puede con todo.
Integración de xajax en pegaso
Abre tu mente
Que hacer / Que NO hacer con ajax.
Límites de Ajax