Todo sobre HTML5: semántica y nuevos 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
Wishlisted Wishlist

Please confirm that you want to add Todo sobre HTML5: semántica y nuevos elementos to your Wishlist.

Add to Wishlist

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
Last updated 5/2013
Spanish
Current price: $10 Original price: $45 Discount: 78% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • Dreamweaver
  • Editor de texto plano
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.

Who is the target audience?
  • Todo aquél que tenga una base de HTML y CSS
  • Maquetadores HTML
Students Who Viewed This Course Also Viewed
Curriculum For This Course
19 Lectures
01:20:52
+
Que es el HTML5
4 Lectures 19:43
Introducción en la que se presenta el curso y lo que se va a aprender.
Preview 02:14

Veremos qué significa el acrónico HTML y algunas de las diferencias que presenta este código con la llegada de HTML5.
Preview 03:54

Haremos una revisión de la historia del html des de su creación hasta llegar al html5.
De HTML Tags a HTML5: la historia
09:10

¿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.
HTML5 no es sólo HTML: bases del lenguaje
04:25
+
Semántica y nuevos elementos
9 Lectures 37:27
¿Qúe deben contener los elementos header y footer? ¿Qué no?
Los elementos "header" y "footer"
05:50

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

El elemento "nav"
03:43

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

Los elementos "section" y "article"
03:52

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

El elemento "aside"
03:04

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.

Entender el algoritmo para obtener el "outline" de nuestro documento
03:48

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

Preview 02:50

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.

Combinar los heading (h1 - h6) y los elementos que generan sección
06:17

Cómo evitar que los heading generen secciones.

Preview 02:11

Secciones raíz - Sectioning roots
05:52
+
Practiquemos lo aprendido
5 Lectures 19:14

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

Pongámoslo en práctica I: "headers, heading y secciones"
05:59

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

Pongámoslo en práctica II: "footer, nav y aside"
04:05

Veremos como añadir información de contacto.

El elemento "address"
01:56

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

Elementos para marcar (o no) el texto
04:46

Elementos de fecha y hora
02:28
+
Conclusiones: el estado actual del HTML5
1 Lecture 04:28

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

Compatibilidad con los navegadores
04:28
About the Instructor
Skeyon Formación Barcelona
3.8 Average rating
19 Reviews
181 Students
11 Courses
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...