Logo de Aulaideal

Curso profesional de HTML5 y CSS3

DESCRIPCIÓN DEL CURSO

¿Has tratado de aprender diseño web pero has terminado asustado, al ver tantas líneas de código confusas?. Déjame decirte que los 2 lenguajes más importantes de diseño web se llaman HTML5 y CSS3 . Estos, son muy fáciles de aprender, siempre y cuando tengas un maestro que te enfoque y oriente correctamente.

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 ensuciándose las manos”.

curso de html5 y css3

En este curso te proporcionaremos las bases teóricas necesaria y a la vez nos sumergiremos entre todas esas líneas de código para que finalmente te conviertas en un experto en HTML5 y CSS3.

A lo largo de este curso,  te guiaremos paso a paso en este viaje y te transformaremos,  de un principiante a un diseñador de páginas web profesionales, capas de codificar tus propios sitios web, ya sean personales o para empresas.

¿TE GUSTA EL DISEÑO WEB Y NO SABES POR DÓNDE EMPEZAR?

Entonces, este es el curso que estabas esperando. Cuando deseamos aprender a crear un sitio web, la pregunta que todos nos hacemos es: ¿Por dónde empiezo?.  Tranquilo, en este curso te llevaremos de la mano y de  modo didáctico, te iremos sumergiendo en el apasionante mundo del diseño web.

Partimos asumiendo que  usted no sabe nada y empezamos  por enseñarte  las  principales herramientas  para hacer un sitio web. Luego nos sumergimos más y trabajamos con HTML5 y CSS3.

MIRA EL SITIO QUE CONSTRUIRÁS:

Este es un curso práctico y cada cosa que te enseñemos, lo pondrás en práctica en la vida real. Al finalizar este curso vas a construir un hermoso mini-sitios web. Míralo desde el siguiente enlace:

Ver sitio web que voy a crear en este curso

ESTE CURSO ESTÁ DIRIGIDO:

  • Estudiantes de diseño web:
     Si estas aprendiendo a diseño 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.

LO QUE APRENDERÁS EN ESTE CURSO DE HTML5 Y CSS3:

  • Tendrá sólidos conocimientos de HTML5 y CSS3.
  • Podrá construir una página web semántica y hermosa usando HTML5 y CSS3.
  • Podrá poner en práctica tus conocimientos para laborar como diseñador web.
  • Será capaz de hacer un sitio web completo y vender tu trabajo por buenas cifras de dinero.

Aprende a escribir el HTML5 y CSS3 que usarás en la vida real.

Detalles del curso

  • Clases 129
  • Cuestionarios 0
  • Duración 12 horas
  • Nivel Básico
  • Estudiantes 6987
  • Certificado Si
  • Evaluaciones Si
Regresar al curso

