HTML & CSS

Seman
Módulo Lección Descripción Ejercicios
a

1 PRINCIPIOS
BÁSICOS Y
SETUP Introducción ○ Etiquetas básicas HTML
○ Conociendo HTML
HTML & CSS ○ Google Dev tools (inspector)
Principios básicos
de HTML / CSS ○ Más etiquetas HTML
Estructura HTML ○ Div vs span (block vs inline) ○ Viendo cajas
○ Semántica

○ CSS internal, header, external

○ Propiedades básicas (color, tamaños,
Intro a CSS ○ Lenguajes de la web
background, etc)
○ Fonts, web fonts

○ Types, Clases, Id, Child, Descendant,

CSS Selectores
Universal

○ Modelo de la caja ○ Márgenes y Paddings

Modelo de la caja
○ Bordes, Márgenes y paddings ○ Márgenes automáticos

2y3 INTRO A CSS ○ La bandera

Display Types ○ Inline, block, inline-block
○ 8 Cajas
Objetivo:
Profundizar en CSS ○ Floating: left, right
CSS Floatings
○ Clearfix

CSS Positioning ○ Positioning: Static, Relative, Absolute

○ Layouts
○ La Cancha
Práctica con ejercicios ○ Ejercicios sobre conceptos de display
types, floating, positioning y css básico

Repaso ○ Repasar y nivelar conceptos pasados

Grid system ○ Grid System hecho a mano ○ Grid System (5by5)

4y5 LANDING ○ Practicar maquetado sencillo con ○ Escuela de Danza

Proyectos de
PAGES proyectos de la vida real usando el Grid ○ Landing Page
maquetado
System Propuesta
Objetivo:
Aprender ○ Examen de la unidad ○ Prime themes
Examen de la unidad
maquetado sencillo ○ Portfolio

Recursos
 Freecodecamp
 Codecademy
 W3C (HTML Y CSS)