Inicio › Informática, Diseño y Programación › Diseño Web

Técnico Superior en Diseño Web Avanzado con HTML5 y CSS3

Diseño Web

Pre-inscripción Formación 100% bonificable

* El campo es obligatorio

Solicitar más información

Por favor complete los siguientes campos para poder enviarle la información requerida.

* El campo es obligatorio
Matrícula Online Solicitar + información gratis
Descargar en PDF Enviar a un amigo
ENVIAR
   

Duración: 180 horas

Modalidad: Online

Precio: 100% Bonificable

Prerrequisitos: Ser trabajador contratado en el régimen general y enviar la documentación de matrícula (no válido para autónomos y funcionarios).

Títulación: Titulación de Formación Continua Bonificada expedida por el Instituto Europeo de Estudios Empresariales.



Justificación / Resumen: El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico. Es por esto que hoy muchas empresas o instituciones mayoritariamente utilizan como medio de comunicación su sitio web dejando un poco más de lado publicaciones escritas, folletos, catálogos impresos u otros medios relacionados con el diseño grafico tradicional. Al finalizar el curso el alumno será capaz de dominar las técnicas más avanzadas y novedosas de diseño y programación Web necesarias para desarrollarse profesionalmente con éxito en este ámbito.



Objetivos: - Estudiar el lenguaje JavaScript, así como su estructura y funciones.
- Conocer la situación actual de la Web, en la que tienen gran relevancia las páginas dinámicas e interactivas, convirtiéndose prácticamente en aplicaciones web.
- Estudiar el concepto de Modelo de Objetos del Documento o DOM.
- Estudiar las novedades que aportan HTML5 y CSS3 como evolución de los dos principales estándares web.
- Conocer las novedades que aparecen con la versión Nivel 3 de las Hojas de estilo en cascada (CSS3).

Para qué te prepara: Al finalizar el curso el alumno será capaz de dominar las técnicas más avanzadas y novedosas de diseño y programación Web gracias a la aplicación de los estándares web HTML5 y Hojas de estilo en cascada Nivel 3 (CSS3). Este conjunto de tecnologías permite crear páginas dinámicas y ricas desde el punto de vista de la experiencia del usuario, cada vez más parecidas a las aplicaciones de escritorio. El curso se divide en dos partes: primero se estudia el lenguaje JavaScript y el Modelo de Objetos del Documento (DOM); posteriormente, se utilizan esas dos herramientas para presentar las principales características de HTML5 y CSS3.

Solicitar más información

Por favor complete los siguientes campos para poder enviarle la información requerida.

* El campo es obligatorio
Matrícula Online Solicitar + información gratis
Descargar en PDF Enviar a un amigo
ENVIAR
   

Metodología:

Entre el material entregado en este curso se adjunta un documento llamado Guía del Alumno dónde aparece un horario de tutorías telefónicas y una dirección de e-mail dónde podrá enviar sus consultas, dudas y ejercicios. También se adjunta en CDROM una guía de ayuda para utilizar el campus online.

La metodología a seguir es ir avanzando a lo largo del itinerario de aprendizaje online, que cuenta con una serie de temas y ejercicios. Para su evaluación, el alumno/a deberá completar todos los ejercicios propuestos en el curso. La titulación será remitida al alumno/a por correo una vez se haya comprobado que ha completado el itinerario de aprendizaje satisfactoriamente.

Materiales didácticos:

  • Maletín porta documentos.
  • CDROM: Manual del Alumno de la Plataforma de E-Learning
  • Paquete SCORM: Diseño Web Avanzado con HTML5 y CSS3
  • Subcarpeta portafolios.
  • Dossier completo Oferta Formativa.
  • Carta de presentación.
  • Guía del alumno.
  • Sobre a franquear en destino.
  • Bolígrafos.

Solicitar más información

Por favor complete los siguientes campos para poder enviarle la información requerida.

* El campo es obligatorio
Matrícula Online Solicitar + información gratis
Descargar en PDF Enviar a un amigo
ENVIAR
   

TEMA 1. FUNDAMENTOS DE JAVASCRIPT

  1. Lenguaje JavaScript para crear guiones o scripts
  2. Validación de los datos enviados
  3. Modelos de Objetos del Documento (DOM)

TEMA 2. INTRODUCCIÓN

  1. Situación actual de la Web. Páginas dinámicas e interactivas
  2. Aplicaciones Web. Estándares HTML y CSS (HTML5 y CSS3)
  3. Lenguaje de Programación JavaScript

TEMA 3. INTRODUCCIÓN A JAVASCRIPT

  1. Incluir código JavaScript en las páginas web. Etiquetas script y códigos alternativos para aquellos navegadores que no puedan ejecutarlo o lo tengan desactivado.
  2. Conceptos fundamentales de programación. Variables tipos de datos, operadores y cuadros de diálogo sencillos.

