Curso Online de Diseño Web avanzado con HTML5 y CSS3



Aprende a distancia a diseñar sitios web para cualquier tipo de disposítivo: computadoras, teléfonos, TV y tablets .

En este curso online de diseño web aprenderás técnicas avanzadas y novedosas 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 muy atractivas desde el punto de vista de la experiencia del usuario.

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.

Objetivos

  • El objetivo de este curso es conocer los fundamentos del diseño web así como sus herramientas fundamentales.

A quién está dirigido

Todo público interesado en el diseño de sitios web con conocimientos de HTML o diseño web básico. Podrás tomar el curso con cualquier tipo de computadora, tablet o teléfono inteligente.

Temario

Módulo 1:

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ódulo 2:

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.
  • Simulació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.

Cómo funciona

  • El curso es a través de Internet en la modalidad de curso online o curso a distancia.
  • El contenido se configura de acuerdo a los conocimientos previos que tengas, así como al tipo de computadora, tablet o móvil que utilices.
  • Las clases y los ejercicios se cursan desde nuestra aula virtual desde cual tendrás acceso a las lecciones, videos, libros electrónicos, ejercicios y prácticas sobre casos reales.
  • No necesitas estar conectado a una determinada hora. Puedes tomar las lecciones en cualquier horario y todos los días de la semana (24 hs).
  • Aprenderás a tu ritmo. Para culminar el curso tienes un plazo de un año desde la fecha de comienzo.

Características

Duración:

2 meses (1 mes en modalidad intensiva). Comienzo: Inmediato.

Profesores:

Sr. Sergio Ramos. Diseñador Gráfico. Especialista en aplicaciones de edición gráfica. Diseñador de sitios web.

Mario Spinelli. Diseñador de sitios web y programador. Diseñador en ambientes PC o Mac.

Certificación:

Cuando realices todas y cada una de las actividades correspondientes a todos los módulos del curso y las envíes a los tutores correspondientes, recibirás un Certificado de Asistencia.

Al presentar, y aprobar, el Trabajo Final que te asigne el tutor, recibirás un certificado de Aprobación del curso emitido por la Distance Learning Red21.com Corporate System reconocido por las principales empresas bajo la modalidad de enseñanza privada.

Beneficios

  • Comienzo inmediato: Comenzarás el curso al día siguiente de la fecha de pago.
  • Recibirás un certificado, que contiene un código único, que podrás presentar cuando te postulas a un empleo. Ver video sobre cómo funcionan nuestras certificaciones.
  • El título final a obtener, luego de aprobadas todas las materias y la prueba final, es de Diseñador Web (nivel avanzado).
  • Aprende a tu ritmo: No necesitas estar conectado a una determinada hora. Puedes tomar las lecciones en cualquier horario y todos los días de la semana, las 24 horas.
  • Bolsa de trabajo: Creada con el objetivo de poner en contacto empresas y profesionales de todo el mundo. Siendo alumno de Red21.com, tu CV pasará a formar parte de nuestra red de trabajo. Y también podrás trabajar a distancia en la modalidad de Teletrabajo.
  • Recibirás el curso complementario gratuito de Teletrabajo: Cómo trabajar a través de Internet.