What you'll learn

Utilizar el HTML5 y CSS3 para crear sitios web semánticamente bien estructurados.
Convertir un diseño hecho en Adobe Photoshop a HTML5 y CSS3.
Crear páginas web con los estándares actuales de HTML5.

Requirements

Usted necesita tener nociones básicas de informática.
Nada más.

Description

En este curso te enseñaré a escribir el HTML5 y CSS3 que usarás en la vida real y empezar tu carrera como Diseño web!.

¿DE QUÉ SE TRATA EL CURSO?

Te proporcionaremos todo el conocimiento necesario para que finalmente te conviertas en un experto en HTML5 y CSS3.

Iremos paso a paso en este viaje y te transformaremos, de un principiante a un diseñador de páginas web profesionales capas de codificar sus propios sitios web, ya sean personales o para empresas.

En mis años que vengo enseñando diseño web, he descubierto que la formas más efectiva de aprender cualquier lenguaje de programación es “Sumergirse en el código y ensuciarse las manos”.

¿PARA QUIEN ESTA DIRIGIDO ESTE CURSO?

Estudiantes de diseño web:
Si estas aprendiendo a crear web, este curso te mostrará de forma clara como codificar desde 0 tu sitio web usando HTML5 y CSS3.
Administradores web:
Personas que tienen un blog personal o administran un sitio web y están en constante contacto con código HTML y desean saber modificarlo correctamente, sin estropearlo todo.
Marketers y afiliados:
¿Estas creando productos para vender online o estas promocionando productos como afiliados y no sabes cómo insertar esas líneas de código dentro de tu web?, tranquilo en este curso aprenderás hacerlo.

¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO?
En este curso asumiendo que usted no sabe nada de diseño web y empezamos por enseñarte las principales herramientas para hacer un sitio web; Luego nos sumergimos más y trabajamos con HTML5 y CSS3.

Al finalizar este curso vas a construir un hermoso mini-sitios web, que te va a encantar. Con todas las características que un proyecto web requiere.

EN RESUMEN EN ESTE CURSO APRENDERÁS:

Planificar un proyecto web exitoso usando HTML5 y CSS3.
Crear el diseños de un sitio desde 0.
Tips para optimizar tu tiempo y crear más sitios web en un menor tiempo.
Accede a más de 20 horas de grabación.
Obtendrás todos los archivos originales necesarios para apoyar tu aprendizaje: Diseños en Adobe Photoshop, Fuentes de texto y más.

¿QUIEN SOY?
Me llamo Erick Mines CEO de Aulaideal.com y te llevaré de la mano a lo largo de este curso, te aseguro que no estarás solo. Tengo más de 10 años como diseñador web y cientos de proyectos web exitosos me respaldan.

Un abrazo y te veo dentro del curso.

-----------------------------------------------------------------------------------------------------------------
- Te invito a que veas cualquiera de las clases que están gratuitas antes de comprar el curso y seguro que desearás ver el resto de este entrenamiento.

Who this course is for:

Interesados en aprender HTML y CSS.
Quienes quieran hacerse su propia página web.
Estudiantes de Diseño web.

11 sections • 133 lectures • 28h 44m total length

Recursos para el curso profesional de HTML5 y CSS3
00:16
Preview06:57
Instalación del editor de código
21:41
Preview03:37
Empezando con HTML5 (No historia)
29:22
Introducción al Diseño Web con HTML5
3 questions

Agregando SALTOS DE LÍNEA
12:17
Usando em y strong
10:57
Definiendo Títulos h1-h6
14:45
Insertando comentarios
08:57
Creando listas numeradas
08:11
Creando lista con viñetas
03:57
Insertando caracteres especiales
10:41
Definiendo abreviaturas con "abbr"
05:42
Definiendo fecha y hora con "TIME"
18:27
Legalizándonos con "small"
17:27
Utilizando la etiqueta "figure" y "figcaption"
08:17
Citando títulos con "cite"
09:11
Citando contenido con "q" y "blockquote"
24:00
La etiqueta invisible "span"
06:33
Graficando medidas usando "meter"
19:17
Mostrando progresos con "progress"
08:37
Creando y codificando contenido en HTML5
3 questions

Estructura de los formularios
14:47
Creando Cajas de texto(text)
06:02
Etiquetado semántico de campos
03:45
Creando cajas de contraseña (password) y Botones radiales (radio)
09:09
Creando checkbox (casilla de verificación)
09:20
Creando los Botones de envío y de reseteo
02:07
Creando campos para Email, URL, Teléfono y Búsquedas
19:42
Creando campos numéricos(number) y de tipo rango(range)
07:55
Creando cajas para fechas (date), hora (time) y color (color)
06:32
Creando áreas de texto(textarea) (casilla de verificación) y cajas de selección
16:13
Nuevos atributos en HTML5
07:30
Creando formularios con HTML5
2 questions

Introducción a las etiquetas de estructurales
11:16
Preview08:08
Definiendo la navegación con "nav"
11:52
Definiendo el área principal de un sitio con "main"
04:35
Definiendo el contenido principal con "article"
10:29
Definiendo Secciones con "section"
41:06
Definiendo contenido secundarios con "Aside"
11:53
Definiendo el pie de página con "footer"
05:25
Creando contenedores genéricos con "div"
21:09
Mejorando accesibilidad de nuestro sitio con ARIA
15:47
Etiquetas Estructurales en HTML5
3 questions

