Diseño de páginas web con HTML y CSS

Diseño de páginas web con HTML y CSS

En esta obra encontrarás la herramienta necesarias para aprender a diseñar y desarrollar una página web con las tecnologías más utilizadas para crear sistemas web óptimos con los mínimos recursos. De forma clara y didáctica se desarrollan los aspectos fundamentales relacionados con la construcción y el diseño de páginas web. El libro se divide en los siguientes capítulos: 1. Los lenguajes de marcado 2. Técnicas de accesibilidad y usabilidad 3. Imágenes y multimedia 4. Formularios 5. Plantillas web 6. CSS y hojas de estilo Todos los capítulos tienen una orientación práctica para que los lectores asimilen fácilmente la teoría tratada.
  • CAPÍTULO 1. LOS LENGUAJES DE MARCADO
    • LENGUAJES DE MARCADO
      • Características de los lenguajes de marcado
      • Clasificación de los lenguajes de marcado
    • INTRUDUCCIÓN A HTML5
    • ELEMENTOS BÁSICOS DE HTML
      • Definición del tipo de documento DTD (!DOCTYPE)
      • Etiqueta html
      • Etiqueta head
      • Etiqueta body
      • Comentarios
    • INFORMACIÓN DEL DOCUMENTO
      • Elemento base
      • Elemento link
      • Elemento meta
      • Elemento title
      • Elemento style
      • Elemento script
      • Principales metadatos a definir
    • ATRIBUTOS GLOBALES
      • Atributo accesskey
      • Atributo autocapitalize
      • Atributo autofocus
      • Atributo class
      • Atributo contenteditable
      • Atributo draggable
      • Atributo dir
      • Atributo enterkeyhint
      • Atributo hidden
      • Atributo inputmode
      • Atributo id
      • Atributo lang
      • Atributo nonce
      • Atributo slot
      • Atributo style
      • Atributo tabindex
      • Atributo title
      • Atributo translate
      • Atributos personalizados
    • DEFINICIÓN DE CONTENIDOS
      • Elementos semánticos de HTML
      • Formateando el texto
      • Elemento address
      • Listas
      • Enlaces
  • CAPÍTULO 2. TÉCNICAS DE ACCESIBILIDAD Y USABILIDAD
    • LA USABILIDAD
      • Qué es la usabilidad
      • Usabilidad objetiva o inherente
      • Usabilidad subjetiva o aparente
      • Cómo se puede asegurar la usabilidad
      • Legislación y estándares
      • Principios básicos
      • Principios de Usabilidad
    • LA ACCESIBILIDAD WEB
      • Qué es la accesibilidad web
      • Tipos de discapacidad
      • Ejemplos de Tecnologías dónde aplicar la accesibilidad
      • Legislación y estándares
      • La iniciativa WAI ARIA y el estándar WCAG
  • CAPÍTULO 3. IMÁGENES Y MULTIMEDIA
    • TIPOS DE IMÁGENES
    • ELEMENTOS DISPONIBLES EN HTML5
      • Elemento audio
      • Elementos figure y figcaption
      • Elemento img
      • Elementos map y area
      • Elemento picture
      • Elemento source
      • Elemento track
      • Elemento video
    • USABILIDAD Y ACCESIBILIDAD EN LOS ELEMENTOS MULTIMEDIA
      • En imágenes
      • En audio y vídeo
  • CAPÍTULO 4. FORMULARIOS
    • TIPOS DE FORMULARIO
      • Formularios de contacto
      • Formularios de suscripción
      • Formularios de acceso
      • Formularios de registro
      • Formularios de entrada general
    • ELEMENTOS DISPONIBLES EN HTML5
      • Elemento form
      • Elemento button
      • Elemento datalist
      • Elemento fieldset
      • Elemento input
      • Elemento label
      • Elemento legend
      • Elemento meter
      • Elemento optgroup
      • Elemento option
      • Elemento output
      • Elemento progress
      • Elemento select
      • Elemento textarea
    • USABILIDAD Y ACCESIBILIDAD EN LOS FORMULARIOS
      • Autocompletado
      • Estructuración y optimización
      • Capacidades de los dispositivos
      • Combos o desplegables
      • Número de campos
      • Nombres de campo
      • Tipos de datos estándar
      • Botones y enlaces
      • Rangos de valores
  • CAPÍTULO 5. DEFINICIÓN DE PLANTILLA WEB
    • DEFINICIÓN DE PLANTILLA WEB
      • Función de las plantillas web
      • Tipos de plantilla web
      • Diferencias entre plantillas
    • EJEMPLOS DE CREACIÓN DE PLANTILLAS SEGÚN TECNOLOGÍA
      • Creación de una plantilla para emails
      • Creación de una plantilla de Landing Page
      • Creación de una plantilla de error
      • Creación de una plantilla de mantenimiento
      • Creación de una plantilla para WordPress
      • Creación de una plantilla basada en Bootstrap para Drupal 8
  • CAPÍTULO 6. CSS Y HOJAS DE ESTILO
    • SOPORTE A LOS NAVEGADORES
    • CÓMO FUNCIONA CSS
    • DEFINICIÓN DE SELECTOR Y CLASIFICACIÓN
    • UNIDADES DE MEDIDA
      • Unidades absolutas o fijas
      • Unidades relativas
    • SELECTORES
      • Simples y combinados
      • Pseudo-clases
      • Pseudo-elementos
      • Especificidad de los selectores
    • PROPIEDADES
      • Texto, fuentes y tipos de letra
      • Listas
      • Márgenes internos y externos
      • Bordes internos y externos
      • Colores
      • Posicionamiento
      • Comportamientos y tamaños
      • Reglas arroba y media queries
    • FUNCIONES
      • Funciones de pseudo-elementos
      • Funciones de cálculo
      • Funciones gráficas
    • VARIABLES
    • IMÁGENES Y VÍDEOS
      • Imágenes receptivos y adaptativos
      • Videos receptivos
    • DISEÑOS BASADOS EN DIMENSIONES
      • Diseño basado en tablas
      • Diseño basado en cajas flexibles (Flexbox)
      • Diseño basado en cuadrículas (Grid Layout)
    • IFRAMES Y OBJETOS MULTIMEDIA RESPONSIVE
    • CREACIÓN DE FORMULARIOS RECEPTIVOS Y ADAPTABLES
    • EJERCICIO COMPLETO
  • REFERENCIAS

Subjects

SUBSCRIBE TO OUR NEWSLETTER

By subscribing, you accept our Privacy Policy