Diseño Web avanzado con HTML5 y CSS3
Curso
En línea
¿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
-
Nivel
Nivel avanzado
-
Metodología
En línea
-
Duración
2 Meses
-
Inicio
Fechas disponibles
-
Campus virtual
Sí
-
Tutorías personalizadas
Sí
Objetivo del curso: El objetivo del curso de Diseño Web avanzado desarrollado, es conocer los fundamentos del diseño web así como sus herramientas fundamentales. Destinatarios del curso: Todo público interesado en el diseño de sitios web con conocimientos de HTML o diseño web básico.
Sedes y fechas disponibles
Ubicación
Inicio
Inicio
Acerca de este curso
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
Materias
- HTML
- Javascript
- Herramientas
- DOS
- Programacion
- PHP
- Web
- Internet
- Wordpress
- LMS
Profesores
Mario Spinelli
Diseñador de sitios web y programador
Programa académico
Presentación :
El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico al punto de casi sustituirlo en algunas propuestas de comunicación institucional . Es que hoy muchas empresas o instituciones solo utilizan como medio de comunicación su sitio web dejando de lado publicaciones escritas, folletos , catálogos impresos u otros medios relacionados con el diseño grafico tradicional .
En este curso online de diseño de páginas web aprenderá 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, 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.
Objetivo :
El objetivo de este curso es conocer los fundamentos del diseño web asi como sus herramientas fundamentales.
A quien está dirigido :
Todo público interesado en el diseño de sitios web con conocimientos de HTML o diseño web básico.
Temario :
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.
Características del curso
Método de enseñanza :
- El curso se configura al ritmo , equipo y conocimientos previos que tenga el alumno .
- Las clases y los ejercicios se cursan desde nuestro sitio web mediante un nombre de usuario y una clave personal de acceso.
- No necesita estar conectado a una determinada hora. Puede tomar las lecciones en cualquier horario y todos los días de la semana .
- Se recomienda dedicarle al curso una o dos horas por día. Puede dedicarle más tiempo y terminará antes el curso.
- Puede cursar cada lección hasta un máximo de tres veces.
- Para culminar el curso tiene un plazo de un año desde la fecha de comienzo.
Certificación:
El alumno que realice todas y cada una de las actividades correspondientes a todos los módulos de la carrera y las envíe a los tutores correspondientes recibirá un Certificado de Asistencia .
¿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