Diseño Web Avanzado con HTML5 y CSS3
Curso
Virtual
¿Necesitas un coach de formación?
Te ayudará a comparar y elegir el mejor curso para ti y a financiarlo en cómodas cuotas mensuales.
Descripción
-
Tipología
Curso
-
Metodología
Virtual
-
Duración
2 Meses
El objetivo del curso de Diseño Web avanzado desarrollado por red21. com, es conocer los fundamentos del diseño web asi como sus herramientas fundamentales. Dirigido a: Todo público interesado en el diseño de sitios web con conocimientos de HTML o diseño web básico.
A tener en cuenta
Software: a) Si utiliza sistemas operativos Windows: Windows 2000/XP/Vista/7, Internet Explorer 6.0 o superior, Mozilla Firefox 2.0 o superior y Microsoft .NET Framework 2.0 o superior. b) Si utiliza Linux : Navegador Firefox 1.5 o superior, y el framework Mono versión 1.2.6 o superior. c) Si utiliza Mac debe tner instalado el OSX Leopard o superior y sea de arquitectura Intel. Para que los cursos funcionen en este caso deberán instalar la última versión del framework de Mono.
Opiniones
Profesores
Mario Spinelli
Diseñador de sitios web y programador
Sergio Ramos
Diseñador Gráfico y Web
Programa académico
Módulo1:
Fundamentos de JavaScript
- Lenguaje JavaScript para crear guiones o scripts.
- Validación de los datos enviados.
- Modelo de Objetos del Documento (DOM).
Contexto
- Situación actual de la Web. Páginas dinámicas e interactivas.
- Aplicaciones web. Estándares HTML y CSS (HTML5 y CSS3).
- Lenguaje de programación JavaScript.
Introducción a JavaScript
- Incluir código JavaScript en las páginas web. Etiquetas script y códigos alternativos para aquellos navegadores que no pueden ejecutarlo o que lo tienen desactivado.
- Conceptos fundamentales de programación. Variables, tipos de datos, operadores y cuadros de diálogo sencillos.
Fundamentos de programación
- Estructuras de control y cómo definir funciones en JavaScript. Ámbito de las variables
- Diferencia entre variable global y variable local.
Objetos y Arrays en JavaScript
- Utilizar los objetos en el lenguaje JavaScript. Objetos propios que el programador puede utilizar. Jerarquía de objetos
- Concepto de array.
Los objetos
- Location e history. Concepto de url y estudio de los objetos. El objeto document . Contenido de la página web: su título, conjunto de imágenes, conjunto de hipervínculos, etc.
- El objeto form. Acceso a la información manejada en los formularios que aparecen en las páginas web. Validar la información del formulario con JavaScript.
Modelo de Objetos del Documento (DOM)
- Concepto de Modelo de Objetos del Documento o DOM. Métodos esenciales de la interfaz de programación del DOM.
- Métodos para seleccionar elementos (getElementById, getElementsByTagName, getElementsbyClassName).
- Métodos que permiten obtener o establecer el valor de los atributos (getAttribute y setAttribute).
Manipulación del DOM
- Propiedades y métodos del DOM.
- Se estudia cómo recorrer el árbol del documento, modificar el valor de los nodos de texto o cómo crear nuevo contenido.
Módulo2:
HTML5 y CSS3
- Buenas prácticas a la hora de escribir código JavaScript y trabajar con el DOM de un documento.
- Novedades que aportan HTML5 y CSS3 como evolución de los dos principales estándares web.
- Los elementos semánticos de HTML5, las características propias para reproducir elementos multimedia o las nuevas características de los formularios.
- Las propiedades más interesantes de CSS3 (nuevos selectores, técnicas de diseño avanzadas, transiciones y transformaciones, etc.).
Elementos estructurales de HTML5
- Estudio del tipo de documento o doctype que indica que una página web sigue la especificación de HTML5.
- Elementos estructurales de HTML5 que permiten describir mucho mejor el contenido de una página web.
- Maquetación de una página web en la que se habían utilizado elementos neutros div, sustituyéndolos por los nuevos elementos estructurales.
Trabajando con esquemas HTML5
- Ajustar el código de una página web que utiliza los elementos estructurales HTML5 para que sea mostrada correctamente por los navegadores antiguos.
- Elementos semánticos de HTML5, como mark, progress, etc.
- Significado de anidar elementos estructurales, por ejemplo, para representar un artículo o post en un blog y los comentarios que tiene relacionados.
- Concepto del esquema del documento.
Formularios HTML5
- Nuevas características de los formularios en HTML5: nuevos controles, nuevos atributos y validación nativa.
- Simulción de las nuevas características para el caso de que el usuario utilice algún navegador antiguo. Uso del código JavaScript.
Dibujar con el elemento canvas
- Presentación del elemento canvas de HTML5.
- Métodos básicos de dibujo: líneas, rectángulos, arcos y trazados.
- Estilos de línea, utilizar gradientes de color, utilizar patrones y dibujar imágenes o texto en la superficie de la página.
Video y audio en HTML5
- Incorporar vídeo y audio mediante las nuevas etiquetas HTML5.
- Formatos y códecs disponibles. Cuáles son los que utilizan los principales navegadores.
- Indicaciones para completar el código de forma que los navegadores antiguos puedan reproducir el contenido multimedia mediante Flash.
Introducción a CSS3
- Nuevos selectores, redondear las esquinas de los elementos, aplicar sombras a los objetos y al texto.
- Utilizar niveles de transparencia al especificar colores, especificar colores hsl o utilizar gradientes de color como imágenes de fondo.
- Incrustar fuentes junto a la página web, aplicar múltiples imágenes de fondo a los elementos .
- Aplicar transiciones y/o transformaciones (cambiar el tamaño, rotar, inclinar o desplazar un elemento) entre distintos estados.
¿Necesitas un coach de formación?
Te ayudará a comparar y elegir el mejor curso para ti y a financiarlo en cómodas cuotas mensuales.
Diseño Web Avanzado con HTML5 y CSS3