Detalle del libro
Ver Índice
INTRODUCCIÓN
¿Es el libro adecuado para usted?
¿Mac o Windows?
Descargar los archivos del caso de estudio
Mantenerse actualizado
PARTE I. DREAMWEAVER CS5.5
CAPÍTULO 1. DREAMWEAVER SE HACE MÓVIL
Evaluar HTML5 y CSS3
Utilizar HTML5 ahora
Soportar etiquetas semánticas HTML5
HTML y CSS como estándares vivos
Un grupo disidente aleja HTML del borde del abismo
Innovación fuera de los estándares formales
Los primeros en adoptarlas dirigen los estándares Web
Utilizar prefijos específicos de proveedor para CSS
¿Acaso HTML5 fomenta un código pobre?
Utilizar HTML5 y CSS3 con Dreamweaver CS5.5
Crear en HTML5
El soporte CSS3 despega
Crear esquinas redondeadas y sombras
Utilizar fuentes incorporadas
Soporte ampliado para selectores CSS3
Soporte para otras propiedades CSS3
Soporte para valores de color y opacidad CSS3
Diseñar para múltiples resoluciones de pantalla
Crear sitios móviles con jQuery Mobile
Sugerencias para código para jQuery Core
Empaquetar aplicaciones nativas para Android e iOS con PhoneGap
Desarrollar para múltiples dispositivos
PARTE II. HTML5 Y CSS3
CAPÍTULO 2. MEJORA PROGRESIVA CON HTML5 Y CSS3
Mejorar un sitio existente
Convertir a HTML5
Utilizar etiquetas y
Mejorar accesibilidad con roles ARIA
Incorporar una fuente con @font-face
Añadir una sombra a texto
Añadir sombras a elementos de página
Añadir esquinas redondeadas
Mejorar formularios con características HTML5
Crear un menú desplegable editable
Utilizar atributos HTML5 con elementos de formulario
Elegir un selector de fecha infalible
Validar las páginas adaptadas
Sacrificar un aspecto uniforme
CAPÍTULO 3. ADAPTAR PÁGINAS PARA DISPOSITIVOS MÓVILES CON CONSULTAS DE MEDIOS
Entender las consultas de medios
Ocultar estilos a versiones anteriores de navegador
Utilizar condiciones con @media y @import
Especificar ancho y alto
Utilizar la etiqueta de visor
Anchura y orientación
Adaptar el sitio Tozai Hotel
Organizar las reglas de estilo
Crear un archivo de consultas de medios para todo el sitio
Utilizar el cuadro de diálogo Consultas de medios
Anexar el archivo de consultas de medios para todo el sitio a otras páginas
Ocultar las imágenes de fondo de escritorio a dispositivos móviles
Servir desktop.css a IE 6-8
Crear los estilos para tabletas
Crear las reglas básicas para tabletas
Utilizar reglas @media para estilos suplementarios
Ver los estilos en varios anchos de pantalla
Crear los estilos para teléfonos móviles
Evaluar las consultas de medios
CAPÍTULO 4. HACER QUE SU SITIO ESTÉ DISPONIBLE SIN CONEXIÓN
Cómo funcionan los sitios sin conexión
Crear un manifiesto
Especificar archivos que se deberían guardar en caché
Especificar archivos a los que siempre se debe acceder online
Especificar archivos alternativos a utilizar sin conexión
Mantener actualizada la caché
Servir el manifiesto
Establecer el tipo MIME en Apache
Establecer el tipo MIME en otros servidores Web
Crear un manifiesto "perezoso"
Hacer que el sitio Tozai Hotel esté disponible sin conexión
Instalar la extensión Generate Site Manifest
Utilizar el comando Generate Site Manifest
Editar el archivo manifiesto
Anexar el archivo manifiesto
Probar un sitio sin conexión
Trabajar sin conexión
PARTE III. JQUERY MOBILE Y PHONEGAP
CAPÍTULO 5. INTRODUCCIÓN A JQUERY MOBILE
Crear un sitio básico con jQuery Mobile
Utilizar una página de inicio
Inspeccionar la estructura de un sitio jQuery Mobile
Añadir contenido a la página de inicio
Mejorar el aspecto del pie de página
Añadir texto a las otras páginas
Utilizar encabezados para preservar la estructura del documento
Insertar un widget Vista de lista
Añadir iconos a un widget Vista de lista
Crear y vincular con páginas externas
Crear y vincular con un archivo externo con un solo bloque de página
Vincular con un archivo externo desde un bloque de página que no sea el primero
Crear y vincular con un archivo con múltiples bloques de página
Añadir botones Back y Home a los encabezados de página
Añadir iconos a los botones Back y Home
Crear una base sólida
CAPÍTULO 6. PROFUNDIZAR EN JQUERY MOBILE
Una guía a los atributos de datos personalizados jQuery Mobile
Diseñar el rol de un elemento
Crear un bloque que puede contraerse
Crear una barra de navegación
Proporcionar contenido para navegadores con JavaScript deshabilitado
Atributos que controlan comportamiento y estilo
Crear encabezados y pies de página persistentes
Añadir iconos a botones
Crear un cuadro de diálogo
Controlar las transiciones de página
Controlar el aspecto de los elementos de página con temas
Crear sus propios temas
Despliegue rápido con widgets jQuery Mobile
Explorar los widgets prediseñados de Dreamweaver
Elegir opciones para un widget Vista de lista
Crear un widget Vista de lista que permite búsquedas
Entender el widget Cuadrícula de diseño
Crear un acordeón con el widget Bloque que puede contraerse
Insertar un widget Introducción de texto
Insertar un widget Introducción de contraseña
Insertar un widget Área de texto
Elegir opciones para un widget Menú de selección
Ofrecer múltiples opciones con una Casilla de verificación
Insertar un widget Botón de opción
Seleccionar las opciones para un widget Botón
Insertar un widget Regulador
Insertar un widget Interruptor de conmutación de volteo
Caso de estudio: Crear un formulario de reservas
Crear el formulario con widgets jQuery Mobile
Configurar un widget Menú de selección
Configurar widgets Introducción de texto
Añadir widgets Botón de opción y Regulador
Mejorar el formulario con jQuery
Cargar dinámicamente un campo de entrada de texto para reemplazar un widget Menú de selección
Validar el formato de fecha
Comprobar que los campos obligatorios se han completado
Enviar un formulario y mostrar la respuesta
Ensuciarse las manos con código
CAPÍTULO 7. CREAR UNA APLICACIÓN NATIVA CON PHONEGAP
Configurar PhoneGap en Dreamweaver
Configurar Dreamweaver para Android e iOS
Configurar un sitio Dreamweaver para una aplicación nativa
Cada vez más usuarios acceden a Internet a través de dispositivos móviles, y los diseñadores y desarrolladores web tienen el desafío de crear sitios web y aplicaciones que funcionen en las principales plataformas móviles y en múltiples dispositivos.
Esta es la máxima que han seguido los ingenieros de Dreamweaver en su versión CS5.5. Han incluido nuevas y numerosas características; como la arquitectura jQuery Mobile, la integración PhoneGap para crear aplicaciones nativas para Android o iOS, o el soporte mejorado para HTML5 y CSS3, entre otras muchas novedades.
Esta obra revela las claves para optimizar un sitio web, independientemente de cuál sea la plataforma dónde se visualice su contenido. A través de una serie de ejercicios prácticos, David Powers le guiará por todas las nuevas características que ofrece Dreamweaver CS5.5.