Curso de HTML y CSS
Curso que aborda las técnicas y lenguajes fundamentales para el desarrollo web: HTML y CSS / HTML5 y CSS3
Diseño web, FrontEnd, BackEnd, Apps
Nivel: Básico
| 39 Horas y 36 min
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
03:20
14:31
Documento básico HTML
Miguel Angel Alvarez
13:36
Primeras etiquetas en el cuerpo
Miguel Angel Alvarez
06:57
Qué es HTML5
Miguel Angel Alvarez
09:10
Etiquetas semánticas
Miguel Angel Alvarez
09:36
Preguntas y respuestas sobre el HTML semántico
Miguel Angel Alvarez
16:36
07:53
Etiquetas HTML
Sintaxis de HTML
Miguel Angel Alvarez
15:47
Generalidades de etiquetas
Miguel Angel Alvarez
17:58
Enlaces dentro del mismo documento
Miguel Angel Alvarez
12:54
Enlaces a otras páginas del mismo sitio y rutas
Miguel Angel Alvarez
07:24
Enlaces absolutos, a otros sitios web
Miguel Angel Alvarez
14:34
Imágenes en HTML
Miguel Angel Alvarez
14:35
Listas en HTML
Miguel Angel Alvarez
15:41
Ejercicio planetado como práctica
Miguel Angel Alvarez
06:23
Formularios
Campos de formulario input
Miguel Angel Alvarez
12:40
Campos checkbox y radio button
Miguel Angel Alvarez
14:07
Campos select de formulario
Miguel Angel Alvarez
06:12
Campos textarea
Miguel Angel Alvarez
07:14
Mejoras en formularios de HTML5
Miguel Angel Alvarez
18:02
Validaciones HTML5
Miguel Angel Alvarez
14:26
Envío de formularios
Miguel Angel Alvarez
12:55
Usar un servicio de envío de formularios
Miguel Angel Alvarez
1:49:00
Conocimientos y Herramientas para desarrollo HTML
Colores y RGB
Miguel Angel Alvarez
11:05
Definición de colores con CSS
Miguel Angel Alvarez
09:12
Juegos de caracteres y UTF-8
Miguel Angel Alvarez
04:41
Caracteres especiales del HTML
Miguel Angel Alvarez
07:09
Editores de código
Miguel Angel Alvarez
17:24
Cómo usar la extensión Emmet
Miguel Angel Alvarez
10:18
Configurar un sistema de Live Reload
Miguel Angel Alvarez
06:51
Herramientas para desarrolladores
Miguel Angel Alvarez
11:40
Validadores de HTML
Miguel Angel Alvarez
05:58
Ejercicios propuestos
Miguel Angel Alvarez
06:04
Composición de una página web
Estructura de carpetas del sitio
Miguel Angel Alvarez
06:40
Generación del HTML para la práctica de composición
Miguel Angel Alvarez
12:28
Primeros pasos con CSS
Miguel Angel Alvarez
11:31
Aplicación CSS para la capa de presentación
Miguel Angel Alvarez
17:19
Introducción al diseño adaptable (Responsive)
Miguel Angel Alvarez
20:59
Viewport y otras etiquetas del head
Miguel Angel Alvarez
08:35
Carga de Javascript
Miguel Angel Alvarez
17:28
Ejercicio propuesto
Miguel Angel Alvarez
01:48
Contenidos Extra del curso de HTML
Optimización de la página: CSS y Javascript
Miguel Angel Alvarez
10:04
Optimización de la página: imágenes
Miguel Angel Alvarez
16:37
Práctica sobre optimización de ficheros gráficos
Miguel Angel Alvarez
12:50
Más sobre optimización
Miguel Angel Alvarez
04:44
Git: Crear un repositorio de código y subirlo a GitHub
Miguel Angel Alvarez
14:19
Clonar un repositorio GIT, remoto a local
Miguel Angel Alvarez
10:32
Dominios y alojamiento
Miguel Angel Alvarez
14:24
Subir la web a nuestro hosting con dominio propio por FTP
Miguel Angel Alvarez
11:47
Usar un servicio de nuestro hosting para envío de formularios
Miguel Angel Alvarez
07:49
Siguientes pasos
Miguel Angel Alvarez
16:32
Tablas y Practica Final HTML
Tablas en HTML
Miguel Angel Alvarez
10:08
Ejercicio de tabla: planetas
Miguel Angel Alvarez
07:51
Ejercicio de página de una receta de cocina
Miguel Angel Alvarez
12:03
Ejercicio de índice de un libro
Miguel Angel Alvarez
14:57
Ejercicio tablas anidadas
Miguel Angel Alvarez
04:56
Ejercicio de formulario correctamente maquetado
Miguel Angel Alvarez
21:14
Cursos que te pueden interesar Ver todos
Taller Práctico CSS profesional
Aprende paso a paso y desde 0 la forma de crear código CSS que puedas implementar rápidamente para desarrollar tus ideas y proyectos.
Diseño web, FrontEnd
Nivel: Básico
| 22 Horas y 57 min
Fundamentos CSS Profesional
Bases y práctica para manejar un CSS moderno y entender su comportamiento.
Diseño web, FrontEnd
Nivel: Intermedio
| 24 Horas y 45 min
Curso de Javascript avanzado y APIs HTML5
Perfecciona tus habilidades Javascript y trabaja con las API del HTML5
FrontEnd
Nivel: Intermedio
| 36 Horas y 29 min
CONTENIDO
Conceptos y filosofías importantes para aprender HTML
03:20
14:31
Documento básico HTML
Miguel Angel Alvarez
13:36
Primeras etiquetas en el cuerpo
Miguel Angel Alvarez
06:57
Qué es HTML5
Miguel Angel Alvarez
09:10
Etiquetas semánticas
Miguel Angel Alvarez
09:36
Preguntas y respuestas sobre el HTML semántico
Miguel Angel Alvarez
16:36
07:53
Etiquetas HTML
Sintaxis de HTML
Miguel Angel Alvarez
15:47
Generalidades de etiquetas
Miguel Angel Alvarez
17:58
Enlaces dentro del mismo documento
Miguel Angel Alvarez
12:54
Enlaces a otras páginas del mismo sitio y rutas
Miguel Angel Alvarez
07:24
Enlaces absolutos, a otros sitios web
Miguel Angel Alvarez
14:34
Imágenes en HTML
Miguel Angel Alvarez
14:35
Listas en HTML
Miguel Angel Alvarez
15:41
Ejercicio planetado como práctica
Miguel Angel Alvarez
06:23
Formularios
Campos de formulario input
Miguel Angel Alvarez
12:40
Campos checkbox y radio button
Miguel Angel Alvarez
14:07
Campos select de formulario
Miguel Angel Alvarez
06:12
Campos textarea
Miguel Angel Alvarez
07:14
Mejoras en formularios de HTML5
Miguel Angel Alvarez
18:02
Validaciones HTML5
Miguel Angel Alvarez
14:26
Envío de formularios
Miguel Angel Alvarez
12:55
Usar un servicio de envío de formularios
Miguel Angel Alvarez
1:49:00
Conocimientos y Herramientas para desarrollo HTML
Colores y RGB
Miguel Angel Alvarez
11:05
Definición de colores con CSS
Miguel Angel Alvarez
09:12
Juegos de caracteres y UTF-8
Miguel Angel Alvarez
04:41
Caracteres especiales del HTML
Miguel Angel Alvarez
07:09
Editores de código
Miguel Angel Alvarez
17:24
Cómo usar la extensión Emmet
Miguel Angel Alvarez
10:18
Configurar un sistema de Live Reload
Miguel Angel Alvarez
06:51
Herramientas para desarrolladores
Miguel Angel Alvarez
11:40
Validadores de HTML
Miguel Angel Alvarez
05:58
Ejercicios propuestos
Miguel Angel Alvarez
06:04
Composición de una página web
Estructura de carpetas del sitio
Miguel Angel Alvarez
06:40
Generación del HTML para la práctica de composición
Miguel Angel Alvarez
12:28
Primeros pasos con CSS
Miguel Angel Alvarez
11:31
Aplicación CSS para la capa de presentación
Miguel Angel Alvarez
17:19
Introducción al diseño adaptable (Responsive)
Miguel Angel Alvarez
20:59
Viewport y otras etiquetas del head
Miguel Angel Alvarez
08:35
Carga de Javascript
Miguel Angel Alvarez
17:28
Ejercicio propuesto
Miguel Angel Alvarez
01:48
Contenidos Extra del curso de HTML
Optimización de la página: CSS y Javascript
Miguel Angel Alvarez
10:04
Optimización de la página: imágenes
Miguel Angel Alvarez
16:37
Práctica sobre optimización de ficheros gráficos
Miguel Angel Alvarez
12:50
Más sobre optimización
Miguel Angel Alvarez
04:44
Git: Crear un repositorio de código y subirlo a GitHub
Miguel Angel Alvarez
14:19
Clonar un repositorio GIT, remoto a local
Miguel Angel Alvarez
10:32
Dominios y alojamiento
Miguel Angel Alvarez
14:24
Subir la web a nuestro hosting con dominio propio por FTP
Miguel Angel Alvarez
11:47
Usar un servicio de nuestro hosting para envío de formularios
Miguel Angel Alvarez
07:49
Siguientes pasos
Miguel Angel Alvarez
16:32
Tablas y Practica Final HTML
Tablas en HTML
Miguel Angel Alvarez
10:08
Ejercicio de tabla: planetas
Miguel Angel Alvarez
07:51
Ejercicio de página de una receta de cocina
Miguel Angel Alvarez
12:03
Ejercicio de índice de un libro
Miguel Angel Alvarez
14:57
Ejercicio tablas anidadas
Miguel Angel Alvarez
04:56
Ejercicio de formulario correctamente maquetado
Miguel Angel Alvarez
21:14