Curso de Maquetacion Web: HTML 5 y CSS

Convertite en un maquetador profesional, da tus primeros pasos en el desarrollo Front-End. Aprende los elementos fundamentales del mundo de la web en cuanto a construcción de sitios con CSS.

En este curso aprenderás a:

  • - Conocer las propiedades más importantes
  • - Generar barras de navegación con CSS
  • - Manejar propiedades avanzadas que te permitirán dejar elementos fijos en tu pantalla, así como superponerlos
  • - Trabajar con elementos que cualquier futuro, diseñador web, maquetador, o desarrollador Front-end debe conocer
  • - Desarrollar los primeros pasos en el mundo Front-end
  • - Estar listo para iniciar tus pasos en tu primer trabajo con diseñador y maquetador web
  • - Conocer los principales elementos que forman parte del mundo web desde la construcción de la página hasta convertir en realidad el diseño del cliente

Este curso inicial de CSS te enseñará las bases del maquetado. Podrás trabajar con elementos semánticos para tu estructura, conociendo en que caso y cómo utilizarlos. También podrás desarrollar barras de navegación, encolumnado con float, display y flexbox así como tambien podrás agregar una tipografía desde Google Fonts.

Al final de este curso, si bien inicial, podrás generar un desarrollo profesional de tu proyecto como siempre lo soñaste.

PRÁCTICAS EN CLASE:
Comenzarás en las primeras clases conociendo elementos semánticos, para luego aplicarles color, medidas y espacios entre ellos. Conocerás que medidas de longitud se manejan así como herramientas tales como el inspector de elementos o goteros online que facilitarán tu desarrollo. Luego avanzarás sobre pseudo clases y propiedades avanzadas como position que te permitirán generar un barra de navegación simple con sólo CSS. El trabajo con sprites potenciará tu conocimiento, finalizando el curso con un ejercicio integrador que te permitirá afianzar todos tus conocimientos


Consultar fecha de Inicio y horarios de las clases, Vacantes limitadas.

  • - Nuevos elementos semánticos de HTML5
  • - Implementación de CSS en HTML
  • - Trabajo externo, interno y en linea
  • - Jerarquía entre las tres maneras de implementación
  • - Selectores de elemento, clase y id
  • - Selectores compuestos
  • - Selectores grupales y descendentes
  • - Propiedades de texto
  • - Propiedades de fuente
  • - Width y height
  • - Min-width y min-height
  • - Margen, padding , border
  • - Propiedades de fondo
  • - Import y reseteo de estilos
  • - Box-sizing
  • - Outline
  • - Opciones de encolumnado
  • - Float
  • - Display
  • - Flexbox trabajo simple para encolumnar
  • - Pseudo clases
  • - :hover, :link, :visited, :active, :focus
  • - :first-child, :last-child
  • - Pseudo elementos
  • - : :first-.line, ::first-letter
  • - ::after
  • - ::before
  • - Contadores y profundización en ::after y ::before
  • - Propiedades de lista
  • - Overflow
  • - Resize
  • - Generación de menues simples con CSS
  • - Qué son sprites
  • - Position absolute, relative, fixed, static
  • - Usos y profundización
  • - Menúes simples desplegables con CSS
  • - Qué es un newsletter, estilos en linea, tablas
  • - Propiedades de las tablas
  • - Jerarquías de selectores
  • - Regla media
  • - Meta viewport que es para qué sirve
  • - Opacity vs rgba
  • - Historia de los condicionales y situación actual
  • - Implementación de frameworks de manera genérica, ¿qué es y para qué sirve?