Introducción del curso CSS
  • Introducción y presentación
  • Descargar e instalar el editor Sublime Text 3
  • Que es css
  • Las tres maneras de insertar estilo en css
Selectores de CSS - Elementos, id y class
  • Que es un selector y que tipos de selectores hay en css
  • Sintaxis de css
  • Los selectores de elementos
  • Practica conmigo - Comienzo del proyecto Aquarium
  • Los selectores id y class
  • Agrupar selectores en css [,]
  • Test de conocimientos
Propiedades de CSS - El modelo de caja
  • El modelo de caja en css
  • Propiedades de dimensiones [width y height]
  • Propiedades de color [color y background-color]
  • Practica conmigo - Propiedad para cajas flotantes [float]
  • Practica conmigo - Propiedad de posición [position]
  • Practica conmigo - Trabajando en el menú de navegación
  • La propiedad de relleno [padding]
  • La propiedad de margen [margin]
  • Propiedades de los bordes [tipos]
  • La propiedad [border-style]
  • La propiedad [border-width]
  • La propiedad [border-color]
  • La propiedad [border-radius]
  • La propiedad [border]
  • Practica conmigo - Acabando el menú de navegación
  • Test de conocimientos
Selectores de CSS - Atributos
  • Los selectores de atributos
  • Los selectores de atributos - El signo tilde [~]
  • Los selectores de atributos - El signo barra vertical [|]
  • Los selectores de atributos - El signo paraguas[^]
  • Los selectores de atributos - El signo del dolar [$]
  • Los selectores de atributos - El signo Asterisco [*]
  • Test de conocimientos
Selectores de CSS - Jerárquicos o combinadores
  • Los selectores jerárquicos o combinadores
  • El selector de descendientes
  • El selector de hijos [>]
  • El selector de hermanos adyacentes [+]
  • El selector general de hermanos [~]
  • Practica conmigo - Creando el contenido
  • Test de conocimientos
Propiedades de CSS
  • Propiedades de imagen [background]
  • Propiedad [z-index]
  • Practica conmigo - Añadiendo el fondo marino y otros elementos
CSS3 - Animaciones
  • Practica conmigo - Creando burbujas animadas
  • Practica conmigo - Añadiendo peces y dándoles movimiento
  • Practica conmigo - Fin de proyecto
  • Proyecto Adicional para practicar
PÍLDORAS DE INFORMACIÓN EXTRA : MEJORA TU VELOCIDAD EN CSS CON LESS
  • Introducción
  • Que es LESS
  • Descargar Crunch 2 PRO
  • Importar
  • Variables
  • Mixins
  • Mixins con parámetros
  • Operaciones
  • Reglas Anidadas
  • Alcance
  • Compiladores en línea
  • Comentarios
  • Página oficial - Documentación de LESS
PÍLDORAS DE INFORMACIÓN EXTRA : Como subir una pagina web a Internet
  • Introducción
Hosting y Dominio
  • Hosting de pago para alojar tu sitio web - Strato
  • Como comprar un hosting en Strato
  • Que es DNS
  • Consejos para elegir el dominio de tu sitio web
  • Ojeada al panel de control de Strato
  • El archivo index
Filezilla - Cliente de tranferéncia de datos
  • Descargar FileZilla
  • Instalar Filezilla
  • Las zonas de la aplicación Filezilla
  • Obtener datos del servidor para acceso ftp - Strato
  • Subir tu sitio web con Filezilla
  • Subir un proyecto real
  • Recuperar contraseña en Filezzila
Cosas que hacer después de subir tu sitio web
  • Añadir tu sitio web al buscador Google