Curso de HTML Express

Diseño web, FrontEnd

El curso de HTML esencial para el desarrollo web

Básico Medio (de 8 a 20 horas)

Este curso de HTML te enseñará todo lo que necesitas saber sobre el lenguaje de marcación, en un tiempo reducido, de modo que conozcas lo básico y necesario para abordar, seguidamente, el estudio de cualquier otra tecnología que requiera HTML como conocimiento de base.

Aprendizaje de HTML como un medio

No hace mucho tiempo, aprender HTML era la única vía necesaria para crear un sitio web.  Los estudiantes aprendían este lenguaje y tenían todo lo que hacía falta para publicar su propia página, personal o profesional. Estamos hablando de los inicios de la popularización de Internet.

Hoy se puede construir una web sin siquiera conocer HTML, a través de diferentes plataformas online y sin embargo ese hecho no significa que el conocimiento del lenguaje haya perdido valor. Muy al contrario, decenas de profesiones de las más demandadas requieren dominar HTML, como uno de sus primeros pilares de aprendizaje. 

En este tiempo, HTML se ha convertido en un medio, para llegar a nuevas parcelas de conocimiento, cuando antes era un fin en sí mismo. Ante esta filosofía hemos elaborado el Curso de HTML Express.

Objetivo del curso de HTML

Nuestro objetivo es cubrir la etapa de aprendizaje de HTML en un tiempo reducido, centrándonos en aquellos conocimientos más relevantes para la mayoría de las personas que desean aprender el lenguaje. 

En ese sentido, hemos creado un esquema de contenido que se centra más en explicar los usos correctos del lenguaje, su filosofía y buenas prácticas, que en el abordaje de manera detallada de cada etiqueta, atributo, etc. Paralelamente, debido a la evolución del lenguaje hace que en 2018 sea primordial estudiar las partes de HTML que verdaderamente se usarán en proyectos en la actualidad, dejando de lado las áreas que han caído en desuso.

En resumen, en el curso de HTML Express el estudiante podrá, de una manera práctica, aprender todo lo necesario para acometer cualquier tarea futura, con la garantía que el uso que haga en adelante de HTML será el más adecuado. 

Contenido del curso de HTML Express

A continuación se puede encontrar un resumen de los puntos que se abordarán en las clases del curso.

Clase 1: Conceptos y filosofías importantes para aprender HTML
Manera correcta de usar el HTML y el CSS
Documento básico HTML
Etiquetas de bloque y etiquetas de línea
Qué es HTML5
Etiquetas semanticas

Clase 2: Etiquetas HTML
Elementos sencillos
- Párrafos, negritas, enlaces, imágenes...
Elementos compuestos por varias etiquetas
- Listas, tablas...
Etiquetas de cabecera
- Meta, viewport...

Clase 3: Formularios
Etiquetas para formularios
Validación de formularios HTML5
Envío de formularios

Clase 4: Conocimientos y Herramientas para desarrollo HTML
Colores RGB
Juegos de caracteres y caracteres especiales
Editores de código
Herramientas para desarrollo en los navegadores
Validadores de HTML

Clase 5: Composición de una página web
Estructura de contenido
Gestión de archivos externos y rutas
Primeros pasos con CSS: creación de un layout
Carga de Javascript

Clase 6: Extra
Dominios de Internet y espacios de hosting
Cómo subir archivos a un servidor
FTP, GIT
Wordpress
Ojo en la optimización
Siguientes pasos

CONTENIDO

Conceptos y filosofías importantes para aprender HTML

Introducción al Curso de HTML Express

Gratis !
Miguel Angel Alvarez

Qué es HTML

Gratis !
Miguel Angel Alvarez

Documento básico HTML

Miguel Angel Alvarez

Primeras etiquetas en el cuerpo

Miguel Angel Alvarez

Qué es HTML5

Miguel Angel Alvarez

Etiquetas semánticas

Miguel Angel Alvarez

Plan de contenido para el resto del curso

Gratis !
Miguel Angel Alvarez

Etiquetas HTML

Sintaxis de HTML

Miguel Angel Alvarez

Generalidades de etiquetas

Miguel Angel Alvarez

Enlaces dentro del mismo documento

Miguel Angel Alvarez

Imágenes en HTML

Miguel Angel Alvarez

Listas en HTML

Miguel Angel Alvarez

Ejercicio planetado como práctica

Miguel Angel Alvarez

Formularios

Campos de formulario input

Miguel Angel Alvarez

