HTML5 y CSS3 Máster: Fundamentos de diseño web profesional.
4.5 (72 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
273 students enrolled

HTML5 y CSS3 Máster: Fundamentos de diseño web profesional.

Aprende los fundamentos profesionales del diseño web usando los lenguajes HTML5 y CSS3.
4.5 (72 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
273 students enrolled
Created by Marlon Ceballos
Last updated 7/2018
Spanish
Spanish [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 15 hours on-demand video
  • 1 article
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Entender la separación de la capa de estructuración y la capa de presentación de una página web.
  • Conocer y entender la sintaxis de las etiquetas y atributos de HTML.
  • Conocer y entender la sintaxis de las propiedades CSS y sus valores.
  • Crear estructuras de sitios web.
  • Agregar contenido multimedia como audio y video a tus sitos web.
  • Crear la capa de presentación de tus sitios web (color, tamaños, fuentes, etc).
Requirements
  • Dominio del computador (mac o pc).
  • Cualquier editor de código (Dreamweaver, Brackets, Coda, Sublime text, etc).
Description

Hola! Soy Marlon Ceballos, Adobe Community Professional y consultor en diseño web y multimedia, con más de 20 años de experiencia pedagógica. Te doy la bienvenida al curso “HTML5 y CSS3 Máster: Fundamentos diseño web profesional”. HTML y CSS son los lenguajes básicos del diseño web con los cuales es posible crear la estructura y la presentación de cualquier página web.

Al finalizar este curso estarás en capacidad de diseñar sitios web profesionales. El contenido inicia con los conceptos fundamentales de HTML, explicando la sintaxis y el uso correcto de las etiquetas, para después, de forma práctica, crear diferentes estructuras web. Posteriormente, aprenderemos a agregar contenido multimedia como audio y video el cual podrá reproducirse en cualquier dispositivo móvil o de escritorio. Después, conocerás la sintaxis y el uso de las reglas CSS y aprenderás a aplicar tamaños, colores, fuentes y demás aspectos de presentación, a tus sitios web. Finalmente, conocerás y aprenderás a usar las reglas de CSS3 las cuales te permitirán mejorar aún más el diseño de tus sitio web.

La metodología usada está basada en ejemplos prácticos, por lo cual éste curso incluye los archivos de ejemplo para que puedas descargarlos y practicar cada uno de los ejercicios y talleres.

Este completo curso está compuesto por 195 lecciones organizadas en 30 capítulos los cuales suman 15 horas de contenido! Si eres un usuario que ya tiene alguna experiencia previa, no necesitas ver todos los temas ni seguir un orden específico, por el contrario, puedes ver la descripción de cada sección y lección y decidir qué temas ver. Además, si aún tienes dudas sobre la calidad pedagógica y de contenido del curso te invito a ver los videos gratuitos que contiene cada capítulo.

Regístrate ya en este curso y aprende a diseñar sitios web profesionales usando correctamente los lenguajes HTML y CSS.

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 por mensaje privado desde mi perfil de Udemy

Importante:

  • A lo largo de este curso usaremos tres editores de código diferentes pero tu puedes usar el editor que prefieras, ya sea gratuito o de pago.
  • Actualmente el diseño de un sitio web requiere de múltiples lenguajes, librerías, frameworks, etc. Este curso cubre los 2 lenguajes básicos (HTML y CSS) de forma suficientemente extensa para que posteriormente puedas continuar aprendiendo otros lenguajes, librerías y frameworks de acuerdo a tus necesidades.
  • Si anteriormente ya has comprado mis cursos básicos y avanzados de HTML y CSS, no necesitas comprar este curso pues está conformado por el contenido de esos 4 cursos.
Who this course is for:
  • Diseñadores gráficos.
  • Diseñadores web que quieran afianzar su conocimientos previos de HTML y/o CSS.
  • Cualquier persona que quiera ingresar al apasionante mundo del diseño web.
Course content
Expand all 197 lectures 14:52:49
+ Introducción
3 lectures 05:17

Bienvenida y breve descripción del curso.

Preview 02:13

En esta lección se encuentran los archivos usados en los videos los cuales puedes descargar para practicar.

Archivos de ejemplo para descarga.
00:13

Este video contiene algunas recomendaciones iniciales que aclaran aspectos del curso.

Recomendaciones iniciales.
02:51
+ Conceptos básicos.
8 lectures 22:36

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 HTML.

Editores de código.
04:39

En la primera parte de este curso estaremos trabajando con un editor de código llamado Edge Code. Este editor ha sido descontinuado, sin embargo, es posible trabajar con cualquier editor. Brackets es un editor gratuito cuya interfaz y funciones son muy similares a Edge Code. Puedes descargar Brackets desde esta url: www.brackets.io

Editores de código (actualización).
01:38

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

Preview 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
+ Trabajar con las 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
+ Crear vínculos o links.
4 lectures 22:07

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

Links a páginas externas.
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:58

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

Links a elementos descargables.
03:05
+ Trabajar con 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
+ Crear listas.
4 lectures 16:44

En este video aprenderemos a crear listas ordenadas.

Listas ordenadas.
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
+ Crear tablas.
4 lectures 13:44

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

Conceptos básicos.
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 columnas.

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

En este video aprenderemos los conceptos básicos de CSS.

Conceptos básicos.
04:12

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

Preview 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 práctico: Crear la estructura de un sitio web.
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

En este video agregaremos el contenido de las páginas HTML.

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