Aprende HTML5 y CSS3 desde cero

Name: Aprende HTML5 y CSS3 desde cero
Rating: 4.4 (17883 reviews)

Construye sitios web desde cero aprendiendo el lenguaje de marcado HTML5 y el lenguaje de estilos CSS3

Created byJuan Fernando Urrego

Last updated 11/2021

Spanish

What you'll learn

Aprenderás a maquetar sitios web con HTML5 y CSS3
Aprenderás a escribir etiquetas HTML5, cómo se clasifican y cuáles son sus funciones.
Conocerás las etiquetas más importantes de HTML5, desde la cabecera hasta el cuerpo del sitio web.
Conocerás la clasificación de las propiedades CSS para dar la mejor apariencia a cada una de esas etiquetas que creamos en HTML5.
Aprenderás las buenas prácticas del diseño web responsivo y a construir tu propio sistema de filas y columnas utilizando sólo HTML5 y CSS3 sin ayuda de ningún framework.

Course content

3 sections • 42 lectures • 5h 48m total length

Presentación1:50
Canales de comunicación y aprendizaje0:13
Bienvenida introducción HTML50:58
En esta clase conocerás que el HTML5 es un lenguaje de marcado y se necesita de un editor de código para poder crearlo. Recuerda descargar el material de apoyo de esta primera sección en esta clase.
Descargando nuestro editor de código3:14
En esta clase aprenderás a descargar el editor de código que más te guste para el desarrollo del curso.
Creando el primer archivo html51:35
En esta clase aprenderás a crear un archivo en la extensión .html
Etiquetas html52:15
En esta clase conocerás los nombres de las etiquetas HTML5 más importantes y la creación de las mismas.
Estructura de una página web html57:24
En esta clase aprenderás a construir una la estructura de una página web en HTML5.
Estructura de la cabecera de un sitio web9:02
En esta clase aprenderás a construir la cabecera de un sitio web utilizando las etiquetas HTML5 correspondientes.
Estructura del cuerpo de un sitio web - parte 17:36
En esta clase aprenderás a construir el cuerpo de un sitio web utilizando las etiquetas HTML5 adecuadas.
Estructura del cuerpo de un sitio web - parte 27:34
En esta clase continuamos aprendiendo cuáles etiquetas HTML5 son las que se utilizan en el cuerpo del sitio web.
Estructura del cuerpo de un sitio web - parte 35:50
En esta clase continuamos aprendiendo cuáles etiquetas HTML5 son las que se utilizan en el cuerpo del sitio web.
Etiqueta Audio9:16
En esta clase conoceremos las etiquetas de Audio y sus funciones.
Etiqueta Video5:07
En esta clase aprenderemos a utilizar la etiqueta Video con sus respectivas funciones.
Etiqueta Iframe9:45
En esta clase aprenderemos a utilizar la etiqueta IFRAME. Es una etiqueta que permite vincular recursos multimediales externos.
Etiqueta Div3:51
En esta clase conoceremos la etiqueta más usada en HTML, la etiqueta DIV.
Etiqueta Formulario16:52
En esta clase conocerás las etiquetas de formulario, utilizadas para que el usuario pueda interactuar con la página y solicitar información al proveedor del sitio.

Bienvenida Introducción CSS30:57
En esta clase veremos el alcance de este curso de CSS3. Recuerda descargar el material de apoyo de esta segunda sección en esta clase.
Sintaxis CSS36:32
En esta clase aprenderemos a escribir la sintaxis del lenguaje de estilo CSS.
Propiedades de forma6:18
En esta clase conoceremos las propiedades forma, son aquellas que nos permiten dar forma a las cajas HTML.
Propiedades de color9:35
En esta clase aprenderemos a utilizar las propiedades de color. Son aquellas que nos permiten colorear las cajas HTML.
Propiedades de Ubicación - Parte 19:06
En esta clase comenzaremos a conocer las propiedades de ubicación. Estas propiedades nos permitirán maquetar de una manera correcta un sitio web.
Propiedades de Ubicación - Parte 27:55
En esta clase continuaremos con las propiedades de ubicación.
Propiedades de Ubicación - Parte 39:11
En esta clase continuamos con las propiedades de ubicación.
Propiedades de Ubicación - Parte 48:50
En esta clase finalizamos las propiedades de ubicación.
Propiedades de Texto - Parte 18:58
En esta clase explicaremos las propiedades de texto que podemos utilizar en CSS3.
Propiedades de Texto - Parte 27:13
En esta clase finalizamos las propiedades de texto.
Propiedades de Lista4:24
Las propiedades de lista nos permite organizar de manera estética listados que construyamos en html.
Estilos de Formulario8:58
Cuando construimos formularios es importante que tengan una apariencia agradable y fácil de usar.
Propiedades de Enlace9:03
En las propiedades de enlace damos estética a los menú y botones auxiliares.
Despedida Introducción a CSS32:35
Haz finalizado esta introducción a CSS3. Ahora vamos al siguiente nivel, vamos a aprender Diseño Web Responsivo con HTML5 y CSS3.
¿Cómo subir una página web a internet gratis?14:44
Te invito a que veas este tips de Tutoriales a tu Alcance que está en mi canal de youtube: https://www.youtube.com/c/TutorialesatuAlcance

