DISEÑO CON CSS – Cámara Latinoamericana de Comercio

Contenido del Diplomado

Curso Content

Expandir todo

CSS

INTRODUCCIÓN 6 Temas

Expandir

Lección Contenido

0% Completado 0/6 Steps

SILABO CSS

¿Qué es CSS?

¿Qué necesito para tomar el curso?

Expandir

Lección Contenido

0% Completado 0/13 Steps

Selectores de etiqueta

Selectores de clase

Selectores de ID

Selector universal

Selector case senstitive y case insensitive

Selectores agrupados

Selectores Descendientes

Selector Hijo directo

Selector hermano siguiente

Selector hermanos siguientes

Selector de atributo

Selector de atributo comienza con y termina con

Selector de atributo que contiene

LOS PILARES DE CSS 4 Temas | 1 Cuestionario

Expandir

Lección Contenido

0% Completado 0/4 Steps

Especificidad

Cascada

Estilos computados por el navegador

Herencia

EVALUACIÓN #1

MODELO DE CAJA 7 Temas

Expandir

Lección Contenido

0% Completado 0/7 Steps

Layout

Elementos en línea y en bloque

BORDES Y SOMBRAS 2 Temas

Expandir

Lección Contenido

0% Completado 0/2 Steps

Border radius

Box shadow

PSEUDOCLASES 1 Tema | 1 Cuestionario

Expandir

Lección Contenido

0% Completado 0/1 Steps

Pseudoclases Hover - Active - Visited

EVALUACIÓN #2

FONDOS 3 Temas

Expandir

Lección Contenido

0% Completado 0/3 Steps

Background-color background-image background-repeat

Background-size

Background-attachment

COLOR 3 Temas

Expandir

Lección Contenido

0% Completado 0/3 Steps

Color Keyword

Color hexadecimal

Color RGB

TEXTOS 4 Temas | 1 Cuestionario

Expandir

Lección Contenido

0% Completado 0/4 Steps

Unidades de medida

Propiedad para texto

Propiedad Font-family

Propiedad Text-shadow

EVALUACIÓN FINAL

FLEXBOX

INTRODUCCIÓN 3 Temas

Expandir

Lección Contenido

0% Completado 0/3 Steps

SILABO FLEXBOX

¿Qué es Flexbox?

Soporte de los navegadores de Flexbox

FLEX CONTAINER 3 Temas | 1 Cuestionario

Expandir

Lección Contenido

0% Completado 0/3 Steps

Main axis y cross axis

Flujo de Flexbox

Alineación en Flexbox

EVALUACIÓN #1

FLEX ITEMS 7 Temas

Expandir

Lección Contenido

0% Completado 0/7 Steps

Flex items

Propiedad flex-grow

Propiedad flex-shrink

CASOS PRÁCTICOS USANDO FLEXBOX 5 Temas | 1 Cuestionario

Expandir

Lección Contenido

0% Completado 0/5 Steps

Centrado absoluto

Creación de un Menú Responsive - Parte 1

Creación de un Menú Responsive - Parte 2

Creación de un Menú Responsive - Parte 3

Banner de tipo acordeón

EVALUACIÓN FINAL

CSS GRID

INTRODUCCIÓN 3 Temas

Expandir

Lección Contenido

0% Completado 0/3 Steps

SILABO CSS GRID

Conceptos generales

Terminología y Elementos

GRID CONTAINER 4 Temas

Expandir

Lección Contenido

0% Completado 0/4 Steps

Inspeccionar elementos de CSS Grid

Definir Tracks (Filas y columnas)

Propiedad grid-gap y unidad fr

Posicionar grid-items - grid-column - grid-row - Función repeat ()

GRID ITEMS 5 Temas

Expandir

Lección Contenido

0% Completado 0/5 Steps

Tracks flexibles con fr

Tracks flexibles on min-content, max-content y fit-content

Tracks flexibles con minmax()

Tracks flexibles auto-fit y auto-fill

Grid areas

ALINEACIÓN CON CSS GRID 2 Temas | 1 Cuestionario

Expandir

Lección Contenido

0% Completado 0/2 Steps

CSS AVANZADO

Expandir

Lección Contenido

0% Completado 0/3 Steps

SILABO CSS AVANZADO

MATERIAL UTILIZADO EN CLASE

Introducción al curso

POSITION I 5 Temas

Expandir

Lección Contenido

0% Completado 0/5 Steps

Propiedades Offset (Top, Right, Bottom, Left)

Position relative

Position absolute

Ejercicio Práctico – Banner Parte 1

Ejercicio Práctico – Banner Parte 2

POSITION II 4 Temas | 1 Cuestionario

Expandir

Lección Contenido

0% Completado 0/4 Steps

Position fixed

Position sticky

Propiedad z-index

Ejercicio práctico – Ventana Modal

EVALUACIÓN #1

1 of 3

Contenido del Diplomado

Curso Content

Teléfono:

E-Mail:

Dirección: