Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add HTML5 para Diseñadores Nivel II - Semántica, video y audio to your Wishlist.

Add to Wishlist

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
4.8 (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.
377 students enrolled
Last updated 11/2013
Spanish
$10 $25 60% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
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

Who 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
Students Who Viewed This Course Also Viewed
What Will I Learn?
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
View Curriculum
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)
Curriculum For This Course
Expand All 35 Lectures Collapse All 35 Lectures 02:34:25
+
Introducción
2 Lectures 02:39

Bienvenida y descripción del curso

Preview 01:09

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

Uso de archivos
01:30
+
Etiquetas semánticas de HTML5
8 Lectures 53:47

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

Preview 03:21

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

Nuevas etiquetas semánticas
04:32

En este video conoceremos qué es el Document Outline

Document outline
03:42

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

Uso de etiquetas semánticas de HTML5
09:14

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

Uso del HTML5 Outliner
06:20

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

Verificar el Document Outline de la plantilla
08:07

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

Verificar el Document Outline del archivo index
10:55

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

Finalizar el ejercicio
07:36
+
Agregar semántica mediante microdata
5 Lectures 25:04

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

Preview 03:49

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

Crear un nuevo sitio
02:11

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

Agregar microdata
08:31

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

Scope embebido
04:49

Finalizamos el ejercicio agregando propiedades adicionales

Finalizar el ejercicio
05:44
+
Codificación video en HTML5
7 Lectures 29:23

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

Preview 03:44

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

Formatos de video para web
02:54

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

Codificación a formato H.264 con Adobe Media Encoder
10:17

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

Codificación a formato H.264 con HandBrake
02:32

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

Codificación a formatos ogg y webm con Firefogg
03:42

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

Codificación a formatos ogg y webm con Miro Video Converter
02:56

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

Soporte de formatos de video en los navegadores
03:18
+
Uso de la etiqueta video en HTML5
6 Lectures 22:59

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

Preview 04:59

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

Uso de diferentes formatos de video
05:54

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

Uso del atributo poster
02:15

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

Uso del atributo preload
03:18

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

Uso del atributo autoplay
01:41

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

Uso de un player de Flash
04:52
+
Audio en HTML5 (codificación y uso)
6 Lectures 19:15

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

Preview 02:09

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

Codificación de audio con Adobe Media Encoder
03:09

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

Codificación de audio con VLC
04:03

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

Soporte de formatos de audio en los navegadores
02:29

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

Uso de la etiqueta audio
03:07

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

Uso de varios formatos de audio y atributos
04:18
+
Finalización
1 Lecture 01:18

Despedia del curso

Despedida
01:18
About the Instructor
4.4 Average rating
1,214 Reviews
19,211 Students
18 Courses
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.

Report Abuse