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

Descripción

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.

John Atkinson Abutridy

Es profesor titular en la Facultad de Ingeniería y Ciencias de la Universidad Adolfo Ibáñez (UAI), Santiago, Chile. Anteriormente, fue profesor titular y jefe del Departamento de Ciencias de la Computación, en la Universidad de Concepción, Chile, donde también fue fundador y director del Laboratorio de Inteligencia Artificial (2004-2016). Fue profesor asistente en la Universidad Técnica Federico Santa María (UTFSM, Valparaíso, Chile), y profesor en la Pontificia Universidad Católica de Valparaíso. Obtuvo un doctorado en Inteligencia Artificial de la Universidad de Edimburgo, Escocia (Reino Unido), y un B.Eng y M.Eng en Ciencias de la Computación de UTFSM. En los últimos 25 años, ha estado involucrado en la docencia, investigación y consultoría en Chile y universidades y centros de investigación en todo el mundo. También ha liderado varios proyectos científicos y tecnológicos financiados por agencias nacionales e internacionales, y empresas privadas.

En 2010, recibió el Premio ACM Senior Member por sus contribuciones internacionales a las ciencias de la computación en el lado científico y práctico.
Está activamente involucrado en investigación básica y aplicada en las áreas de Procesamiento del Lenguaje Natural, Minería de Textos, Aprendizaje Automático e Inteligencia Artificial. Parte de su investigación se ha aplicado actualmente para abordar problemas complejos en empresas privadas, incluido el análisis y la minería inteligente de textos, modelos predictivos para la detección de fraudes, minería de opiniones, interfaces inteligentes y sistemas de preguntas y respuestas.

CAPÍTULO 1. LOS LENGUAJES DE MARCADO
1.1. LENGUAJES DE MARCADO
1.1.1. Características de los lenguajes de marcado
1.1.2. Clasificación de los lenguajes de marcado
1.2. INTRUDUCCIÓN A HTML5
1.3. ELEMENTOS BÁSICOS DE HTML
1.3.1. Definición del tipo de documento DTD (!DOCTYPE)
1.3.2. Etiqueta html
1.3.3. Etiqueta head
1.3.4. Etiqueta body
1.3.5. Comentarios
1.4. INFORMACIÓN DEL DOCUMENTO
1.4.1. Elemento base
1.4.2. Elemento link
1.4.3. Elemento meta
1.4.4. Elemento title
1.4.5. Elemento style
1.4.6. Elemento script
1.4.7. Principales metadatos a definir
1.5. ATRIBUTOS GLOBALES
1.5.1. Atributo accesskey
1.5.2. Atributo autocapitalize
1.5.3. Atributo autofocus
1.5.4. Atributo class
1.5.5. Atributo contenteditable
1.5.6. Atributo draggable
1.5.7. Atributo dir
1.5.8. Atributo enterkeyhint
1.5.9. Atributo hidden

1.5.10. Atributo inputmode
1.5.11. Atributo id
1.5.12. Atributo lang
1.5.13. Atributo nonce
1.5.14. Atributo slot
1.5.15. Atributo style
1.5.16. Atributo tabindex
1.5.17. Atributo title
1.5.18. Atributo translate
1.5.19. Atributos personalizados
1.6. DEFINICIÓN DE CONTENIDOS
1.6.1. Elementos semánticos de HTML
1.6.2. Formateando el texto
1.6.3. Elemento address
1.6.4. Listas
1.6.5. Enlaces

CAPÍTULO 2. TÉCNICAS DE ACCESIBILIDAD Y USABILIDAD
2.1. LA USABILIDAD
2.1.1. Qué es la usabilidad
2.1.2. Usabilidad objetiva o inherente
2.1.3. Usabilidad subjetiva o aparente
2.1.4. Cómo se puede asegurar la usabilidad
2.1.5. Legislación y estándares
2.1.6. Principios básicos
2.1.7. Principios de Usabilidad
2.2. LA ACCESIBILIDAD WEB
2.2.1. Qué es la accesibilidad web
2.2.2. Tipos de discapacidad
2.2.3. Ejemplos de Tecnologías dónde aplicar la accesibilidad
2.2.4. Legislación y estándares
2.2.5. La iniciativa WAI ARIA y el estándar WCAG

