CSS Fundamentos: diseño y presentación de sitios web

Introducción

• Bienvenida
• Uso de los archivos de ejemplo

Conceptos fundamentales de CSS

• Qué es CSS?
• Características de CSS
• Herencia
• Diferencias entre navegadores
• Ubicación del CSS
• Ubicación del CSS 2
• Sintaxis CSS
• Editores de código

Selectores CSS

• Qué son los selectores?
• Tag selectors
• Class selectors
• ID Selectors
• Otros selectores
• Descended selectors
• Especificar selectores
• Agrupar selectores
• Recomendaciones

Box model o Modelo de caja en CSS

• Box model o modelo de caja
• Definir tamaños en CSS
• Definir tamaños en CSS 2
• Margin y padding
• Bordes o contornos con CSS
• Fondos o backgrounds con CSS

Layouts o estructuras básicas

• Propiedad position
• Propiedad position en la práctica
• Propiedad z-index
• Propiedad clear
• Uso de los valores relative y absolute
• Ejemplos prácticos de layouts
• Uso del valor auto en la propiedad overflow (3:40)

Dar formato al texto con CSS

• Sintaxis de propiedades CSS para formatear texto
• Font-family y font-size

• Mas propiedades

• Shorthand notation
• Otras propiedades

Trabajar con color

• Propiedades para color y keywords
• Notación hexadecimal
• Propiedades para color y notación hexadecimal en la práctica
• Notación en RGB
• Notación en keywords y RGB en la práctica
• Herramientas de ayuda

Taller práctico

• Que vamos a hacer?
• Interfaz de Dreamweaver
• Crear y enlazar hojas de estilo CSS
• Regla body
• Regla #contenedor
• Formato para el contenido
• Continuación del formato para el contenido
• Formatear el lateral
• Formatear el footer
• Formatear el menú de navegación
• Ajustes de la página promociones y creación de hoja de estilos para formulario
• Formato al formulario de contacto