Nuevo

HTML desde básico

Construir documentos html5 que pueden ser ejecutados en un navegador de Internet, analizar la estructura de los documentos html5 reconociendo las etiquetas y plasmar los datos de una manera amigable y de fácil lectura. Aprender a crear formularios de datos y su correspondiente almacenamiento en variables locales, como insertar imágenes y videos dentro de nuestro documento html5. Utilizar la herramienta normalize.css para obtener resultados consistentes en todos los navegadores web.

Categoría:
  • Descripción
  • Sesiones

Descripción

CURSO

HTML desde básico

RESUMEN

Construir documentos html5 que pueden ser ejecutados en un navegador de Internet, analizar la estructura de los documentos html5 reconociendo las etiquetas y plasmar los datos de una manera amigable y de fácil lectura. Aprender a crear formularios de datos y su correspondiente almacenamiento en variables locales, como insertar imágenes y videos dentro de nuestro documento html5. Utilizar la herramienta normalize.css para obtener resultados consistentes en todos los navegadores web.

CAPACIDAD

Al culminar el curso, el alumno podrá construir documentos html5; reconocerá las etiquetas de apertura y cierre así como identificar el uso correcto de los campos de formulario y además estará preparado para llevar cursos avanzados de html5 con el uso de las hojas de estilo css para enriquecer los documentos html5.

TEMARIO

METODOLOGÍA
  • Exposición de aspectos teóricos de los temas
  • Desarrollo de casos prácticos
  • Evaluación continua (teórica y práctica en cada sesión).
REQUISITOS
  • Conocimientos básicos de computación.
  • Muchas ganas de aprender
TECNOLOGÍAS INVOLUCRADAS
  • HTML5
  • Navegadores de Internet
  • Editores de código

Sesión 01:

Descubriendo HTML5

  • Introducción a HTML5
  • Herramientas para edición de código HTML5
  • Estructura del código HMTL
  • ¿Qué es la web semántica y cuál es su uso: SEO?
  • Apertura y cierre de etiquetas
  • Atributos de etiquetas
  • Comentar código en HTML5
  • Etiquetas de HTML5 - Primera parte
  • Ejercicio 1: Hola mundo! Armar nuestro primer documento HTML5

Sesión 02:

Lo nuevo en HTML5

  • Etiquetas de html5 – Segunda parte
  • Personalizar el documento con los atributos básicos
  • Personalizar el documento con el atributo style
  • Un vistazo a las hojas de estilos
  • Multimedia en HTML5: Audio y video
  • Iframe: Cargar elementos externos dentro de nuestro documento
  • Ejercicio 2: Crear un documento HTML5 con una tabla de datos, mínimo 5 filas y 5 columnas,con un video de youtube incrustado

Sesión 03:

Desarrollo con html5

  • Un vistazo al modelo de objetos de documento DOM
  • Utilizar los recursos del navegador, herramientas de desarrollo en línea Chrome DevTools
  • Obtener datos de la sesión
  • Almacenar datos locales
  • Formularios en HTML5
  • Tipos de campos
  • Validación básica de campos de formulario
  • Ejercicio 3: Construir un formulario HTML5 en el que solicite los siguientes campos: nombres,
    apellidos, dni, correo electrónico, password, género, mensaje y un campo para que acepte
    los términos y condiciones.

Sesión 04:

HTML5 en acción

  • Cross browser: Hacer que tu web se vea igual en cualquier navegador (reset css) Web responsive: Lograr que tu web sea visible en cualquier dispositivo (bootstrap /materialize)
  • Validación de HTML5: W3C validator.
  • Ejercicio 4: Construir un landing page y su página de respuesta, realizar pruebas de rendimiento