Todo sobre HTML5: semántica y nuevos elementos

Curso de introducción al nuevo HTML5, aprenderás por que es importante y cuales son sus principales elementos
0.0 (0 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.
5 students enrolled
$45
Take This Course
  • Lectures 19
  • Contents Video: 1.5 hours
  • Skill Level Intermediate Level
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2013 Spanish

Course Description

HTML5 es la versión definitiva de código HTML que ponga orden al caos que se ha acumulado durante los años en el mundo del desarrollo web.

Veremos cómo la incorporación de nuevos elementos en HTML5 se utiliza para definir el outline de nuestras páginas dando a los user agents la información que necesitan para entender cómo hemos estructurado nuestro contenido y como se relacionan entre sí.

Para sacar el máximo partido a este curso es bueno que tengas conocimientos de HTML y CSS para poder seguir el curso sin problemas, pues partiremos de un documento maquetado en html 4.01 y lo adaptaremos al nuevo estándar.

Este curso es un complemento al curso de maquetación en HTML y CSS.

What are the requirements?

  • Dreamweaver
  • Editor de texto plano

What am I going to get from this course?

  • Sabrás que es el HTML5 y cómo usarlo
  • Cuando finalice este curso, sabrás cómo decidir el formato del outline que quieres que los user agents perciban de tus páginas, así como la jerarquía y sentido semántico de los nuevos elementos de HTML5.
  • Crearemos listas, importaremos imágenes y veremos qué estructura debe tener mi página antes de subirla al servidor

What is the target audience?

  • Todo aquél que tenga una base de HTML y CSS
  • Maquetadores HTML

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Que es el HTML5
02:14
Introducción en la que se presenta el curso y lo que se va a aprender.
03:54
Veremos qué significa el acrónico HTML y algunas de las diferencias que presenta este código con la llegada de HTML5.
09:10
Haremos una revisión de la historia del html des de su creación hasta llegar al html5.
04:25
¿Por qué decimos que html5 es un framework? En este capítulo veremos qué tecnologías se vinculan con el html5. Veremos la estructura base de un documento html.
Section 2: Semántica y nuevos elementos
05:50
¿Qúe deben contener los elementos header y footer? ¿Qué no?
03:43

¿Sabemos dónde está nuestro menú principal de navegación? Esta es la función del elemento

03:52

 En este capítulo veremos la diferencia entre los elementos section y article. ¿Para qué los utilizamos? Finalmente veremos un ejemplo de implementación.

03:04

En este capítulo veremos dónde aplicar un elemento aside, que no siempre tiene que ser una barra lateral.

03:48

Una vez sabemos el significado semántico de los elementos de html5 vamos a ver qué estructura (qué outline) generan nuestros documentos.  En los próximos capítulos veremos el algoritmo que genera  este outline.

02:50

Acabaremos de entender el outline viendo como los navegadores y google ofrecen sus herramientas para poder visualizarlo.

06:17

Recuerdas como en html 4.01 la jerarquía del documento se establecía con los tags h1 a h6. En este capítulo veremos cómo utilizarlos en html5 y qué otros elementos generan secciones.

02:11

Cómo evitar que los heading generen secciones.

Secciones raíz - Sectioning roots
05:52
Section 3: Practiquemos lo aprendido
05:59

Convertimos la página del ejercicio html4.01 a html5. ¿Cómo aplicarlo en una página real?

04:05

Convertimos la página del ejercicio html4.01 a html5. ¿Cómo aplicarlo en una página real?

01:56

Veremos como añadir información de contacto.

04:46

Veremos los elementos de texto más utilizados y qué funcionalidades tienen.

Elementos de fecha y hora
02:28
Section 4: Conclusiones: el estado actual del HTML5
04:28

Estado del html5 actualmente. Veremos algunos ejemplos y recursos que nos ayudarán a ver cómo evoluciona.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Skeyon Formación Barcelona, Servicios de formación

 Skeyon, es una empresa de formación ubicada en Barcelona, especializada en la creación de contenidos audiovisuales de calidad.

Nuestros cursos están creados por profesionales referentes en su sector y tienen una orientación 100% práctica para que puedas aplicar tus nuevos conocimientos en tu vida  profesional o personal.

Skeyon ofrece contenidos de sobre tecnologías  dela información, marketing digital, management, innovación...

Ready to start learning?
Take This Course