TEMA 4. FUNDAMENTOS DE PROGRAMACIÓN

  1. Estructuras de control y cómo definir funciones en JavaScript. Ámbito de las variables
  2. Diferencia entre variable global y variable local

TEMA 5. OBJETOS Y ARRAYS EN FAVASCRIPT

  1. Utilizar los objetos en el lenguaje JavaScript. Objetos propios que el programador puede utilizar. Jerarquía de objetos.
  2. Concepto de array

TEMA 6. LOS OBJETOS LOCATION E HISTORY

  1. Los objetos location e history de JavaScript. Introducción al concepto de url.

TEMA 7. EL OBJETO DOCUMENT

  1. Contenido de la página web: su título, conjunto de imágenes, conjunto de hipervínculos, etc.

TEMA 8. EL OBJETO FORM

  1. Acceso a la información manejada en los formularios que aparecen en las páginas web. Validar la información del formulario con JavaScript.

TEMA 9. MODELO DE OBJETOS DEL DOCUMENTO (DOM)

  1. Concepto de modelo de Objetos del Documento DOM. Métodos esenciales de la interfaz de programación del DOM
  2. Métodos para seleccionar elementos (getElementById, getElementsByTagName, getElementsbyClassName).
  3. Métodos que permiten obtener o establecer el valor de los atributos (getAttribute y setAttribute).

TEMA 10. MANIPULACIÓN DEL DOM

  1. Propiedades y métodos del DOM
  2. Cómo recorrer el árbol del documento, modificar el valor de los nodos de texto o cómo crear nuevo contenido

TEMA 11. BUENAS PRÁCTICAS

  1. Buenas prácticas a la hora de escribir código JavaScript y trabajar con el DOM de un documento.

TEMA 12. HTML5 Y CSS3

  1. Novedades que aportan HTML5 y CSS3 como evolución de los dos principales estándares web.
  2. Los elementos semánticos de HTML5, las características propias para reproducir elementos multimedia o las nuevas características de los formularios.
  3. Las propiedades más interesantes de CSS3 (nuevos selectores, técnicas de diseño avanzadas, transiciones y transformaciones, etc.).

TEMA 13. ELEMENTOS ESTRUCTURALES DE HTML5

  1. Estudio del tipo de documento o doctype que indica que una página web sigue la especificación de HTML5.
  2. Elementos estructurales de HTML5 que permiten describir mucho mejor el contenido de una página web.
  3. Maquetación de una página web en la que se habían utilizado elementos neutros div, sustituyéndolos por los nuevos elementos estructurales.

TEMA 14. TRABAJANDO CON ESQUEMAS HTML5

  1. Ajustar el código de una página web que utiliza los elementos estructurales HTML5 para que sea mostrada correctamente por los navegadores antiguos.
  2. Elementos semánticos de HTML5, como mark, progress, etc.
  3. Significado de anidar elementos estructurales, por ejemplo, para representar un artículo o post en un blog y los comentarios que tiene relacionados.
  4. Concepto del esquema del documento.

TEMA 15. FORMULARIOS HTML5

  1. Nuevas características de los formularios en HTML5: nuevos controles, nuevos atributos y validación nativa.
  2. Simulación de las nuevas características para el caso de que el usuario utilice algún navegador antiguo. Uso del código JavaScript.

TEMA 16. DIBUJAR CON ELEMENTO CANVAS (PARTE I)

  1. Presentación del elemento canvas de HTML5.

TEMA 17. DIBUJAR CON EL ELEMENTO CANVAS (PARTE II)

  1. Métodos básicos de dibujo: líneas, rectángulos, arcos y trazados.
  2. Estilos de línea, utilizar gradientes de color, utilizar patrones y dibujar imágenes o texto en la superficie de la página.

TEMA 18. VÍDEO Y AUDIO EN HTML5

  1. Incorporar vídeo y audio mediante las nuevas etiquetas HTML5.
  2. Formatos y códecs disponibles. Cuáles son los que utilizan los principales navegadores.
  3. Indicaciones para completar el código de forma que los navegadores antiguos puedan reproducir el contenido multimedia mediante Flash.

TEMA 19. INTRODUCCIÓN A CSS3 (PARTE I)

  1. Nuevos selectores, redondear las esquinas de los elementos, aplicar sombras a los objetos y al texto.
  2. Utilizar niveles de transparencia al especificar colores, especificar colores hsl o utilizar gradientes de color como imágenes de fondo.

TEMA 20. INTRODUCCIÓN A CSS3 (PARTE II)

  1. Incrustar fuentes junto a la página web, aplicar múltiples imágenes de fondo a los elementos.
  2. Aplicar transiciones y/o transformaciones (cambiar el tamaño, rotar, inclinar o desplazar un elemento) entre distintos estados.