Diseno Con Estandares Web/ Standard Web Page Design

by Zeldman, Jeffrey

• ISBN13: 9788441516083
• ISBN10: 8441516081
• Format: Paperback
• Copyright: 2005-09-30
• Publisher: Grupo Anaya Comercial

Table of Contents

Agradecimientos	6	(1)
Acerca del autor	7	(1)
Acerca de los revisores tecnicos	8	(13)
Prefacio	21	(10)
Un tamano no siempre es para todos	21	(4)
Teoria frente a practica	22	(1)
El futuro de los disenos hibridos	22	(3)
Un conjunto continuo de normas, no inflexible	25	(2)
Muestre, no venda	25	(1)
Deje que su trabajo se encargue de vender	26	(1)
Como vender persona a persona	26	(1)
Vientos de cambio	27	(4)
Introduccion	31	(10)
Costes en espiral, disminucion de beneficios	32	(2)
El fin de la obsolescencia	34	(1)
¿Que es la compatibilidad directa?	35	(1)
Sin normas, sin dogmas	36	(2)
Practica, no teoria	38	(1)
¿Realmente es necesario?	38	(3)
Parte I. Houston, tenemos un problema	41	(104)
El 99'9 por ciento de los sitios Web estan obsoletos	43	(20)
Navegadores modernos y estandares Web	44	(2)
Un nuevo codigo para un nuevo trabajo	45	(1)
El problema de las versiones	46	(1)
Pensamiento inverso	47	(11)
Marcado obsoleto: el coste para los propietarios de sitios	50	(3)
Compatibilidad inversa	53	(1)
El bloqueo de usuarios es malo para el negocio	53	(3)
Camino a Villaidiotez	56	(2)
Cosas buenas para marcado malo	58	(1)
El remedio	59	(4)
Diseno y creacion con estandares	63	(24)
Pasar por el aro	65	(1)
El coste del diseno antes de los estandares	65	(1)
Sitios modernos, tecnicas antiguas	66	(3)
La trinidad de los estandares Web	69	(2)
Estructura	70	(1)
Presentacion	71	(1)
Comportamiento	71	(1)
En marcha	71	(1)
Ventajas de los metodos de transicion	72	(2)
El Web Standards Project: portabilidad en accion	74	(3)
Un documento para todo	76	(1)
A List Apart: una pagina, varias vistas	77	(4)
Diseno mas alla de la pantalla	79	(1)
Menos tiempo y dinero, mas publico	80	(1)
El futuro	81	(6)
Compatibilidad directa transicional	81	(2)
Compatibilidad directa estricta	83	(4)
El problema de los estandares Web	87	(26)
Un aspecto agradable, un codigo repelente	87	(4)
Objetivos comunes, medios comunes	88	(1)
Percepcion frente a realidad	89	(2)
Ano 2000: el ano de los navegadores	91	(4)
IE5/Mac: cambios y zoom	91	(3)
El temerario movimiento de Netscape	94	(1)
Se abren las compuertas	94	(1)
¿Demasiado poco, demasiado tarde?	95	(2)
CSS: la primera ronda es gratis	95	(2)
Los navegadores erroneos conducen a practicas erroneas	97	(3)
La maldicion de la representacion de legado	97	(1)
Herencia del viento	98	(1)
El Sr. Comportamiento	99	(1)
Por fin un lenguaje de secuencias de comandos duradero	100	(1)
Sitios confusos, denominaciones desconcertantes	100	(5)
Academicos frente a economistas	102	(1)
Los consorcios sugieren, las empresas venden	102	(1)
Concienciados por los productos o concienciados por los estandares	103	(2)
La palabra que empieza por F	105	(3)
El valor de Flash	105	(2)
El problema con Flash	107	(1)
El otro problema con Flash	107	(1)
La compatibilidad es un insulto	108	(5)
El poder del lenguaje para moldear percepciones	108	(1)
El problema de la inspiracion	109	(1)
Otros problemas	110	(3)
XML conquista el mundo (y otras historias del exito de los estandares Web)	113	(32)
El lenguaje universal (XML)	114	(8)
Comparacion entre XML y HTML	114	(1)
Un padre, varios hijos	115	(1)
Un ingrediente basico del software profesional y de consumo	115	(2)
Mas famoso que la MTV	117	(1)
Cinco formas de generar datos	118	(1)
Un filon de inventos	119	(1)
Herramientas de publicacion Web para el resto de los mortales	120	(2)
A su servicio	122	(1)
Aplicaciones XML en nuestro sitio	122	(1)
Todavia en panales	123	(1)
Compatible por naturaleza	123	(1)
Una nueva era de cooperacion	124	(2)
Suites de prueba y especificaciones	124	(1)
Importancia de la suite	125	(1)
Estandares Web y herramientas de creacion	126	(3)
La Task Force de Dreamweaver	127	(1)
Las herramientas WYSIWYG cumplen la mayoria de edad (dos de tres no esta nada mal)	128	(1)
FrontPage: incompatible por diseno	128	(1)
La emergencia del diseno CSS	129	(8)
La campana de actualizacion de navegadores	129	(4)
Comienza la riada	133	(1)
Innumerables conversiones y los sitios de ayuda en las que se asientan	134	(3)
Caprichos justificados	137	(1)
El corporativismo de los estandares Web	137	(7)
Los sitios comerciales dan el salto	139	(1)
La conversion de Wired Digital	140	(3)
Adopcion de estandares mediante medios tradicionales	143	(1)
El W3C entra en accion	144	(1)
Resumen	144	(1)
Parte II. Diseno y creacion	145	(240)
Marcado moderno	147	(12)
La verguenza secreta del marcado incorrecto	150	(2)
¿Una reformulacion de que?	152	(2)
Resumen ejecutivo	154	(1)
¿Que XHTML es el adecuado?	154	(5)
Diez razones para realizar la conversion a XHTML	155	(1)
Cinco razones para no cambiar a XHTML	156	(3)
XHTML: la reestructuracion de la Web	159	(18)
Conversion a XHTML: reglas sencillas, directrices simples	160	(9)
El Doctype y el espacio de nombres correctos	160	(2)
Declare su tipo de contenido	162	(2)
Etiquetas en minuscula	164	(2)
Todos los valores de atributo entre comillas	166	(1)
Todos los atributos requieren valores	166	(1)
Cierre todas las etiquetas	167	(1)
Cierre tambien las etiquetas vacias	167	(1)
No incluya guiones dobles en los comentarios	168	(1)
Codifique todos los caracteres < y &	168	(1)
Resumen ejecutivo: las reglas de XHTML	168	(1)
Codificacion de caracteres	169	(1)
Unicode y otros conjuntos de caracteres	169	(1)
Una cura estructural recomendada para todos	170	(3)
Como marcar un documento para que tenga sentido, no estilo	170	(2)
Color dentro de los contornos	172	(1)
Elementos visuales y estructura	173	(4)
Paginas mas firmes y compactas: estructura y metaestructura en marcado estricto e hibrido	177	(22)
¿Todos los elementos deben ser estructurales?	178	(5)
div, id y otros asistentes	179	(3)
Atrevase a hacer menos	182	(1)
Disenos hibridos y marcado compacto: ventajas e inconvenientes	183	(7)
Asignacion de nombres a elementos incorrectos	184	(1)
Errores comunes del marcado hibrido	184	(3)
Los div son correctos	187	(1)
Enamorados del elemento id	188	(1)
Eliminacion de celdas de tablas redundantes	189	(1)
Metodos desfasados	190	(9)
El ano del mapa	191	(1)
El metodo de cortar y trocear	192	(1)
En defensa de los disenos de tablas de navegacion	193	(1)
Los detalles redundantes de las tablas redundantemente detalladas	194	(1)
La llegada de la CSS incorrecta	195	(1)
Un paso adelante	196	(3)
Ejemplos de XHTML: un diseno hibrido (parte I)	199	(12)
Ventajas de los metodos de transicion utilizados en estos capitulos	199	(2)
Hojas de estilo en lugar de JavaScript	200	(1)
Enfoque basico (resumen)	201	(6)
Tablas separadas: ventajas de accesibilidad y CSS	201	(1)
El que y el por que del vinculo para ignorar la navegacion	202	(4)
Atributos id adicionales	206	(1)
Marcado de primera pasada: igual que el marcado de ultima pasada	207	(4)
Marcado de navegacion: la primera tabla	207	(1)
Presentacion, semantica, pureza y pecado	208	(1)
Marcado de contenido: la segunda tabla	209	(2)
Conceptos basicos de CSS	211	(18)
Presentacion de CSS	211	(1)
Ventajas de CSS	212	(1)
Anatomia de estilos	212	(9)
Selectores, declaraciones, propiedades y valores	213	(1)
Declaraciones multiples	213	(1)
Espacio en blanco y diferencia entre mayusculas y minusculas	214	(1)
Valores alternativos y genericos	215	(1)
Selectores agrupados	216	(1)
La herencia y sus descontentos	216	(1)
Selectores contextuales (descendientes)	217	(1)
Selectores id y selectores id contextuales	218	(1)
Selectores de clase	218	(1)
Combinacion de selectores para crear sofisticados efectos de diseno	219	(2)
Estilos externos, incrustados y en linea	221	(3)
Hojas de estilo externas	221	(3)
Estilos en linea	224	(1)
El metodo de diseno ``El mejor caso posible''	224	(5)
De estilos incrustados a estilos externos: el metodo de las dos hojas	224	(1)
Referencias de archivo absolutas y relativas	225	(1)
Ventajas de ambos metodos	226	(3)
CSS en accion: un diseno hibrido (parte II)	229	(20)
Preparacion de las imagenes	229	(1)
Establecimiento de parametros basicos	230	(10)
Estilos generales, mas sobre abreviaturas y margenes	231	(1)
Como ocultar y bloquear	232	(1)
Aplicacion de color a los vinculos (presentacion de las pseudoclases)	233	(2)
Introduccion de otros elementos comunes	235	(1)
Informacion adicional sobre tamanos de fuente	236	(2)
Disposicion de la division de las paginas	238	(2)
Elementos de navegacion: primera pasada	240	(3)
CSS de la barra de navegacion: primer intento, segunda pasada	243	(1)
CSS de la barra de navegacion: pasada final	244	(1)
Ultimos pasos: estilos externos y el efecto ``Usted esta aqui''	244	(5)
Como trabajar con navegadores (parte I). Conmutacion de DOCTYPE y modo Estandares	249	(14)
La saga de conmutadores DOCTYPE	250	(2)
Un interruptor para activar y desactivar estandares	251	(1)
La aparicion del interruptor	251	(1)
Control del rendimiento de los navegadores: el conmutador DOCTYPE	252	(5)
Tres modos para la hermana Sara	253	(1)
DOCTYPE completos e incompletos	253	(2)
Listado completo de DOCTYPE XHTML completos	255	(2)
Celebremos la diversidad de navegadores (o al menos aprendamos a vivir con ella)	257	(6)
El problema del hueco de las imagenes en Gecko	257	(4)
De ``Viva la diferencia'' a ``Esto es una mier...''	261	(2)
Como trabajar con navegadores (parte II). Modelos de cuadro, fallos y soluciones	263	(22)
El modelo de cuadro y sus descontentos	264	(9)
Funcionamiento del modelo de cuadro	265	(1)
Fallos del modelo de cuadro	266	(5)
El problema del modelo de cuadro: seguridad de las CSS por motivos democraticos	271	(2)
El error del espacio en blanco en IE/Windows	273	(2)
El error float en IE6/Windows	275	(2)
Aferrese a los viejos valores	276	(1)
Corregido con una secuencia de comandos	276	(1)
Flash y QuickTime: ¿objetos de deseo?	277	(4)
Objetos incrustados: una historia de orgullo y venganza	277	(1)
Incrustacion de objetos multimedia y compatibilidad con estandares	278	(1)
Una pega: fallos de objetos	279	(2)
Un mundo de soluciones	281	(4)
Como trabajar con navegadores (parte III). Tipografia	285	(26)
El tamano importa	285	(1)
Control de usuario	286	(1)
Miedos de la vieja escuela	286	(3)
Puntos de diferencia	287	(2)
Al fin un tamano estandar pero, ¿por cuanto tiempo?	289	(9)
Todo lo bueno desaparece con un clic	291	(1)
La reaccion equivocada al cambio en los navegadores	292	(1)
Chimera y Safari: magnifico rendimiento, avergonzados por el tamano	293	(5)
La angustia de las emes	298	(1)
Opciones del usuario y unidades eme	298	(1)
Los pixeles demuestran que los pixeles funcionan	299	(6)
La unidad mas pequena: absolutamente relativo	301	(2)
El problema con los pixeles	303	(2)
El metodo de las palabras clave de tamanos de fuentes	305	(6)
Por que las palabras clave superan a emes y porcentajes	305	(1)
Problemas iniciales con las implementaciones de palabras clave	306	(1)
Las palabras clave crecen: el metodo Fahrner	307	(2)
En busca de la fuente utilizable	309	(2)
Conceptos basicos de accesibilidad	311	(30)
Acceso mediante libros	312	(1)
Confusion extendida	313	(3)
El genio metio el pie	313	(3)
La ley y el diseno	316	(2)
La Section 508	316	(2)
Mitos de accesibilidad desenmascarados	318	(5)
Mito: la accesibilidad obliga a crear dos versiones de un sitio	318	(1)
Mito: una version de solo texto satisface el requisito de acceso igualitario o equivalente	318	(1)
Mito: la accesibilidad cuesta demasiado	318	(2)
Mito: la accesibilidad obliga a crear disenos primitivos y simples	320	(1)
Mito: segun la Section 508, los sitios deben tener el mismo aspecto en todos los navegadores y agentes de usuario	321	(1)
Mito: la accesibilidad es solo para discapacitados	321	(1)
Mito: Dreamweaver MX, Bobby de Watchfire o cualquier otra herramienta resuelve todos los problemas	322	(1)
Mito: los disenadores pueden ignorar las leyes de accesibilidad si los clientes se lo piden	323	(1)
Consejos de accesibilidad, elemento a elemento	323	(10)
Imagenes	323	(2)
QuickTime de Apple y otros medios de reproduccion de video	325	(1)
Macromedia Flash 4/5	326	(1)
Macromedia Flash MX	326	(2)
Color	328	(1)
CSS	328	(2)
Imagenes cambiantes y otros comportamientos de secuencia de comandos	330	(1)
Formularios	331	(1)
Mapas de imagenes	332	(1)
Disenos de tablas	332	(1)
Uso de tablas para datos	332	(1)
Marcos, subprogramas	333	(1)
Elementos intermitentes o parpadeantes	333	(1)
Herramientas de la profesion	333	(1)
Como utilizar Bobby	333	(5)
Listas de comprobacion	334	(1)
Nuestro buen amigo el atributo tabindex	334	(4)
Como planificar el acceso: ventajas	338	(3)
El acceso a nuestro servicio	338	(3)
Como trabajar con secuencias de comandos basadas en DOM	341	(18)
Presentacion del DOM	341	(6)
Un metodo estandar para que las paginas Web se comporten como aplicaciones	342	(2)
¿Donde funciona?	344	(1)
Desaparecidos en la interaccion: entornos no basados en DOM	345	(1)
Los detalles del DOM	346	(1)
Por favor DOM, no les hagas dano	347	(3)
Como funciona	348	(2)
Como mostrar y ocultar	350	(3)
Combinacion de mostrar/ocultar con otras tecnicas	352	(1)
Menus dinamicos (desplegables y expandibles)	353	(1)
Conmutadores de estilo: ayudan en el acceso y ofrecen opciones	354	(5)
¿Mas DOM por venir?	356	(3)
Un cambio de diseno en CSS	359	(26)
Definicion de objetivos	360	(4)
Caracter de marca	360	(1)
Los diez principales objetivos	360	(2)
Metodo y locura	362	(2)
Definicion de los parametros basicos	364	(6)
Instalacion de la barra lateral	366	(1)
La parte de posicionamiento	366	(2)
Creacion de barras de color	368	(1)
Un espacio para el contenido	369	(1)
Diseno basado en reglas	370	(2)
Un boton Inicio con efectos CSS de imagen cambiante	372	(5)
La sustitucion de imagenes de Fahrner (FIR)	373	(2)
Usos adicionales de FIR	375	(2)
Una barra de navegacion CSS/XHTML	377	(4)
Como anadir el estilo	377	(2)
Puntos de clic y rellenos de color: estetica y accesibilidad	379	(2)
Retoques finales	381	(4)
Parte III. Apendice	385	(2)
Navegadores modernos: el bueno, el feo y el malo	387	(6)
Navegadores compatibles: la primera ola	387	(6)
Opera 7	387	(1)
MSIE5+/Macintosh	388	(1)
Netscape 6+	388	(1)
Mozilla 1.0	389	(1)
Safari	389	(1)
MSIE6/Windows	389	(1)
MSIE5.5/Windows	390	(1)
MSIE5/Windows	390	(1)
Netscape 4	391	(1)
MSIE4	391	(2)
Indice alfabetico	393