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
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
Preguntas y respuestas sobre el HTML semántico
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
Enlaces a otras páginas del mismo sitio y rutas
Miguel Angel Alvarez
Enlaces absolutos, a otros sitios web
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
Usar un servicio de 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
Configurar un sistema de Live Reload
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
Generación del HTML para la práctica de composición
Miguel Angel Alvarez
Primeros pasos con CSS
Miguel Angel Alvarez
Aplicación CSS para la capa de presentación
Miguel Angel Alvarez
Introducción al diseño adaptable (Responsive)
Miguel Angel Alvarez
Viewport y otras etiquetas del head
Miguel Angel Alvarez
Carga de Javascript
Miguel Angel Alvarez
Ejercicio propuesto
Miguel Angel Alvarez
Contenidos Extra del curso de HTML
Optimización de la página: CSS y Javascript
Miguel Angel Alvarez
Optimización de la página: imágenes
Miguel Angel Alvarez
Práctica sobre optimización de ficheros gráficos
Miguel Angel Alvarez
Más sobre optimización
Miguel Angel Alvarez
Git: Crear un repositorio de código y subirlo a GitHub
Miguel Angel Alvarez
Clonar un repositorio GIT, remoto a local
Miguel Angel Alvarez
Dominios y alojamiento
Miguel Angel Alvarez
Subir la web a nuestro hosting con dominio propio por FTP
Miguel Angel Alvarez
Usar un servicio de nuestro hosting para envío de formularios
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 página de una receta de cocina
Miguel Angel Alvarez
Ejercicio de índice de un libro
Miguel Angel Alvarez
Ejercicio tablas anidadas
Miguel Angel Alvarez
Ejercicio de formulario correctamente maquetado
Miguel Angel Alvarez
CONTENIDO
Conceptos y filosofías importantes para aprender HTML
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
Preguntas y respuestas sobre el HTML semántico
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
Enlaces a otras páginas del mismo sitio y rutas
Miguel Angel Alvarez
Enlaces absolutos, a otros sitios web
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
Usar un servicio de 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
Configurar un sistema de Live Reload
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
Generación del HTML para la práctica de composición
Miguel Angel Alvarez
Primeros pasos con CSS
Miguel Angel Alvarez
Aplicación CSS para la capa de presentación
Miguel Angel Alvarez
Introducción al diseño adaptable (Responsive)
Miguel Angel Alvarez
Viewport y otras etiquetas del head
Miguel Angel Alvarez
Carga de Javascript
Miguel Angel Alvarez
Ejercicio propuesto
Miguel Angel Alvarez
Contenidos Extra del curso de HTML
Optimización de la página: CSS y Javascript
Miguel Angel Alvarez
Optimización de la página: imágenes
Miguel Angel Alvarez
Práctica sobre optimización de ficheros gráficos
Miguel Angel Alvarez
Más sobre optimización
Miguel Angel Alvarez
Git: Crear un repositorio de código y subirlo a GitHub
Miguel Angel Alvarez
Clonar un repositorio GIT, remoto a local
Miguel Angel Alvarez
Dominios y alojamiento
Miguel Angel Alvarez
Subir la web a nuestro hosting con dominio propio por FTP
Miguel Angel Alvarez
Usar un servicio de nuestro hosting para envío de formularios
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 página de una receta de cocina
Miguel Angel Alvarez
Ejercicio de índice de un libro
Miguel Angel Alvarez
Ejercicio tablas anidadas
Miguel Angel Alvarez
Ejercicio de formulario correctamente maquetado
Miguel Angel Alvarez