Características
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
Plan de Estudios
1. Introducción al mundo del CSS
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
2. Maquetando
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
3. Iniciando en Flexbox y Pseudo clases
Flexbox trabajo simple para encolumnar
Pseudo clases
:hover, :link, :visited, :active, :focus
:first-child, :last-child
Pseudo elementos
: :first-.line, ::first-letter
4. Contadores, menues, sprites
::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
5. Superposición de elementos, elementos fijos y menúes desplegables
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
6. Integrando conocimientos
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?
Info Adicional
Público:
Personas que quieran desempeñarse en el campo del diseño web y la programación web, pudiendo maquetar sitios web de forma ágil y con gran calidad.
MODALIDAD DE CURSADO
Modalidad Presencial
Cursos 100% prácticos con grupos reducidos.
Clases con uso de PC, una por alumno (no tienes que traer tu PC).
Coffee Break incluido.
Espacio de networking.
Posibilidad de volver a tomar el mismo curso gratis.
Modalidad Distancia
Cursos 100% prácticos con grupos reducidos.
Clase en tiempo real por video conferencia.
Profesor disponible para hacer consultas en vivo.
Grabación de las clases disponibles para ver en otro momento.
Asistencia administrativa personalizada todos los días.