Código:  WEB-005 Duración:  30 horas

INFORMACIÓN E INSCRIPCIONES :    +34 94 423 73 84         formacion@programia.es

Ver Calendario Cursos

Este curso proporciona los conocimientos necesarios para desarrollar  páginas web mucho más ricas, completas, interactivas e interesantes que las que se hacen hoy en día. Infinitas posibilidades con gráficos e imágenes vectoriales, fotos, vídeos y otros elementos, mediante el uso de la nueva versión  HTML 5 y las hojas de estilo CSS 3. Ambas, combinadas con Javascript, permitirán dotar a los sitios web de posibilidades casi infinitas.

El alumno aprenderá técnicas avazadas como  por ejemplo, arrastrar elementos de un sitio a otro con gran facilidad, incrustar cualquier tipo de letra en una página, crear efectos hasta ahora imposibles sin usar tecnología cerrada -como rotar una página- o geolocalizar al usuario sin necesidad de una aplicación intermedia.

HTML 5 y CSS 3 proponen mejoras interesantes para el desarrollo de interfaces, mejor Accesibilidad, operaciones en el cliente, antes reservadas al lado servidor, integración de video y audio sin necesidad de pluggin, nuevas estructuras, integración de DOM, etc.. Esta sigue siendo la web de presentación, con muchas mejoras y opciones.

Objetivos

El alumno adquirirá experiencia práctica en el desarrollo de sitios web que cumplan los estándares de la W3C, así­ como las tecnologí­as web más recientes:

  • Desarrollo de sitios web  completos con HTML 5
  • Uso de las nuevas API´s de desarrollo web para audio, vidrio, geolocalización,  google maps,  canvas, …
  • Creación de estilos web con CSS 4
  • Creación de formularios de envío de datos con validación avanzada y envío de datos vía email
  • Creación de sitios interactivos con JavaScript

Temario

Programación Modular:

  • MÓDULO 1 :  DISEÑO WEB CON HTML 5   
  • MÓDULO 2:  DEFINIR EL ESTILO CON CSS 3
  • MÓDULO 3:  JAVASCRIPT PARA DISEÑADORES WEB

MÓDULO 1:  Diseño Web con HTML 5

    1. Análisis de las Tecnologías de Marcas
    2. Estructura
      • Creación de parrafos: Conceptos, Semántica, Usabilidad
      • Creació de Títulos: Conceptos, Semántica, Usabilidad, Motores de búsquedas
      • Especificación de Keywords: Motores de búsquedas, Tipos de Metadatos, Metadatos XML, Metadatos Dublin Core
    3. Módulo de Texto
      • Análisis Semántico – Estructural, Atributos, Conceptos, Semántica, Usabilidad
      • Elementos Estructurales
      • Elementos Semánticos
      • Estilos y Usabilidad en Texto
    4. Módulo de Listas
      • Creación de Listas: Tipos, Conceptos, Semántica, Usabilidad
      • Listas anidadas, Accesibilidad
      • Semántica y Motores de búsquedas
      • Estilos en Listas
    5. Módulo de Links
      • Creación de Links: Tipos de links, Conceptos, Semántica, Usabilidad
      • Links y Motores de busquedas
      • Links y Documentos alternativos
      • Estilos en Links
    6. Módulo Grafico
    7. Análisis y uso de las nuevas Estructuras en HTML 5
    8. Sistemas de Navegacion
    9. Tablas
    10. Formularios
    11. Audio y Video en HTML 5
    12. Canvas Application
    13. GeoLocalizacion
    14. Eventos de Almacenamiento en el Cliente
    15. History API
    16. Drag Files
    17. Contenido Editable
    18. Video
    19. Video Sincronizado
    20. Storage
    21. Google Maps: Integrando distintas utilidades de Google Maps a sus proyectos

MÓDULO 2:  Definir el estilo con CSS3

  1. Uso de CSS en HTML
  2. Estilos y estructura
  3. El modelo de cajas tradicional
  4. Cómo aplicar estilos en línea, embebidos y con  archivos externos
  5. Definir estilos mediante referencias
  6. Propiedades CSS
  7. Uso de estilos para la distribución de los elementos de la página
  8. Nuevas propiedades CSS 3
  9. El framework CSS BootStrap

MÓDULO3:  JavaScript para Diseñadores Web

    1.  Introducción a JavaScript
    2. Variables y Tipos de Datos
    3. Estructuras de Decisión y estructuras de repetición
    4. Funciones
    5. Manejo de errores
    6. Probar el Código JavaScript. Debuggear
    7. Crear Objetos JavaScript
    8. Manipular Cadenas de Caracteres, Fechas, Horas y Timers
    9. Trabajar con el Navegador
    10. Trabajar con Formularios HTML. Validación.
    11. HTML Dinámico y el Modelo de Objetos W3C
    12. Nuevos Selectores JS: querySelector() y querySelectorAll()
    13. JQuery

Calendario

MÓDULO 1:  Diseño Web con HTML 5

  • Duración:   10  horas

MÓDULO 2:  Definir el estilo con CSS3

  • Duración:   15  horas

MÓDULO3:  JavaScript para Diseñadores Web

  • Duración:   5 horas