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

Cursos Relacionados

  1. Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4
  2. Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver Curso reconocido por la Universidad Rey Juan Carlos de Madrid
  3. Diseño de Páginas HTML
  4. DISEÑO DE PÁGINAS WEB
  5. Frontpage