Si acabas de construir un sitio web y no sabes cómo visualizarlos en internet, este "Tip" es para ti.

Preparando Sublime Text20:47
En esta primera clase de este módulo aprenderemos a utilizar Sublime Text de una manera más práctica gracias a sus plugins. Recuerda descargar el material de apoyo de esta sección: "Material_de_apoyo_Diseño_web_responsivo.zip" que se encuentra en esta primera clase.
Etiqueta Meta Viewport7:25
Cuando comenzamos a trabajar diseño web responsivo es indispensable agregar a nuestro documento HTML la etiqueta Meta con su descripción Viewport.
Sistema de filas y columnas - parte 111:43
En esta clase comenzaremos a construir nuestro propio Grid System (Sistema de Cuadrícula) donde las filas y las columnas serán de nuestra ayuda para que la página web sea adaptable a cualquier pantalla.
Sistema de filas y columnas - parte 214:56
Sistema de filas y columnas - parte 317:58
Media Query CSS20:59
En esta clase finalizaremos nuestro Grid System agregando las consultas de medios, las cuales nos permiten identificar en qué pantalla de dispositivo se está visualizando la página web.
Creando nuestro primer sitio responsivo - parte 17:04
En esta clase comenzaremos a migrar la página web que hicimos en la sección anterior de introducción a CSS3 a una maquetación responsiva utilizando la ayuda de nuestro Grid System.
Creando nuestro primer sitio responsivo - parte 217:07
Creando nuestro primer sitio responsivo - parte 315:14
Despedida del curso8:02
Hemos terminado este curso de Aprende HTML5 y CSS3 desde cero, espero que haya sido de su agrado y nos vemos en otros cursos.
Clase Extra0:04

Requirements

Descargar el material que se encuentra en los recursos del inicio de cada Sección.

Description

¿DE QUÉ SE TRATA EL CURSO?

Hoy en día todo diseñador gráfico que se oriente hacia la web debe conocer los lenguajes de marcado y de estilo HTML y CSS. Conocer dichos lenguajes les permite transformar diseños en experiencias interactivas, fundamental para un buen desarrollo web.

El HTML en su versión 5 nos permite maquetar sitios web a través de etiquetas y dichas etiquetas las podemos convertir en objetos visuales gracias al CSS en su versión 3.

En este curso aprenderás a escribir etiquetas HTML5, cómo se clasifican y cuáles son sus funciones. Además las propiedades CSS necesarias para dar una apariencia estética a nuestros sitios web.

¿CÓMO ES EL CURSO?

Comenzaremos a conocer las etiquetas más importantes de HTML5, desde la cabecera hasta el cuerpo del sitio web, pasando por las etiquetas de meta-datos, enlaces, estilos, cabezote, barra de navegación, columnas, secciones, artículos, imágenes, video, audio y pie de página.

Luego conoceremos la clasificación de las propiedades CSS para dar la mejor apariencia a cada una de esas etiquetas que creamos en HTML5.

En este curso podrás descargar una carpeta donde está todo el material necesario para la elaboración del mismo.

¿CUÁNTO SE TARDA EN COMPLETAR EL CURSO?

Depende de ti. Estimo que menos de una semana puedes completar el curso, pero dependerá de tu ritmo de trabajo y de tu disponibilidad.

¿CUÁLES SON LOS REQUISITOS?

Descargar el material que se encuentra en los recursos del inicio de cada Sección.

¿A QUIÉN VA DIRIGIDO ESTE CURSO?

Diseñadores gráficos, visuales, artistas, desarrolladores

Empresas y emprendedores

Cualquier persona que quiera tener una página web

Who this course is for:

Este curso de HTML5 y CSS3 va dirigido a los principiantes que no estén familiarizados con el desarrollo web y deseen dar sus primeros pasos

Aprende HTML5 y CSS3 desde cero

What you'll learn

Explore related topics

Course content

INTRODUCCIÓN A HTML516 lectures • 1hr 32min

INTRODUCCIÓN A CSS315 lectures • 1hr 54min

INTRODUCCIÓN AL DISEÑO WEB RESPONSIVO11 lectures • 2hr 21min

Requirements

Description

Who this course is for: