HTML5 para Diseñadores Nivel I - Conceptos de etiquetado web
4.9 (27 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.
470 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML5 para Diseñadores Nivel I - Conceptos de etiquetado web to your Wishlist.

Add to Wishlist

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 (27 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.
470 students enrolled
Created by Marlon Ceballos
Last updated 10/2013
Spanish
Current price: $10 Original price: $25 Discount: 60% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • Dominio del computador (mac o pc)
  • Cualquier editor de código (Dreamweaver, Edge Code, Coda, Sublime text, etc)
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

Who 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 52 Lectures Collapse All 52 Lectures 03:39:03
+
Introducción
2 Lectures 02:25

Bienvenida y descripción del curso

Preview 01:05

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

Uso de los archivos
01:20
+
Conceptos básicos
7 Lectures 20:58

En este video explicamos qué es HTML

Preview 01:52

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

HTML y CSS
03:56

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

Versiones de HTML
03:59

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

Editores de código
04:39

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

Etiquetas y contenedores
02:14

En este video hablamos sobre los elementos obsoletos en HTML5

Elementos obsoletos de HTML
01:50

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

Referencias de HTML
02:28
+
Conceptos fundamentales de HTML
4 Lectures 16:30

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

Preview 03:57

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

El doctype
03:34

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

El head
06:26

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

El body
02:33
+
Etiquetas de texto
7 Lectures 23:44

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

Preview 03:49

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

Controlar partición de líneas
03:45

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

Uso de caracteres especiales
03:14

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

Uso de encabezados
05:11

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

Enfatizar texto
02:41

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

Formatear citas
02:50

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

Texto preformateado
02:14
+
Vínculos o links
4 Lectures 22:08

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

Preview 05:34

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

Links a páginas internas
06:30

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

Links a secciones de una página
06:59

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

Links a elementos descargables
03:05
+
Imágenes
5 Lectures 25:01

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

Preview 04:25

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

Optimización de imágenes en formatos jpg y gif
06:54

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

Optimización de imágenes en formato png
04:35

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

Uso de imágenes en HTML
04:29

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

Uso del formato SVG
04:38
+
Listas
4 Lectures 16:44

En este video aprenderemos a crear listas ordenadas

Preview 05:50

En este video aprenderemos a crear listas no ordenadas

Listas no ordenadas
02:41

En este video aprenderemos a anidar listas

Anidar listas
03:27

En este video aprenderemos a crear listas de definición

Listas de definición
04:46
+
Tablas
4 Lectures 13:44

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

Preview 05:17

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

Títulos y encabezados
02:49

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

Resumen y alcance
02:56

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

Unir celdas
02:42
+
Conceptos de CSS
4 Lectures 17:23

En este video aprenderemos los conceptos básicos de CSS

Preview 04:12

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

Sintaxis básica
05:47

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

ID selectors
04:22

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

Class selectors
03:02
+
Taller
10 Lectures 59:13

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

Preview 01:28

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

Interfaz de Dreamweaver
03:39

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

Definir un sitio y crear un archivo HTML
05:46

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

Agregar Metadata
05:15

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

Estructura básica
07:02

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

Agregar imágenes y menú
07:47

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

Agregar contenido
04:32

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

Crear una plantilla
08:34

Agregar contenido a las páginas HTML
09:15

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

Ajustes finales
05:55
1 More Section
About the Instructor
Marlon Ceballos
4.4 Average rating
1,415 Reviews
21,249 Students
21 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.