Red21

Diseño Web Avanzado con HTML5 y CSS3

Red21
Virtual

$747.340
¿O prefieres llamar directamente al centro?

Información importante

Tipología Curso
Metodología Virtual
Duración 2 Meses
  • Curso
  • Virtual
  • Duración:
    2 Meses
Descripción

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

· Requisitos

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.

Preguntas & Respuestas

Plantea tus dudas y otros usuarios podrán responderte

¿Quién quieres que te responda?

Sólo publicaremos tu nombre y pregunta

Profesores

Mario Spinelli
Mario Spinelli
Diseñador de sitios web y programador

Sergio  Ramos
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.



Compara para elegir mejor:
Ver más cursos similares