HTML5 para Diseñadores Nivel I - Conceptos de etiquetado web

Aprende a estructurar sitios web de forma profesional facilitando la aplicación de estilos CSS y mejorando el SEO.
4.9 (31 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.
464 students enrolled
$19
$25
24% off
Take This Course
  • Lectures 52
  • Length 3.5 hours
  • Skill Level Beginner 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

Quieres iniciar en el mundo del diseño web? Hazlo de forma profesional. En éste curso aprenderás a usar correctamente las etiquetas y atributos de HTML5 para estructurar profesionalmente páginas web que faciliten la aplicación de la capa de presentación con las hojas de estilos y mejoren el SEO.

El contenido de este curso inicia con la explicación y uso práctico de las diferentes etiquetas HTML para finalizar con un taller donde se muestra el proceso de estructuración de un sitio web desde cero aplicando unas hojas de estilo CSS que ya están creadas.

Iniciaremos el curso trabajando con Adobe Edge Code y finalizaremos trabajando 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.

Este curso es también un punto de inicio para las personas que deseen empezar a trabajar con eBooks en formato ePub.

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?

  • Dominio del computador (mac o pc)
  • Cualquier editor de código (Dreamweaver, Edge Code, Coda, Sublime text, etc)

What am I going to get from this course?

  • Conocer la sintaxis de las etiquetas y atributos de HTML
  • Entender la separación de la capa de estructuración y la capa de presentación de una página web

What is the target audience?

  • Diseñadores gráficos
  • Diseñadores web
  • Personas que quieran ingresar al apasionante mundo del diseño web
  • Personas que quieran ingresar al mundo de los libros digitales

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:05

Bienvenida y descripción del curso

01:20

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

Section 2: Conceptos básicos
01:52

En este video explicamos qué es HTML

03:56

En este video explicamos la relación y diferencias entre HTML y CSS

03:59

En este video hacemos un recuento de las diferentes versiones de HTML y sus características

04:39

En este video hablamos sobre los diferentes editores de código que podemos usar para trabajar con HMTL

02:14

En este video explicamos el concepto de etiquetas (tags) y contenedores

01:50

En este video hablamos sobre los elementos obsoletos en HTML5

02:28

En este video hablamos de la importancia de usar referencias del lenguaje HTML y damos algunos ejemplos

Section 3: Conceptos fundamentales de HTML
03:57

En este video mostramos la estructura básica de una página HTML

03:34

En este video mostramos el uso de la etiqueta doctype y vemos que es mucho mas fácil e intuitivo en HTML5

06:26

En este video hablamos sobre la etiqueta head y hacemos ejemplos del contenido que va dentro de ella

02:33

En este video mostramos el uso de la etiqueta body, hablamos sobre los espacios en HTML y usamos la función Live Preview de Edge Code

Section 4: Etiquetas de texto
03:49

En este video mostramos cómo formatear el texto mediante la etiqueta de párrafo

03:45

En este video mostramos cómo controlar la partición de líneas de texto con la etiqueta br

03:14

En este video mostramos cómo usar caracteres especiales mediante las entidades

05:11

En este video mostramos cómo agregar estructura al texto mediante encabezados encabezados o headers

02:41

En este video mostramos cómo marcar texto para darle importancia o énfasis

02:50

En este video mostramos cómo formatear citas estándar y citas en bloque

02:14

En este video mostramos cómo mantener el formato de un texto mediante la etiqueta pre

Section 5: Vínculos o links
05:34

En este video aprenderemos a crear links a páginas web esternas a nuestro sitio

06:30

En este video aprenderemos a crear links entre las páginas de nuestro sitio web

06:59

En este video aprenderemos a crear vínculos a secciones de una página mediante anclas

03:05

En este video aprenderemos a crear links a archivos que el usuario podrá descargar.

Section 6: Imágenes
04:25

En este video conoceremos los diferentes formatos de imagen usados para web y sus características

06:54

En este video aprenderemos a optimizar imágenes en formatos gif y jpg

04:35

En este video aprenderemos a optimizar imágenes en formato png

04:29

En este video aprenderemos a importar imágenes en nuestro archivo html

04:38

En este video aprenderemos a optimizar imágenes en formato SVG y a usar estos archivos en HTML

Section 7: Listas
05:50

En este video aprenderemos a crear listas ordenadas

02:41

En este video aprenderemos a crear listas no ordenadas

03:27

En este video aprenderemos a anidar listas

04:46

En este video aprenderemos a crear listas de definición

Section 8: Tablas
05:17

En este video aprenderemos los conceptos básicos de las tablas en HTML

02:49

En este video aprenderemos a usar las etiquetas caption para agregar títulos y th para definir encabezados

02:56

En este video aprenderemos a usar las etiquetas summary para agregar un resumen y scope para definir el alcance de los encabezados

02:42

En este video aprenderemos a usar la etiqueta colspan para unir celdas o "expandir" una celda en varias filas o culumnas

Section 9: Conceptos de CSS
04:12

En este video aprenderemos los conceptos básicos de CSS

05:47

En este video aprenderemos a usar la sintaxis básica de CSS para definir una regla y aplicarla a elementos HTML

04:22

En este video aprenderemos a crear y usar selectores de tipo ID

03:02

En este video aprenderemos a crear y usar selectores de tipo Class

Section 10: Taller
01:28

En este video explicamos lo que vamos a realizar en el desarrollo del taller

03:39

En este video damos un breve recorrido y explicación de la interfaz de Dreamweaver

05:46

En este video aprenderemos a definir un sitio web y a crear un archivo HTML desde Dreamweaver

05:15

En este video aprenderemos a agregar información de metadata al archivo HTML

07:02

En este video enlazaremos las hojas de estilo CSS y crearemos al estructura básica del archivo HTML mediante etiquetas DIVs

07:47

En este video agregamos imágenes y un menú de navegación al archivo HTML

04:32

En este video agregamos el contenido del archivo HTML y lo estructuramos mediante etiquetas HTML

08:34

En este video aprenderemos a crear una plantilla y a crear archivos HTML a partir de las mismas

Agregar contenido a las páginas HTML
09:15
05:55

En este video realizamos los ajustes finales a la plantilla y finalizamos el taller

Section 11: Finalización
01:13

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