Reseña del libro "Diseño de Interfaces web (Grado Superior)"
La presente obra está principalmente dirigida a los estudiantes del Ciclo Formativo Desarrollo de Aplicaciones Web de Grado Superior, en concreto para el módulo profesionalEncuadernación: Rústica Diseño de Interfaces Web.Los contenidos incluidos en este libro abarcan los conceptos básicos del diseño de interfaces web, que van desde los conceptos básicos del desarrollo web, las hojas de estilo CSS, el manejo de recursos multimedia, hasta la programación de animaciones con jQuery. Todo ello enmarcado dentro de las pautas y criterios que definen la usabilidad y accesibilidad de las interfaces.Los capítulos incluyen actividades resueltas y ejemplos con el propósito de facilitar la asimilación de los conocimientos tratados. De esta manera, se pretende que el estudiante asimile la teoría desde una perspectiva práctica.Así mismo, se incorporan test de conocimientos y ejercicios propuestos con la finalidad de comprobar que los objetivos de cada capítulo se han asimilado correctamente.Además, reúne los recursos necesarios para incrementar la didáctica del libro, tales como un glosario con los términos informáticos necesarios, bibliografía y documentos para ampliación de los conocimientos.INTRODUCCIÓNCAPÍTULO 1. PLANIFICACIÓN DE INTERFACES GRÁFICAS1.1 ELEMENTOS DE DISEÑO: PERCEPCIÓN VISUAL1.2 FUNDAMENTOS DE LA COMPOSICIÓN1.2.1 El equilibrio visual1.2.2 La tensión compositiva1.3 COLOR, TIPOGRAFÍA, ICONOS1.3.1 Color1.3.2 Tipografía1.3.3 Iconos1.4 COMPONENTES DE UNA INTERFAZ WEB1.4.1 Cabecera1.4.2 Los sistemas de navegación1.4.3 El cuerpo de la página1.4.4 El pie de página1.4.5 Los espacios en blanco1.5 LENGUAJES DE MARCAS1.6 MAQUETACIÓN WEB. EL EMENTOS DE ORDENACIÓN1.6.1 Distribución de elementos en la interfaz: capas, marcos1.7 MAPA DE NAVEGACIÓN. PROTOTIPOS1.8 INTERPRETACIÓN DE GU ÍAS DE ESTILO. EL EMENTOS1.9 APLICACIONES PARA DESARROLLO WEB1.10 GENERACIÓN DE DOCUMENTOS Y SITIOS WEB1.11 PLANTILLA DE DISEÑO1.12 INTERACCIÓN PERSONA-ORDENADOR1.13 CONCLUSIÓNRESUMEN DEL CAPÍTULOEJERCICIOS PROPUESTOSTEST DE CONOCIMIENTOSCAPÍTULO 2. USO DE ESTILOS2.1 INTRODUCCIÓN A HOJAS DE ESTILO EN CASCADA (CSS, CASCADING STYLE SHEET)2.2 SELECTORES: ESTILOS EN LÍNEA BASADOS EN ETIQUETAS, EN CLASES Y EN IDENTIFICADORES2.2.1 Selectores basados en etiquetas2.2.2 Selectores basados en clases2.2.3 Selectores basados en identificadores2.3 AGRUPACIÓN Y ANIDAMIENTO DE SELECTORES2.3.1 Agrupamientos2.3.2 Anidamientos2.4 BUENAS PRÁCTICAS AL ESCRIBIR CSS2.5 ATRIBUTOS. MODELO DE CAJAS2.5.1 Unidades de medida2.5.2 Atributos de posición2.5.3 Atributos margin2.5.4 Atributos padding2.5.5 Atributos border-top, border-bottom, border-right, border-left2.5.6 Atributos del contenido2.6 ELEMENTOS: COLORES DE FONDO, TEXTOS, ENLACES, LISTAS, TABLAS, VISIBILIDAD, IMÁGENES2.7 SUPERPOSICIÓN Y PRECEDENCIA DE ESTILOS2.7.1 Superposición de cajas2.7.2 Precedencia de estilos2.8 CREAR Y VINCULAR HOJAS DE ESTILO2.9 CREAR Y VINCULAR HOJAS DE ESTILO EN CASCADA EXTERNA2.10 HERRAMIENTAS Y TEST DE VERIFICACIÓN2.11 CONCLUSIÓN Y PROPUESTAS PARA AMPL IARRESUMEN DEL CAPÍTULOEJERCICIOS PROPUESTOSTEST DE CONOCIMIENTOSCAPÍTULO 3. IMPLANTACIÓN DE CONTENIDO MULTIMEDIA3.1 DERECHOS DE LA PROPIEDAD INTELECTUAL. LICENCIAS. LEY DE LA PROPIEDADINTELECTUAL. DERECHOS DE AUTOR3.1.1 Derechos de la propiedad intelectual3.1.2 Licencias3.1.3 Propiedad intelectual3.1.4 Derechos de autor3.2 IMÁGENES: MAPA DE BITS, IMAGEN VECTORIAL. SOFTWARE PARA CREAR Y PROCESARIMÁGENES. FORMATOS DE ARCHIVOS DE IMÁGENES3.2.1 Tipos de imágenes en la web3.2.2 Software para crear y procesar imágenes3.3 OPTIMIZACIÓN DE IMÁGENES PARA LA WEB. RESOLU CIÓN3.4 AUDIO: INSERTAR AUDIO EN UNA WEB3.4.1 Formatos3.4.2 Conversión de formatos3.4.3 Insertando audio en una web3.4.4 Consideraciones para el uso de audio en un sitio web3.5 VÍDEO: INSERTAR VÍDEO EN UNA WEB3.5.1 Formatos3.5.2 Conversión de formatos3.5.3 Insertar vídeo en una web3.6 ANIMACIONES3.6.1 Formatos de animaciones3.6.2 Herramientas de programación3.7 CONCLU SIÓN Y PROPUESTAS PARA AMPLIARRESUMEN DEL CAPÍTULOEJERCICIOS PROPUESTOSTEST DE CONOCIMIENTOSCAPÍTULO 4. INTEGRACIÓN DE CONTENIDO INTERACTIVO4.1 ELEMENTOS INTERACTIVOS BÁSICOS Y AVANZADOS4.1.1 Introducción a jQuery4.1.2 Manejo de eventos4.2 CAMBIO DE LAS PROPIEDADES DE UN ELEMENTO4.2.1 Cambio de las propiedades CSS4.2.2 Añadir nuevos elementos4.2.3 Añadiendo texto4.2.4 Otros métodos4.3 EJECUCIÓN DE SECUENCIAS DE FUNCIONES4.4 COMPORTAMIENTO DE LOS ELEMENTOS. EFECTOS VISUALES4.4.1 Efectos básicos4.4.2 Efectos Fading (opacidad-transparencia de los elementos)4.4.3 Efectos Sliding (desplazamiento)4.4.4 Otros efectos4.5 COMPORTAMIENTOS INTERACTIVOS4.5.1 Eventos de ratón4.5.2 Eventos de teclado4.5.3 Eventos de ventana4.6 REPRODUCCIÓN DE SONIDO, VÍDEO Y ANIMACIÓN4.7 CONCLUSIONESRESUMEN DEL CAPÍTULOEJERCICIOS PROPUESTOSTEST DE CONOCIMIENTOSCAPÍTULO 5. DESARROLLO DE WEBS ACCESIBLES5.1 CONCEPTO DE ACCESIBILIDAD5.2 EL CONSORCIO WORLD WIDE WEB (W3C)5.3 PRINCIPIOS GENERALES DE DISEÑO ACCESIBLE5.4 PAUTAS DE ACCESIBILIDAD AL CONTENIDO EN LA WEB5.5 CRITERIOS PARA SATISFACER LOS REQUISITOS DEFINIDOS EN LAS WCAG5.6 PRIORIDADES. PUNTOS DE VERIFICACIÓN. NIVELES DE ADECUACIÓN5.6.1 Perceptibilidad5.6.2 Operatividad5.6.3 Comprensibilidad5.6.4 Robustez5.7 MÉTODOS PARA REALIZAR REVISIONES PRELIMINARES Y EVALUACIONES DE ADECUACIÓN O CONFORMIDAD DE DOCUMENTOS WEB5.8 HERRAMIENTAS DE ANÁLISIS DE ACCESIBILIDAD WEB5.8.1 Software y herramientas on line5.8.2 Chequeo de la accesibilidad web desde diferentes navegadores5.8.3 Chequeo de la accesibilidad web desde dispositivos móviles5.9 CONCLUSIONESRESUMEN DEL CAPÍTULOEJERCICIOS PROPUESTOSTEST DE CONOCIMIENTOSCAPÍTULO 6. IMPLEMENTACIÓN DE LA USABILIDAD EN LA WEB. DISEÑO AMIGABLE6.1 CONCEPTO DE USABILIDAD6.2 ANÁLISIS DE LA USABILIDAD. TÉCNICAS6.3 PRINCIPIOS PARA CONSEGUIR WEBS AMIGABLES6.4 IDENTIFICACIÓN DEL OBJETIVO DE LA WEB6.5 TIPOS DE USUARIO. NECESIDADES6.6 BARRERAS IDENTIFICADAS POR LOS USUARIOS E INFORMACIÓN FÁCILMENTE ACCESIBLE6.7 VELOCIDAD DE CONEXIÓN6.8 IMPORTANCIA DEL USO DE ESTÁNDARES EXTERNOS6.9 NAVEGACIÓN FÁCILM ENTE RECORDADA FRENTE A NAVEGACIÓN REDESCUBIERTA6.10 FACILIDAD DE NAVEGACIÓN EN LA WEB6.11 VERIFICACIÓN DE LA USABILIDAD EN DIFERENTES NAVEGADORES Y TECNOLOGÍAS6.12 HERRAMIENTAS Y TEST DE VERIFICACIÓN6.13 CONCLUSIONESRESUMEN DEL CAPÍTULOEJERCICIOS PROPU ESTOSTEST DE CONOCIMIENTOSMATERIAL ADICIONALÍNDICE ALFABÉTICO
