Aprende a crear páginas web con HTML5 y CSS3
4.6 (7 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.
461 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Aprende a crear páginas web con HTML5 y CSS3 to your Wishlist.

Add to Wishlist

Aprende a crear páginas web con HTML5 y CSS3

Construye páginas web en HTML5 y CSS3 con todos los elementos del lenguaje y sus principales características.
New
4.6 (7 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.
461 students enrolled
Created by Daniel López F
Last updated 9/2017
Spanish
Price: Free
Includes:
  • 9 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Descubrir la manera de hacer páginas web con el lenguaje HTML5
  • Crear páginas web con efectos y buena apariencia gracias a CSS3
  • Identificar las características de los nuevos elementos del HTML5 y el CSS3
  • Crear código HTML y CSS rápidamente con emmet
View Curriculum
Requirements
  • Es necesario tener conocimientos básicos en HTML y CSS o haber culminado el curso "Aprende a crear páginas web con HTML y CSS" del autor
  • Manejo básico de un sistema operativo (Windows, Mac OS ó Linux)
Description

Gracias a la aparición de la conectividad en dispositivos móviles, las páginas web de la actualidad, hacen uso de nuevas tecnologías. Estas nuevas tecnologías permiten el manejo de los dispositivos no solamente para navegar por internet sino para una serie de tareas como geolocalización, uso de la cámara, bases de datos locales, consultas asíncronas, uso de juegos en 2 y 3D, etc y para todo eso es primordial utilizar el HTML5.

El HTML5 es un lenguaje que ahora tiene contenido semántico y permite el uso de una serie de APIs que le dan la posibillidad a los usuarios tener una mejor experiencia a la hora de acceder a internet.

En este curso vas a aprender todo lo relacionado con las nuevas características del lenguaje HTML5 y CSS3 para que puedas explotar estas propiedades y crear tus páginas web de una manera correcta. Desde los elementos básicos hasta los tips y las técnicas de uso para crear páginas web con este estándar.

Who is the target audience?
  • Diseñadores, publicistas, programadores, profesionales y emprendedores en general
  • Cualquier persona a la que le interese aprender a desarrollar páginas web con HTML5 y CSS3
Compare to Other Web Development Courses
Curriculum For This Course
93 Lectures
08:48:31
+
Introducción
2 Lectures 03:01

En esta clase estaremos hablando de las generalidades del lenguaje y sus alcances

Introducción
02:54

Archivos del Curso
00:07
+
HTML5 - La tecnología
2 Lectures 07:38

En esta clase aprenderás que HTML5 es una colección de elementos para el diseño y desarrollo de páginas web. Esta colección representa la manera en que se presenta la información en el navegador y la forma de interactuar con ella.

¿Qué es HTML5?
04:49

En esta clase aprenderás que en el HTML5 los elementos estructurales tienen un sentido semántico, tienen una razón de ser. Tienen un significado por sí mismos.

Semántica
02:49
+
Elementos HTML5
11 Lectures 39:58

En esta clase aprenderás la importancia y relevancia del elemento DOCTYPE

DOCTYPE
08:31

En esta clase aprenderás la importancia de la etiqueta HTML así como la relevancia de su atributo LANG

HTML
01:12

En esta clase hablaremos de la etiqueta META y el atributo CHARSET

META
01:42

En esta clase aprenderás que el elemento header al igual que el head, provee información de introducción, la diferencia radica en que el head tiene la información de TODO el documento, mientras que el header lleva la información de el cuerpo del documento, o de partes de la información del cuerpo.

Header
03:45

En esta clase hablaremos del elemento NAV, que sirve para darle al navegador, información de la navegación de los elementos más importantes del sitio, es decir, allí se referencian los documentos que estén enlazados entre sí para poder llegar a ellos y que hacen parte de nuestro sitio

Nav
02:22

En esta clase hablaremos del elemento MAIN, que define el contenido principal del documento.

Main
01:08

En esta clase aprenderás qué hace el elemento SECTION y cual es su importancia en un documento HTML5.

Section
01:59

En esta clase aprenderás la importancia del elemento ARTICLE dentro de un documento HTML5.

Article
04:01

En esta clase hablaremos del elemento ASIDE. Uno de los elementos característicos del HTML5, ya que en el vamos a insertar información que puede tener que ver con el contenido mismo, pero que por sí sola no sería relevante.

Aside
02:16

En esta clase aprenderás que el elemento FOOTER provee información importante para finalizar un determinado elemento.

Footer
03:04

En esta clase aprenderás los elementos FIGURE y FIGCAPTION, que sirven para agrupar contenido y mostrarlo organizadamente dentro del navegador.

Figure
09:58
+
Escribir HTML y CSS más rápido, EMMET
14 Lectures 42:41

En esta clase aprenderás que Emmet es un plug-in que nos sirve para desarrollar código HTML y CSS de manera rápida mediante pseudocódigo y que se puede instalar en muchos programas de la actualidad.

Emmet
03:38

En esta clase aprenderás a agregar elementos hermanos con Emmet.

Emmet - Elementos Hermanos
01:00

En esta clase aprenderás a agregar elementos hijos con Emmet.

Emmet - Elementos Hijos
01:27

En esta clase aprenderás a salir de las cadenas con Emmet.

Emmet - Salir de una cadena
02:30

En esta clase aprenderás a agrupar elementos con Emmet.

Emmet - Agrupar elementos
03:58

En esta clase aprenderás a multiplicar elementos con Emmet.

Emmet - Elementos multiplicados
01:31

En esta clase aprenderás a agregar elementos con ID o CLASS con Emmet.

Emmet - Elementos ID y CLASS
01:57

En esta clase aprenderás a utilizar etiquetas implícitas con Emmet.

Emmet - Etiquetas implícitas
02:44

En esta clase aprenderás a agregar elementos que contengan atributos con Emmet.

Emmet - Elementos con atributo
03:06

En esta clase aprenderás a agregar elementos enumerados con Emmet.

Emmet - Elementos enumerados
03:26

En esta clase aprenderás a agregar texto dentro de los elementos con Emmet.

Emmet - Agregar textos
03:19

En esta clase aprenderás varios tips para utilizar el Emmet.

Emmet - Varios
05:47

En esta clase aprenderás a agregar propiedades CSS con Emmet.

Emmet - CSS
03:19

En esta clase haremos un ejercicio con Emmet para aplicar todo lo que hemos visto a través de esta sección.

Emmet - Práctica
04:59
+
Formularios HTML5
3 Lectures 51:14

En esta clase aprenderás a utilizar los nuevos elementos de formulario.

Nuevos elementos de Formulario
21:47

En esta clase aprenderás a utilizar los nuevos atributos de formulario.

Nuevos atributos de Formulario
11:07

En esta clase haremos un ejercicio con Emmet para aplicar todo lo que hemos visto a través de esta sección.

Formularios HTML5 - Práctica
18:20
+
Multimedia HTML5
2 Lectures 27:47

En esta clase aprenderás a utilizar el elemento video y sus características.

Video
18:40

En esta clase aprenderás a utilizar el elemento audio y sus características.

Audio
09:07
+
Gráficos Vectoriales
2 Lectures 20:22

En esta clase aprenderás a utilizar y generar los gráficos vectoriales SVG del HTML5.

SVG - I
13:35

En esta clase aprenderás a utilizar y generar los gráficos vectoriales SVG del HTML5 mediante un graficador.

SVG - II
06:47
+
CSS3
33 Lectures 03:02:49

En esta clase haremos una introducción a las propiedades del CSS3.

CSS3
09:51

En esta clase aprenderás a utilizar la propiedad Border-Radius.

Border Radius
05:09

En esta clase aprenderás a utilizar la propiedad Border-Image.

Border Image
07:48

En esta clase aprenderás a utilizar la propiedad Box-Shadow.

Box Shadow
04:16

En esta clase aprenderás a utilizar la propiedad background.

Background Múltiple
03:47

En esta clase aprenderás a utilizar la propiedad background-origin

Background Origin
04:55

En esta clase aprenderás a utilizar la propiedad background-size.

Background Size
05:01

En esta clase aprenderás a utilizar el Color en CSS3.

Color
09:17

En esta clase aprenderás a utilizar degradados en CSS3.

Degradados
05:00

En esta clase aprenderás a utilizar la propiedad text-shadow.

Text Shadow
03:06

En esta clase aprenderás a utilizar la propiedad word-wrap.

Word Wrap
02:58

En esta clase aprenderás a utilizar la propiedad column.

Columnas
07:08

En esta clase aprenderás a utilizar la propiedad @font-face.

@Font-Face
11:21

En esta clase aprenderás a utilizar las fuentes web y sus aplicaciones.

Web Fonts
09:37

En esta clase aprenderás a utilizar la propiedad first-letter.

First Letter
04:14

En esta clase aprenderás a utilizar la propiedad selection.

Selection
02:47

En esta clase aprenderás a utilizar las propiedades before y after.

Before y After
03:20

En esta clase aprenderás a utilizar la propiedad nth-child.

Nth-child
06:00

En esta clase aprenderás a utilizar la propiedad nth-last-child.

Nth-Last-Child
02:56

En esta clase aprenderás a utilizar la propiedad nth-of-type.

Nth-Of-Type
02:30

En esta clase aprenderás a utilizar la propiedad nth-first-of-type.

Nth-First-Of-Type
02:12

En esta clase aprenderás a utilizar la propiedad not.

Not
03:08

En esta clase aprenderás a utilizar la propiedad transform y el valor rotate.

Transform - Rotate
02:37

En esta clase aprenderás a utilizar la propiedad transform y el valor origin.

Transform - Origin
04:11

En esta clase aprenderás a utilizar la propiedad transform y el valor scale.

Transform - Scale
03:56

En esta clase aprenderás a utilizar la propiedad transform y el valor skew.

Transform - Skew
02:55

En esta clase aprenderás a utilizar transformaciones en 3D.

Transform - 3D
11:02

En esta clase aprenderás a utilizar la propiedad transform y el valor translate.

Transform - Translate
02:48

En esta clase aprenderás a utilizar la propiedad transform y el valor perspective.

Perspective
04:01

En esta clase aprenderás a utilizar la propiedad transition.

Transition
17:04

En esta clase aprenderás a utilizar la propiedad animation y su aplicación.

Animation I
05:54

En esta clase aprenderás a utilizar la propiedad animation y su aplicación.

Animation II
05:47

En esta clase aprenderás a utilizar una serie de librerías de vital importancia dentro de los documentos HTML5.

Librerías Útiles
06:13
+
WorkShop I - Práctica
8 Lectures 52:23

En esta clase aprenderemos a configurar nuestros archivos, el sitio, y la estructura del ejercicio.

Workshop I - 1
07:27

En esta clase vamos a estructurar el contenido HTML5 de nuestro documento.

Workshop I - 2
06:44

En esta clase vamos a crear los estilos del documento y las fuentes que vamos a utilizar.

Workshop I - 3
04:26

En esta clase vamos a crear los estilos de la estructura del documento.

Workshop I - 4
05:05

En esta clase vamos a agregar los estilos para la lista del documento.

Workshop I - 5
10:29

En esta clase vamos a aplicar psudo-classes para transformar algunos elementos de la lista.

Workshop I - 6
09:27

En esta clase vamos a agregar estilos para el header, encabezados y el footer.

Workshop I - 7
03:53

En esta clase vamos a afinar algunos detalles para finalizar el ejercicio.

Workshop I - 8
04:52
+
Workshop 2 - Práctica
14 Lectures 01:37:36

En esta clase vamos a darle estructura a nuestros archivos y a nuestro documento principal.

Workshop II - 1
07:57

En esta clase vamos a agregar el contenido HTML5 en el body.

Workshop II - 2
15:37

En esta clase vamos a seleccionar y configurar las fuentes web que vamos a utilizar en nuestro documento.

Workshop II - 3
02:48

En esta clase vamos a agregar unos links anclados y a agregar el mapa de ubicación del sitio.

Workshop II - 4
02:01

En esta clase vamos a agregar los estilos de la estructura del documento.

Workshop II - 5
05:56

En esta clase vamos a agregar todos los estilos del elemento header y todo su contenido.

Workshop II - 6
16:32

En esta clase vamos a agregar los estilos para el elemento home.

Workshop II - 7
14:52

En esta clase vamos a agregar los estilos del elemento "abajo".

Workshop II - 8
04:08

En esta clase vamos a agregar los estilos del elemento article (temas).

Workshop II - 9
09:18

En esta clase vamos a agregar los estilos para la galería.

Workshop II - 10
01:17

En esta clase vamos a agregar los estilos del contacto.

Workshop II - 11
06:26

En esta clase vamos a agregar los estilos del elemento Footer.

Workshop II - 12
04:12

En esta clase vamos a configurar los links para que funcionen con la librería Scrollomatic de jQuery.

Workshop II - 13
04:39

En esta clase vamos a afinar algunos detalles como verificar nuestro código en los validadores de la w3c.

Workshop II - 14
01:53
1 More Section
About the Instructor
Daniel López F
4.5 Average rating
352 Reviews
3,728 Students
3 Courses
Programador y desarrollador de Software / Diseñador Gráfico

Soy Programador y desarrollador de Software, también Diseñador Gráfico, docente en diversas instituciones de temas relacionados con el desarrollo web y el diseño gráfico desde el año 2002.

Tengo más de 15 años de experiencia en el desarrollo de sitios web y 20 años de experiencia en la producción de material gráfico. Desde entonces he estado vinculado a empresas de varios sectores de la industria y la educación.

Apasionado por los lenguajes de programación web, me especializo en lenguajes como HTML5, CSS3, JavaScript, jQuery, PHP, SQL y sus complementos.

En la actualidad me desempeño como instructor del Servicio Nacional de Aprendizaje SENA (Institución de educación superior del gobierno Colombiano) en el área de producción de multimedia y como consultor experto en diseño y desarrollo web.