HTML5 para Diseñadores Nivel II - Semántica, video y audio

Aprende a agregar semántica a tus sitios (para mejorar el SEO) y video y audio compatible con todos los navegadores
5.0 (5 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.
375 students enrolled
$25
Take This Course
  • Lectures 35
  • Contents Video: 2.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 10/2013 Spanish

Course Description

Ya conoces los conceptos fundamentales de HTML? Entonces es tiempo de ir un paso más adelante. En éste curso aprenderás a agregar semántica a tus páginas web mediante el uso de nuevas etiquetas HTML5 y microdata. Esta semántica mejorará tu SEO y aumentará la información que los buscadores muestran sobre tu sitio web aumentando también las visitas. También conocerás los diferentes formatos de video y audio que te darán compatibilidad con el mayor porcentaje de navegadores de computadores de escritorio y dispositivos móviles. Aprenderás a codificar correctamente esos elementos y a incluirlos en tus archivos HTML de manera que se visualicen en cualquier navegador.

En este curso trabajaremos con Adobe Dreamweaver, sin embargo tu puedes seguir los ejercicios del curso con el editor de código que prefieras mediante los mismos archivos que uso en los diferentes ejercicios y que tu podrás descargar.

Inicia ya este curso y aprende a diferenciar tus sitios web de la competencia.

Si deseas contratar éste u otro curso para un grupo empresarial o universidad de forma presencial u online puedes contactarme desde el sitio web de Xpert o al email marceb[at]gmail.com

What are the requirements?

  • Haber tomado el curso HTML5 Nivel I - Conceptos de etiquetado web o tener los conocimientos equivalentes
  • Cualquier editor de código (Dreamweaver, Edge Code, Coda, Sublime text, etc)

What am I going to get from this course?

  • Entender la importancia de la semántica en tus sitios web
  • Aprender a usar las nuevas etiquetas semánticas de HTML5
  • Aprende a agregar semántica al contenido de tu sitio web mediante microdata
  • Conocer los diferentes formatos y extensiones de video y audio para web
  • Aprender a incluir correctamente video y audio en diferentes formatos en tus archivos HTML dando soporte al mayor porcentaje de navegadores posible

What is the target audience?

  • Diseñadores web
  • Personas que quieran aprender a agregar semántica a sus sitios web para mejorar el SEO y sus visitas
  • Personas que quieran agregar video y audio a sus sitios web dando el mayor soporte posible a los diferentes navegadores

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: Introducción
01:09

Bienvenida y descripción del curso

01:30

En este video explicamos el uso de los archivos que puedes descargar y usar para replicar los ejercicios del curso

Section 2: Etiquetas semánticas de HTML5
03:21

En este video aprendemos la importancia y beneficios de la semántica en nuestros sitios web

04:32

En este video conoceremos las nuevas etiquetas semánticas que han sido adicionadas en HTML5

03:42

En este video conoceremos qué es el Document Outline

09:14

En este video definiremos la carpeta de nuestro sitio web y reemplazaremos etiquetas div por etiquetas semánticas

06:20

En este video aprenderemos a verificar el Document Outline con el servicio HTML5 Outliner

08:07

En este video verificaremos el Document Outline de la plantilla de Dreamweaver

10:55

En este video usamos etiquetas semánticas, agregamos encabezados y verificaremos el Document Outline de la plantilla del archivo index

07:36

Finalizamos el ejercicio con las demás páginas del sitio

Section 3: Agregar semántica mediante microdata
03:49

En este video conoceremos sobre la microdata como la forma de agregar semántica al contenido web

02:11

En este video definiremos un nuevo sitio web y explicaremos el ejercicio a realizar

08:31

En este ejercicio aprenderemos a agregar semántica mediante el uso de microdata definida en www.schema.org

04:49

En este video aprenderemos a embeber un scope pra usar varios schemas en una misma etiqueta

05:44

Finalizamos el ejercicio agregando propiedades adicionales

Section 4: Codificación video en HTML5
03:44

En este video conocerás la historia del video para web, los formatos que se han usado y la sintaxis de la etiqueta video

02:54

En este video conocerás los diferentes formatos de video usados en HTML5

10:17

En este video aprenderás a codificar video en formato H.264 con la aplicación Adobe Media Encoder

02:32

En este video aprenderás a codificar video en formato H.264 con la aplicación gratuita HandBrake

03:42

En este video aprenderemos a codificar video en los formatos ogg y webm con el plug-in gratuito Firefogg

02:56

En este video aprenderemos a codificar video en los formatos ogg y webm con la aplicación gratuita Miro Video Converter

03:18

En este video conocerás el soporte de los diferentes navegadores para los formatos de video usados en HTML5

Section 5: Uso de la etiqueta video en HTML5
04:59

En este video aprenderás a usar la etiqueta video para agregar video a un archivo HTML

05:54

En este video aprenderás a usar varios formatos de video para dar soporte al mayor porcentaje de navegadores posible

02:15

En este video aprenderás a usar el atributo Poster para agregar una imagen representativa al video

03:18

En este video aprenderás a usar el atributo Preload para determinar si el video realiza o no realiza una precarga.

01:41

En este video aprenderás a usar el atributo Autoplay para determinar si el video se reproduce automáticamente o no

04:52

En este video aprenderás a generar fácilmente un player de Flash (sin programar) para permitir que los navegadores que no soportan los formatos de video HTML5 pueden ver nuestro video

Section 6: Audio en HTML5 (codificación y uso)
02:09

En este video conocerás los diferentes formatos de audio usados en HTML5 y la sintaxis de la etiqueta audio

03:09

En este video aprenderás a codificar audio en los formatos mp3 y mp4 con la aplicación Adobe Media Encoder

04:03

En este video aprenderás a codificar audio en los formatos mp3, mp4 y ogg con la aplicación gratuita VLC

02:29

En este video conocerás el soporte de los diferentes navegadores para los formatos de audio usados en HTML5

03:07

En este video aprenderás a usar la etiqueta audio para agregar el audio en una página html

04:18

En este video aprenderás a usar varios formatos de audio para dar soporte al mayor porcentaje de navegadores posible

Section 7: Finalización
01:18

Despedia del curso

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Marlon Ceballos, Adobe Community Professional y Adobe Certified Instructor

Consultor en tecnologías y aplicaciones Adobe para multimedia, web y publicaciones digitales con más de 20 años de experiencia asesorando empresas latinoamericanas que van desde diarios e imprentas hasta agencias interactivas.

Adobe Community Professional, Adobe Certified Expert y Adobe Certified Instructor en las últimas versiones de Photoshop, Lightroom Illustrator, InDesign, Acrobat, Flash, Dreamweaver y Muse. Posee las certificaciones especializadas ACE - Design Master y ACE - Web Master. Ha desarrollado y grabado cursos para Lynda y Udemy.

Actualmente es director de Xpert[dot]co, un centro de capacitación online sobre tecnologías gráficas y de Xpert[dot]video, una biblioteca de contenidos de aprendizaje.

Ready to start learning?
Take This Course