CAPÍTULO 3. IMÁGENES Y MULTIMEDIA
3.1. TIPOS DE IMÁGENES
3.2. ELEMENTOS DISPONIBLES EN HTML5
3.2.1. Elemento audio
3.2.2. Elementos figure y figcaption
3.2.3. Elemento img
3.2.4. Elementos map y area
3.2.5. Elemento picture

3.2.6. Elemento source
3.2.7. Elemento track
3.2.8. Elemento video
3.3. USABILIDAD Y ACCESIBILIDAD EN LOS ELEMENTOS MULTIMEDIA
3.3.1. En imágenes
3.3.2. En audio y vídeo

CAPÍTULO 4. FORMULARIOS
4.1. TIPOS DE FORMULARIO
4.1.1. Formularios de contacto
4.1.2. Formularios de suscripción
4.1.3. Formularios de acceso
4.1.4. Formularios de registro
4.1.5. Formularios de entrada general
4.2. ELEMENTOS DISPONIBLES EN HTML5
4.2.1. Elemento form
4.2.2. Elemento button
4.2.3. Elemento datalist
4.2.4. Elemento fieldset
4.2.5. Elemento input
4.2.6. Elemento label
4.2.7. Elemento legend
4.2.8. Elemento meter
4.2.9. Elemento optgroup
4.2.10. Elemento option
4.2.11. Elemento output
4.2.12. Elemento progress
4.2.13. Elemento select
4.2.14. Elemento textarea
4.3. USABILIDAD Y ACCESIBILIDAD EN LOS FORMULARIOS
4.3.1. Autocompletado
4.3.2. Estructuración y optimización
4.3.3. Capacidades de los dispositivos
4.3.4. Combos o desplegables
4.3.5. Número de campos
4.3.6. Nombres de campo
4.3.7. Tipos de datos estándar
4.3.8. Botones y enlaces
4.3.9. Rangos de valores

CAPÍTULO 5. DEFINICIÓN DE PLANTILLA WEB
5.1. DEFINICIÓN DE PLANTILLA WEB
5.1.1. Función de las plantillas web
5.1.2. Tipos de plantilla web
5.1.3. Diferencias entre plantillas
5.2. EJEMPLOS DE CREACIÓN DE PLANTILLAS SEGÚN TECNOLOGÍA
5.2.1. Creación de una plantilla para emails
5.2ci.2. Creaón de una plantilla de Landing Page
5.2.3. Creación de una plantilla de error

5.2.4. Creación de una plantilla de mantenimiento
5.2.5. Creación de una plantilla para WordPress
5.2.6. Creación de una plantilla basada en Bootstrap para Drupal 8

CAPÍTULO 6. CSS Y HOJAS DE ESTILO
6.1. SOPORTE A LOS NAVEGADORES
6.2. /CÓMO FUNCIONA CSS
6.3. DEFINICIÓN DE SELECTOR Y CLASIFICACIÓN
6.4. UNIDADES DE MEDIDA
6.4.1. Unidades absolutas o fijas
6.4.2. Unidades relativas
6.5. SELECTORES
6.5.1. Simples y combinados
6.5.2. Pseudo-clases
6.5.3. Pseudo-elementos
6.5.4. Especificidad de los selectores
6.6. PROPIEDADES
6.6.1. Texto, fuentes y tipos de letra
6.6.2. Listas
6.6.3. Márgenes internos y externos
6.6.4. Bordes internos y externos
6.6.5. Colores
6.6.6. Posicionamiento
6.6.7. Comportamientos y tamaños
6.6.8. Reglas arroba y media queries
6.7. FUNCIONES
6.7.1. Funciones de pseudo-elementos
6.7.2. Funciones de cálculo
6.7.3. Funciones gráficas
6.8. VARIABLES
6.9. IMÁGENES Y VÍDEOS
6.9.1. Imágenew receptivos y adaptativos
6.9.2. Videos receptivos
6.10. DISEÑOS BASADOS EN DIMENSIONES
6.10.1. Diseño basado en tablas
6.10.2. Diseño basado en cajas flexibles (Flexbox)
6.10.3. Diseño basado en cuadrículas (Grid Layout)
6.11. IFRAMES Y OBJETOS MULTIMEDIA RESPONSIVE
6.12. CREACIÓN DE FORMULARIOS RECEPTIVOS Y ADAPTABLES
6.13. EJERCICIO COMPLETO
REFERENCIAS