Introducción al uso de elementos multimedia
12:08
Agregando atributos a nuestro reproductor de video
05:54
La batalla de los formatos y codec
12:29
Insertando audio y hablando sobre formatos y codec
14:03
Proporcionando múltiples archivos de audio
10:17
Integrando Reproductores alternativos basados en HTML5
15:35
Sitios especializados en alojar audio y videos usando en HTML5
06:41
Video y audio con HTML5 y CSS3
3 questions

Introducción a CSS3
07:45
Construcción de una regla e incluyendo CSS3 en HTML5
27:08
Relevancia de estilos en CSS3
10:38
La Herencia en CSS3
14:36
La Cascada en CSS3: Importancia y Especificidad
28:09
La Cascada en CSS3: El Orden de las reglas
06:50
Agregando comentarios en CSS3
05:47
Tipos de Selectores en CSS3 y el Selector de etiqueta
04:40
Selectores de clase
19:09
Selectores de ID
06:02
Selectores Combinador descendiente
15:33
Selectores combinadores: hermano adyacentes y hermano general
12:34
Selectores de atributos Tipo [Atributo]
17:04
Selectores de atributos Tipo [Atributo=valor]
14:10
Selectores de atributos tipo [Atributo*=valor]
07:53
Selectores de atributos tipo [Atributo^=valor] y [Atributo$=valor]
18:55
Selectores de atributos tipo [Atributo~=valor]
09:16
Selectores de Pseudo-clases – Las Pseudo-clases :link y :visited
15:30
Las Pseudo-clases :hover, :active y :focus
22:46
Las Pseudo-clases: first-child, :last-child
15:01
Las Pseudo-clases :only-child, :only-of-type, :nth-child y :nth-last-child
15:57
Las Pseudo-clases :Empty y :not()
18:37
Las Pseudo-clases UI (User Interface):enabled, :disabled y :checked
10:23
Selectores de Pseudo Elementos – ::first-lines y ::first-letter
09:01
Selectores de Pseudo Elementos – ::Before y ..After (PARTE 1)
20:38
Selectores de Pseudo Elementos – ::Before y ..After (PARTE 2)
08:28

Definiendo una familia de fuentes(Tipo de letra)
14:40
Fuentes personalizadas con @Font-face (parte 1)
27:36
Fuentes personalizadas con @Font-face (parte 2)
19:57
Insertando fuentes alojadas en Google Font
03:52
Convirtiendo texto en Itálica y Negrita
03:26
Definiendo el tamaño de la fuente( Unidades de Longitud Absolutas)
06:57
Definiendo el tamaño de la fuente(Unidades de Longitud Relativas)
18:40
Definiendo el tamaño de la fuente(Unidades de Longitud Relativas) II
14:34
Definiendo el tamaño de la fuente(Unidades de Longitud Relativas) III
08:30
Definiendo el Interlineado con “line-height”
04:12
Definiendo el color del texto: Usando Keyword,Hexadecimal, RGB y RGBA
19:17
Definiendo el color del texto: Usando HSL Y HSLA
09:47
Definiendo el fondo del contenido
21:24
Usando background-clip, múltiples fondos y la propiedad Shorthand “background”
23:42
Creando sombras para los textos
09:06
Controlando el espaciado de texto
12:04

El Modelo de caja y la propiedad “Padding”
19:25
La propiedad “Border” y “Margin”
13:51
Definiendo la anchura y altura de las cajas
07:56
Definiendo un nuevo modelo de caja con “Box-sizing”
14:17
Trabajando con Display:inline-block
14:01
La propiedad Float y Clear
24:21
Trabajando con Display:Table
11:03
Ocultando elementos con Display:none
05:36
Posicionamiento estático y Relativo
12:53
Posicionamiento Absoluto
22:11
Posicionamiento Fijo
03:53
Taller práctico de posicionamiento (parte 1)
22:12
Taller práctico de posicionamiento (parte 2)
11:54
Creando diseños con CSS3
3 questions

Erick Mines

WebMaster y CEO en Aulaideal.com

4.5 Instructor Rating
11,717 Reviews
82,646 Students
17 Courses

Soy un apasionado por el diseño y desarrollado web. Llevo más de 12 años dedicándome a este hermosa labor, específicamente en tecnologías como HTML5, CSS3, jQuery, Responsive design.

En la actualidad construyo sitios web personalizados y ofrezco soluciones de diseño web para una amplia gama de clientes, que confían plenamente en mi trabajo.

This course includes:

Domina HTML5 y CSS3 en 8 días

What you'll learn

Requirements

Description

Who this course is for:

Course content

Instructor

This course includes:

Domina HTML5 y CSS3 en 8 días

What you'll learn

Requirements

Description

Who this course is for:

Course content

Introducción al Diseño Web con HTML55 lectures • 1hr 2min

Creando y codificando contenido en HTML516 lectures • 3hr 7min

Insertando Imágenes y enlaces con HTML58 lectures • 1hr 28min

Creando formularios con HTML511 lectures • 1hr 43min

Etiquetas Estructurales en HTML510 lectures • 2hr 22min

Video y audio con HTML5 y CSS37 lectures • 1hr 17min

Pintando la web con CSS326 lectures • 6hr 3min

Estilizando texto con CSS316 lectures • 3hr 38min

Creando diseños con CSS313 lectures • 3hr 4min

Mejoras y efectos con CSS34 lectures • 1hr 7min

Instructor