UF1303: Elaboración de hojas de estilo

Este libro tiene como objetivo capacitar al lector para crear las hojas de estilo para dar formato a las páginas web, y crear ficheros de estilo de acuerdo a un diseño especificado. Diseñar, ubicar y optimizar los
contenidos de una página web, para adecuarla al formato de la misma, facilitar su manejo a los usuarios y optimizarla de acuerdo a un diseño requerido. Estos son los temas desarrollados:
• Hojas de estilo en la construcción de páginas web.
• Diseño, ubicación y optimización de los contenidos de una página web.

GLOSARIO DE TÉRMINOS
CAPÍTULO 1 CSS3
1.1 SOPORTE A LOS NAVEGADORES
1.2 CÓMO FUNCIONA CSS
1.3 DEFINICIÓN DE SELECTOR Y CLASIFICACIÓN
1.4 UNIDADES DE MEDIDA
1.4.1 Unidades absolutas
1.4.2 Unidades relativas
1.5 CODIFICACIÓN DE COLORES
1.5.1 Codificación RGB y RGBA
1.5.2 Codificación Hexadecimal
1.5.3 Codificación HSL y HSLA
1.6 PROPIEDADES
1.6.1 Texto, fuentes y tipos de letra
1.6.2 Márgenes internos y externos
1.6.3 Bordes
1.6.4 Colores de fondo
1.6.5 Listas
1.6.6 Posicionamiento
1.6.7 Comportamientos y tamaños
1.6.8 Diseño de cajas flexibles
1.6.9 Interfaz de usuario
1.6.10 Animaciones y transiciones
1.6.11 Reglas arroba.
1.7 FUNCIONES
1.7.1 Funciones de pseudo-elementos
1.7.2 Funciones de cálculo
1.7.3 Funciones gráficas
1.8 HACKS
1.9 SELECTORES.
1.9.1 Simples y combinados
1.9.2 Pseudo-clases
1.9.3 Pseudo-elementos
1.9.4 Especificidad de los selectores
1.10 VARIABLES
1.11 PRÁCTICA 3: PRIMEROS ESTILOS DE “UNIVESES”
1.11.1 Resolución
CAPÍTULO 2TABLAS
2.1 ELEMENTOS DISPONIBLES EN HTML5.
2.1.1 Elemento caption
2.1.2 Elemento table
2.1.3 Elemento colgroup
2.1.4 Elemento thead
2.1.5 Elemento tbody
2.1.6 Elemento tfoot
2.1.7 Elemento tr
2.1.8 Elemento th
2.1.9 Elemento td
2.2 ELEMENTOS DISPONIBLES EN CSS
2.2.1 Propiedad border-collapse
2.2.2 Propiedad border-spacing
2.2.3 Propiedad caption-side
2.2.4 Propiedad empty-cells
2.2.5 Propiedad table-layout
2.3 CREACIÓN DE TABLAS RESPONSIVE
2.3.1 Mediante barras de desplazamiento
2.3.2 Mediante consultas de medios
2.3.3 Mediante ocultación de columnas a petición de usuario
2.4 USABILIDAD Y ACCESIBILIDAD EN LAS TABLAS
2.5 PRÁCTICA 6: PÁGINA “DÓNDE ESTAMOS” DE “UNIVERES”
2.5.1 Recursos para hacer la práctica
2.5.2 Resolución
CAPÍTULO 3 IFRAMES Y OBJETOS
3.1 ELEMENTOS DISPONIBLES EN HTML5
3.1.1 Elemento iframe
3.1.2 Elemento object
3.1.3 Elemento embed
3.2 ELEMENTOS DISPONIBLES EN CSS
3.3 USABILIDAD Y ACCESIBILIDAD EN LOS MARCOS
3.4 IFRAMES Y OBJETOS MULTIMEDIA RESPONSIVE
CAPÍTULO 4 ANIMACIONES, TRANSICIONES Y EFECTOS
4.1 TRANSFORMACIONES
4.1.1 Función de escalado (scale)
4.1.2 Función de rotación (rotate)
4.1.3 Función de sesgado (skew)
4.1.4 Función de traslado (translate)
4.2 FILTROS O EFECTOS
4.2.1 Desenfoque (blur)
4.2.2 Brillo o iluminación (brightness)
4.2.3 Contraste (contrast)
4.2.4 Sombra paralela (drop-shadow)
4.2.5 Escala de grises (grayscale)
4.2.6 Rotación de color (hue-rotate)
4.2.7 Inversión (invert).
4.2.8 Opacidad (opacity)
4.2.9 Saturación (saturate)
4.2.10 Sepia (sepia)
4.3 TRANSICIONES.
4.3.1 Propiedad transition-delay
4.3.2 Propiedad transition-duration
4.3.3 Propiedad transition-property
4.3.4 Propiedad transition-timing-function
4.3.5 Animaciones
4.4 PRÁCTICA 9: DISEÑO DE UN PLANETA EN 3D
4.4.1 Recursos para hacer la práctica
4.4.2 Resolución
4.5 PRÁCTICA 10: CREACIÓN DE UN LOADER
4.5.1 Resoulición
REFERENCIAS