Udemy: Domina HTML5 y CSS3 en 8 días – PC

by Zona Master on 29 Mayo, 2017

Untitled-1 copy

 

DATOS TÉCNICOS
Domina HTML5 y CSS3 en 8 días
28,5 horas (132 clases) | Erick Mines | Desarrollo / Programación | 11/2016 |

DESCRIPCIÓN DEL CURSO
Aprende a crear sitios web extraordinarios usando toda la potencia de HTML5 y CSS3.
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.

¿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.
REQUISITOS
¿Cuáles son los requisitos?
Usted necesita tener nociones básicas de informática.
Nada más.

¿Qué voy a aprender en este curso?

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.

¿A quién está dirigido?

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

CONTENIDO
Introducción al Diseño Web con HTML5
Recursos para el curso profesional de HTML5 y CSS3 00:04
Instalación de navegadores 06:57
Instalación del editor de código 21:41
Configurar la auto actualización del navegador 03:37
Empezando con HTML5 (No historia) 29:22
Introducción al Diseño Web con HTML5 3 preguntas
Creando y codificando contenido en HTML5

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 preguntas
Insertando Imágenes y enlaces con HTML5

Organizando archivos y carpetas 09:10
Tipos de imágenes para la web 11:55
¿Cómo consigo imágenes? 10:30
Insertando imágenes en nuestro sitio web 16:56
Creando enlaces 09:24
Crear un enlace a una página externa 04:43
Enlazando a secciones de una misma página 14:36
Recomendaciones finales 11:12
Insertando Imágenes y enlaces con HTML5 3 preguntas
Creando formularios con HTML5

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 preguntas
Etiquetas Estructurales en HTML5

Introducción a las etiquetas de estructurales 11:16
Creando encabezados con “Header” 08: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 preguntas
Video y audio con HTML5 y CSS3

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 preguntas
Pintando la web con CSS3

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
Estilizando texto con CSS3

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
Creando diseños con CSS3

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 preguntas
Mejoras y efectos con CSS3

Generando bordes redondeados con “Border-radius” 17:38
Generando sombras con “Box-Shadow” 15:51
Generando gradientes lineales 13:25
Generando gradientes radiales 19:42
Creando nuestro proyecto Final

Sectorizando nuestro diseño 18:41
Creación de un proyecto en Sublime Text 01:01
Codificando el encabezado del sitio 12:30
Codificando el Slide de imágenes y acceso rápidos 23:27
Codificando el contenido principal y Próximos eventos 10:28
Codificando la zona de suscripción, pie de pagina y redes sociales 12:15
Usando normalizer.css y vinculando nuestra hoja de estilos 02:52
Estilizando el encabezado 15:28
Estilizando el slide de imágenes 33:49
Estilizando los zona de acceso rápido 13:44
Estilizando el contenido principal 18:47
Estilizando los Próximos eventos 08:16
Estilizando la zona de suscripción, pie de pagina y redes sociales 23:31
Agregando compatibilidad con navegadores obsoletos (Parte 1) 13:44
Agregando compatibilidad con navegadores obsoletos (Parte 2) 15:38
Subiendo nuestro sitio al Internet 09:44