Curso profesional de HTML5 y CSS3

  • Módulo 1: Introducción al Diseño Web con HTML5
    • Clase1.1
      Recursos para el curso profesional de HTML5 y CSS3 01 min
    • Clase1.2
      Instalación de navegadores 06 min
    • Clase1.3
      Instalación del editor de código 21 min
    • Clase1.4
      Configurar la auto actualización del navegador 04 min
    • Clase1.5
      Empezando con HTML5 (No historia) 30 min
  • Módulo 2: Creando y codificando contenido en HTML5
    • Clase2.1
      Agregando SALTOS DE LÍNEA 12 min
    • Clase2.2
      Usando em y strong 10 min
    • Clase2.3
      Definiendo Títulos h1-h6 14 min
    • Clase2.4
      Insertando comentarios 08 min
    • Clase2.5
      Creando listas numeradas 08 min
    • Clase2.6
      Creando lista con viñetas 03 min
    • Clase2.7
      Insertando caracteres especiales 10 min
    • Clase2.8
      Definiendo abreviaturas con “abbr” 05 min
    • Clase2.9
      Definiendo fecha y hora con “TIME” 18 min
    • Clase2.10
      Legalizándonos con “small” 17 min
    • Clase2.11
      Utilizando la etiqueta “figure” y “figcaption” 08 min
    • Clase2.12
      Citando títulos con “cite” 09 min
    • Clase2.13
      Citando contenido con “q” y “blockquote” 24 min
    • Clase2.14
      La etiqueta invisible “span” 06 min
    • Clase2.15
      Graficando medidas usando “meter” 20 min
    • Clase2.16
      Mostrando progresos con “progress” 08 min
  • Módulo 3: Insertando Imágenes y enlaces con HTML5
    • Clase3.1
      Organizando archivos y carpetas 09 min
    • Clase3.2
      Tipos de imágenes para la web 12 min
    • Clase3.3
      ¿Cómo consigo imágenes? 10 min
    • Clase3.4
      Creando enlaces 10 min
    • Clase3.5
      Crear un enlace a una página externa 04 min
    • Clase3.6
      Enlazando a secciones de una misma página 07 min
    • Clase3.7
      Recomendaciones finales 12 min
  • Módulo 4: Creando formularios con HTML5
    • Clase4.1
      Estructura de los formularios 15 min
    • Clase4.2
      Creando Cajas de texto(text) 06 min
    • Clase4.3
      Etiquetado semántico de campos 04 min
    • Clase4.4
      Creando cajas de contraseña (password) y Botones radiales (radio) 09 min
    • Clase4.5
      Creando checkbox (casilla de verificación) 10 min
    • Clase4.6
      Creando los Botones de envío y de reseteo 02 min
    • Clase4.7
      Creando campos para Email, URL, Teléfono y Búsquedas 20 min
    • Clase4.8
      Creando campos numéricos(number) y de tipo rango(range) 08 min
    • Clase4.9
      Creando cajas para fechas (date), hora (time) y color (color) 07 min
    • Clase4.10
      Creando áreas de texto(textarea) (casilla de verificación) y cajas de selección(selectlist) 16 min
    • Clase4.11
      Nuevos atributos en HTML5 07 min
  • Módulo 5: Etiquetas Estructurales en HTML5
    • Clase5.1
      Creando encabezados con “header” 08 min
    • Clase5.2
      Definiendo la navegación con “nav” 12 min
    • Clase5.3
      Definiendo el área principal de un sitio con “main” 05 min
    • Clase5.4
      Definiendo el contenido principal con “article” 10 min
    • Clase5.5
      Definiendo Secciones con “section” 25 min
    • Clase5.6
      Definiendo contenido secundarios con “aside” 12 min
    • Clase5.7
      Definiendo el pie de página con “footer” 06 min
    • Clase5.8
      Creando contenedores genéricos con “div” 21 min
    • Clase5.9
      Mejorando accesibilidad de nuestro sitio con ARIA 15 min
  • Módulo 6: Video y audio con HTML5 y CSS3
    • Clase6.1
      Introducción al uso de elementos multimedia 12 min
    • Clase6.2
      Agregando atributos a nuestro reproductor de video 05 min
    • Clase6.3
      La batalla de los formatos y codec 12 min
    • Clase6.4
      Insertando audio y hablando sobre formatos y codec 15 min
    • Clase6.5
      Proporcionando múltiples archivos de audio 10 min
    • Clase6.6
      Integrando Reproductores alternativos basados en HTML5 15 min
    • Clase6.7
      Sitios especializados en alojar audio y videos usando en HTML5 02 min
  • Módulo 7: Pintando la web con CSS3
    • Clase7.1
      Introducción a CSS3 08 min
    • Clase7.2
      Construcción de una regla e incluyendo CSS3 en HTML5 27 min
    • Clase7.3
      Relevancia de estilos en CSS3 10 min
    • Clase7.4
      La Herencia en CSS3 14 min
    • Clase7.5
      La Cascada en CSS3: Importancia y Especificidad 28 min
    • Clase7.6
      La Cascada en CSS3: El Orden de las reglas 07 min
    • Clase7.7
      Agregando comentarios en CSS3 05 min
    • Clase7.8
      Tipos de Selectores en CSS3 y el Selector de etiqueta 05 min
    • Clase7.9
      Selectores de clase 19 min
    • Clase7.10
      Selectores de ID 06 min
    • Clase7.11
      Selectores Combinadores 12 min
    • Clase7.12
      Selectores de atributos Tipo [Atributo] 17 min
    • Clase7.13
      Selectores de atributos Tipo [Atributo=valor] 14 min
    • Clase7.14
      Selectores de atributos tipo [Atributo*=valor] 08 min
    • Clase7.15
      Selectores de atributos tipo [Atributo^=valor] y [Atributo$=valor] 19 min
    • Clase7.16
      Selectores de atributos tipo [Atributo~=valor] 10 min
    • Clase7.17
      Introducción a los Selectores de Pseudo-clases 15 min
    • Clase7.18
      Las Pseudo-clases :hover, :active y :focus 22 min
    • Clase7.19
      Las Pseudo-clases: first-child, :last-child 15 min
    • Clase7.20
      Las Pseudo-clases :only-child, :only-of-type, :nth-child y :nth-last-child 15 min
    • Clase7.21
      Las Pseudo-clases :Empty y :not() 18 min
    • Clase7.22
      Las Pseudo-clases UI (User Interface):enabled, :disabled y :checked 10 min
    • Clase7.23
      Selectores de Pseudo Elementos ::first-lines y ::first-letter 09 min
    • Clase7.24
      Selectores de Pseudo Elementos – ::Before y ..After (Parte 1) 20 min
    • Clase7.25
      Selectores de Pseudo Elementos ::Before y ::After (Parte 2) 08 min
  • Módulo 8: Estilizando texto con CSS3
    • Clase8.1
      Definiendo una familia de fuentes(Tipo de letra) 15 min
    • Clase8.2
      Fuentes personalizadas con @Font-face (parte 1) 28 min
    • Clase8.3
      Fuentes personalizadas con @Font-face (parte 2) 20 min
    • Clase8.4
      Insertando fuentes alojadas en Google Font 04 min
    • Clase8.5
      Convirtiendo texto en Itálica y Negrita 04 min
    • Clase8.6
      Definiendo el tamaño de la fuente( Unidades de Longitud Absolutas) 07 min
    • Clase8.7
      Definiendo el tamaño de la fuente(Unidades de Longitud Relativas) 18 min
    • Clase8.8
      Definiendo el tamaño de la fuente(Unidades de Longitud Relativas) II 15 min
    • Clase8.9
      Definiendo el tamaño de la fuente(Unidades de Longitud Relativas) III 09 min
    • Clase8.10
      Definiendo el Interlineado con “line-height” 04 min
    • Clase8.11
      Definiendo el color del texto: Usando Keyword,Hexadecimal, RGB y RGBA 20 min
    • Clase8.12
      Definiendo el color del texto: Usando HSL Y HSLA 10 min
    • Clase8.13
      Definiendo el fondo del contenido 21 min
    • Clase8.14
      Usando background-clip, múltiples fondos y la propiedad Shorthand “background” 23 min
    • Clase8.15
      Creando sombras para los textos 09 min
    • Clase8.16
      Usando text-align, text-transform y text-decoration 12 min
  • Módulo 9: Creando diseños con CSS3
    • Clase9.1
      El Modelo de caja y la propiedad “Padding” 19 min
    • Clase9.2
      La propiedad “Border” y “Margin” 13 min
    • Clase9.3
      Definiendo la anchura (width, min-width, max-width) y la altura (height, min-height, max-height) 08 min
    • Clase9.4
      Definiendo un nuevo modelo de caja con “Box-sizing” 14 min
    • Clase9.5
      Trabajando con Display:inline-block 14 min
    • Clase9.6
      La propiedad Float y Clear 24 min
    • Clase9.7
      Trabajando con Display:Table 11 min
    • Clase9.8
      Ocultando elementos con Display:none 05 min
    • Clase9.9
      Posicionamiento estático y Relativo 13 min
    • Clase9.10
      Posicionamiento Absoluto 22 min
    • Clase9.11
      Posicionamiento Fijo 04 min
    • Clase9.12
      Taller práctico de posicionamiento (parte 1) 22 min
    • Clase9.13
      Taller práctico de posicionamiento (parte 2) 12 min
  • Módulo 10: Mejoras y efectos con CSS3
    • Clase10.1
      Generando bordes redondeados con “Border-radius” 17 min
    • Clase10.2
      Generando sombras con “Box-Shadow” 15 min
    • Clase10.3
      Generando gradientes lineales 13 min
    • Clase10.4
      Generando gradientes radiales 20 min
  • Módulo 11: Creando nuestro proyecto Final
    • Clase11.1
      Sectorizando nuestro diseño 19 min
    • Clase11.2
      Creación de un proyecto en Sublime Text 02 min
    • Clase11.3
      Codificando el encabezado del sitio 12 min
    • Clase11.4
      Codificando el Slide de imágenes y acceso rápidos 23 min
    • Clase11.5
      Codificando el contenido principal y Próximos eventos 10 min
    • Clase11.6
      Codificando la zona de suscripción, pie de pagina y redes sociales 12 min
    • Clase11.7
      Usando normalizer.css y vinculando nuestra hoja de estilos 03 min
    • Clase11.8
      Estilizando el encabezado 15 min
    • Clase11.9
      Estilizando el slide de imágenes 33 min
    • Clase11.10
      Estilizando los zona de acceso rápido 14 min
    • Clase11.11
      Estilizando el contenido principal 19 min
    • Clase11.12
      Estilizando los Próximos eventos 08 min
    • Clase11.13
      Estilizando la zona de suscripción, pie de pagina y redes sociales 22 min
    • Clase11.14
      Agregando compatibilidad con navegadores obsoletos (Parte 1) 14 min
    • Clase11.15
      Agregando compatibilidad con navegadores obsoletos (Parte 2) 15 min
    • Clase11.16
      Subiendo nuestro sitio al Internet 10 min

Apasionado por el Diseño y Desarrollo Web desde hace 15 años. Un amante de Wordpress, Bootstrap y de las cosas buenas de la vida.

Comentarios

Promedio

0
0 puntuación

Evaluación detallada

5
0%
4
0%
3
0%
2
0%
1
0%

¿NECESITAS AYUDA INMEDIATA?