Páginas web HTML y hojas de estilo CSS

Lecciones HTML

HTML, en general

• Qué es una página web
• Página básica
• Sintaxis del HTML
• Caracteres: UTF-8 - Entidades - Secuencias
  Entidades: Símbolos - Emojis
  Secuencias: Géneros - Colores piel
  - Parejas - Banderas - Sentido - Otras
  Fuentes: Noto Emoji - Twemoji
• Atributos
• Clases
• Validación

HTML

• Índice de etiquetas HTML
• Categorías de etiquetas HTML
• Raíz y metadatos
• Secciones
• Bloques de contenido
• Divisiones
• Texto en línea
• Formatos de imagen - Imágenes
• Enlaces
• Modificaciones
• Listas
• Tablas - Atributos de tablas
• Formularios (1) - Formularios (2)
• Interactivos
• Objetos
• Favicon
• Otros
• SVG: SVG (1) - SVG (2)
  Formas básicas - Formas avanzadas
  Texto
• MathML
• Elementos obsoletos

Lecciones CSS

CSS, en general

• Qué es una hoja de estilo
• Selectores
• Pseudo-clases y pseudo-elementos
• Estilos en cascada
• Unidades:
  • Distancias y tamaños
  • Colores - Esquemas de colores
• Consultas de medios (media queries)
• Guía de estilo de las hojas de estilo
• Validación

Propiedades CSS estables

• Índice de propiedades CSS estables
• Recomendaciones CSS estables
• Fuente (1) - Fuente (2) - Fuentes web
• Texto - Modos de escritura
• Líneas horizontales
• Modelo de caja
• Bordes (1) - Bordes (2) - Márgenes
• Fondos
• Listas (1) - Listas (2) - Diseños de listas
• Tablas - Bordes, márgenes y fondos
• Tamaño
• Posicionamiento: Flotante y Absoluto
• Ejemplos de posicionamiento absoluto
• Cajas flexibles (flexbox)
• Columnas
• Interfaz de usuario

Propiedades CSS en elaboración

• Índice de propiedades CSS en elaboración
• Recomendaciones CSS en elaboración
• Decoración de texto

Otros

• Hojas de estilo alternativas
• Fuentes de iconos
• Generadores de fondos
• Propiedades obsoletas
• Propiedades no estándar

Ejercicios

Cómo realizarlos

• General
• Texto, imágenes y bordes
• Clases

Ejercicios

• Ejercicios

Exámenes

• Exámenes

Software

Temas en apuntes de Informática General

• Firefox
• Visual Studio Code

Visual Studio Code

• Perfil recomendado
• Configuración recomendada
• Extensiones
• Uso
• Validación HTML/CSS
• CSSLint

Historia de la World Wide Web

• Resumen
• Normas y recomendaciones
• Recomendaciones obsoletas
• Los navegadores
• Sistemas operativos y pantallas
• Otros temas
• Cuadros cronológicos

Otros

• Ampliaciones
• Accesibilidad
• Diferencias entre HTML y XHTML
• Entidades de carácter HTML
• Diferencias entre navegadores: GC / FF
• Aprender más
• Lecciones impartidas en clase