Aprende HTML5 y CSS3 desde cero
4.4 (2,701 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
13,720 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Aprende HTML5 y CSS3 desde cero to your Wishlist.

Add to Wishlist

Aprende HTML5 y CSS3 desde cero

Construye sitios web desde 0 aprendiendo el lenguaje de marcado html5 y el lenguaje de estilos CSS3
4.4 (2,701 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
13,720 students enrolled
Last updated 6/2017
Spanish
Price: Free
Includes:
  • 6 hours on-demand video
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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.
View Curriculum
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 is the target audience?
  • 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
39 Lectures
05:45:06
+
INTRODUCCIÓN A HTML5
14 Lectures 01:30:19

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.

Bienvenida introducción HTML5
00:58

En esta clase aprenderás a descargar el editor de código que más te guste para el desarrollo del curso.

Descargando nuestro editor de código
03:14

En esta clase aprenderás a crear un archivo en la extensión .html

Creando el primer archivo html5
01:35

En esta clase conocerás los nombres de las etiquetas HTML5 más importantes y la creación de las mismas.

Etiquetas html5
02:15

En esta clase aprenderás a construir una la estructura de una página web en HTML5.

Estructura de una página web html5
07:24

En esta clase aprenderás a construir la cabecera de un sitio web utilizando las etiquetas HTML5 correspondientes.

Estructura de la cabecera de un sitio web
09:02

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 1
07:36

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 2
07: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 3
05:50

En esta clase conoceremos las etiquetas de Audio y sus funciones.

Etiqueta Audio
09:16

En esta clase aprenderemos a utilizar la etiqueta Video con sus respectivas funciones.

Etiqueta Video
05:07

En esta clase aprenderemos a utilizar la etiqueta IFRAME. Es una etiqueta que permite vincular recursos multimediales externos.

Etiqueta Iframe
09:45

En esta clase conoceremos la etiqueta más usada en HTML, la etiqueta DIV.

Etiqueta Div
03:51

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.

Etiqueta Formulario
16:52
+
INTRODUCCIÓN A CSS3
15 Lectures 01:54:19

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.

Bienvenida Introducción CSS3
00:57

En esta clase aprenderemos a escribir la sintaxis del lenguaje de estilo CSS.

Sintaxis CSS3
06:32

En esta clase conoceremos las propiedades forma, son aquellas que nos permiten dar forma a las cajas HTML.

Propiedades de forma
06:18

En esta clase aprenderemos a utilizar las propiedades de color. Son aquellas que nos permiten colorear las cajas HTML.

Propiedades de color
09:35

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 1
09:06

En esta clase continuaremos con las propiedades de ubicación.

Propiedades de Ubicación - Parte 2
07:55

En esta clase continuamos con las propiedades de ubicación.

Propiedades de Ubicación - Parte 3
09:11

En esta clase finalizamos las propiedades de ubicación.

Propiedades de Ubicación - Parte 4
08:50

En esta clase explicaremos las propiedades de texto que podemos utilizar en CSS3.

Propiedades de Texto - Parte 1
08:58

En esta clase finalizamos las propiedades de texto. 

Propiedades de Texto - Parte 2
07:13

Las propiedades de lista nos permite organizar de manera estética listados que construyamos en html.

Propiedades de Lista
04:24

Cuando construimos formularios es importante que tengan una apariencia agradable y fácil de usar.

Estilos de Formulario
08:58

En las propiedades de enlace damos estética a los menú y botones auxiliares.

Propiedades de Enlace
09:03

Haz finalizado esta introducción a CSS3. Ahora vamos al siguiente nivel, vamos a aprender Diseño Web Responsivo con HTML5 y CSS3.

Despedida Introducción a CSS3
02:35

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.


¿Cómo subir una página web a internet gratis?
14:44
+
INTRODUCCIÓN AL DISEÑO WEB RESPONSIVO
10 Lectures 02:20:28

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.

Preparando Sublime Text
20:47

Cuando comenzamos a trabajar diseño web responsivo es indispensable agregar a nuestro documento HTML la etiqueta Meta con su descripción Viewport.

Etiqueta Meta Viewport
07:25

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 1
11:43

Sistema de filas y columnas - parte 2
14:56

Sistema de filas y columnas - parte 3
17:58

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.

Media Query CSS
20:59

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 1
07:04

Creando nuestro primer sitio responsivo - parte 2
17:07

Creando nuestro primer sitio responsivo - parte 3
15:14

Hemos terminado este curso de Aprende HTML5 y CSS3 desde cero, espero que haya sido de su agrado y nos vemos en otros cursos.

Despedida del curso
07:15
About the Instructor
Juan Fernando Urrego
4.5 Average rating
3,993 Reviews
17,345 Students
8 Courses
Diseñador Visual y Desarrollador Web

Mi nombre es Juan Fernando Urrego, soy profesional en Diseño Visual y Especialista en Administración de la Informática Educativa. Dedicado tiempo completo a la docencia en Desarrollo Web, Diseño Interactivo, Animación 3D e Ilustración. Fundador del portal de cursos Tutoriales a tu Alcance. Soy un convencido de que la internet es la oportunidad del conocimiento, la educación y los empleos del futuro.