Campos checkbox y radio button

Miguel Angel Alvarez

Campos select de formulario

Miguel Angel Alvarez

Campos textarea

Miguel Angel Alvarez

Mejoras en formularios de HTML5

Miguel Angel Alvarez

Validaciones HTML5

Miguel Angel Alvarez

Envío de formularios

Miguel Angel Alvarez

Conocimientos y Herramientas para desarrollo HTML

Colores y RGB

Miguel Angel Alvarez

Definición de colores con CSS

Miguel Angel Alvarez

Juegos de caracteres y UTF-8

Miguel Angel Alvarez

Caracteres especiales del HTML

Miguel Angel Alvarez

Editores de código

Miguel Angel Alvarez

Cómo usar la extensión Emmet

Miguel Angel Alvarez

Herramientas para desarrolladores

Miguel Angel Alvarez

Validadores de HTML

Miguel Angel Alvarez

Ejercicios propuestos

Miguel Angel Alvarez

Composición de una página web

Estructura de carpetas del sitio

Miguel Angel Alvarez

Primeros pasos con CSS

Miguel Angel Alvarez

Carga de Javascript

Miguel Angel Alvarez

Ejercicio propuesto

Miguel Angel Alvarez

Contenidos Extra del curso de HTML

Más sobre optimización

Miguel Angel Alvarez

Dominios y alojamiento

Miguel Angel Alvarez

Siguientes pasos

Miguel Angel Alvarez

Tablas y Practica Final HTML

Tablas en HTML

Miguel Angel Alvarez

Ejercicio de tabla: planetas

Miguel Angel Alvarez

Ejercicio de índice de un libro

Miguel Angel Alvarez

Ejercicio tablas anidadas

Miguel Angel Alvarez

CONTENIDO

Conceptos y filosofías importantes para aprender HTML

Introducción al Curso de HTML Express

Gratis !
Miguel Angel Alvarez

Qué es HTML

Gratis !
Miguel Angel Alvarez

Documento básico HTML

Miguel Angel Alvarez

Primeras etiquetas en el cuerpo

Miguel Angel Alvarez

Qué es HTML5

Miguel Angel Alvarez

Etiquetas semánticas

Miguel Angel Alvarez

Plan de contenido para el resto del curso

Gratis !
Miguel Angel Alvarez

Etiquetas HTML

Sintaxis de HTML

Miguel Angel Alvarez

Generalidades de etiquetas

Miguel Angel Alvarez

Enlaces dentro del mismo documento

Miguel Angel Alvarez

Imágenes en HTML

Miguel Angel Alvarez

Listas en HTML

Miguel Angel Alvarez

Ejercicio planetado como práctica

Miguel Angel Alvarez

Formularios

Campos de formulario input

Miguel Angel Alvarez

Campos checkbox y radio button

Miguel Angel Alvarez

Campos select de formulario

Miguel Angel Alvarez

Campos textarea

Miguel Angel Alvarez

Mejoras en formularios de HTML5

Miguel Angel Alvarez

Validaciones HTML5

Miguel Angel Alvarez

Envío de formularios

Miguel Angel Alvarez

Conocimientos y Herramientas para desarrollo HTML

Colores y RGB

Miguel Angel Alvarez

Definición de colores con CSS

Miguel Angel Alvarez

Juegos de caracteres y UTF-8

Miguel Angel Alvarez

Caracteres especiales del HTML

Miguel Angel Alvarez

Editores de código

Miguel Angel Alvarez

Cómo usar la extensión Emmet

Miguel Angel Alvarez

Herramientas para desarrolladores

Miguel Angel Alvarez

Validadores de HTML

Miguel Angel Alvarez

Ejercicios propuestos

Miguel Angel Alvarez

Composición de una página web

Estructura de carpetas del sitio

Miguel Angel Alvarez

Primeros pasos con CSS

Miguel Angel Alvarez

Carga de Javascript

Miguel Angel Alvarez

Ejercicio propuesto

Miguel Angel Alvarez

Contenidos Extra del curso de HTML

Más sobre optimización

Miguel Angel Alvarez

Dominios y alojamiento

Miguel Angel Alvarez

Siguientes pasos

Miguel Angel Alvarez

Tablas y Practica Final HTML

Tablas en HTML

Miguel Angel Alvarez

Ejercicio de tabla: planetas

Miguel Angel Alvarez

Ejercicio de índice de un libro

Miguel Angel Alvarez

Ejercicio tablas anidadas

Miguel Angel Alvarez