00_DesarrolloWebProf.

qxp 04/06/2008 16:03 Pgina 3

00_DesarrolloWebProf.qxp 20/05/2008 19:10 Pgina 8

PRELIMINARES

CONTENIDO
Sobre el autor 4 Limpieza con HTML Tidy 39
Prlogo 5 Tcnicas de reduccin 41
El libro de un vistazo 6 Compatibilidad entre navegadores 42
Informacin complementaria 7 Estructuracin de documentos 44
Introduccin 12 Uso de frames 45
DHTML (HTML Dinmico) 46
Captulo 1 Inclusin de JavaScript 48
CLAVES PARA LA OPTIMIZACIN DE SITIOS Inclusin de CSS 49
Situacin actual 14 Elementos disponibles 50
Conceptos generales 15 Mdulos en XHTML 57
Importancia de los estndares 17 XHTML 2.0 58
Reglas de optimizacin 18 Resumen 61
Actividades 62

Captulo 3
CSS
Consejos prcticos 64
Inclusin de documentos 64
Posicionamiento 70
Escritura reducida 71
Herramientas tratadas 19 Fuentes 74
Niveles de optimizacin 20 Fondos 75
Conocimientos requeridos 21 Listas 75
Resumen 21 Agrupacin de estilos 75
Actividades 22 Colores RGB 77

Captulo 2
XHTML
Origen e historia 24
Tipos de documento 26
Strict 27
Transitional 28
Frameset 29
XHTML 1.1 29 Imgenes en conjunto 79
Reglas de marcado 30 Opciones adicionales 81
Juegos de caracteres 34 Aplicaciones para el tratamiento
Cabeceras 35 de hojas de estilo 82
Validacin 36 Juego de caracteres 88

8
00_DesarrolloWebProf.qxp 20/05/2008 19:10 Pgina 9

Contenido

Validacin de documentos 88 PhpThumb 140

Compatibilidad entre navegadores 89 IrfanView 145
Diseo sin tablas 92 Precarga de imgenes 147
Resumen 93 Resumen 151
Actividades 94 Actividades 152

Captulo 4 Captulo 6
JAVASCRIPT AJAX
Ubicacin de los scripts 96 Caractersticas y tecnologas 154
Unificacin de archivos 97 componentes 154
Minify 97 Cambios introducidos 157
Reduccin de documentos 104 Principios y origen del trmino 158
JSMin 104 El objeto XMLHttpRequest 159
Packer 108 Compatibilidad 162
Desventajas en relacin con el modelo
tradicional 165
JavaScript 165
Internet Explorer 165
Navegadores actuales 166
CSS 166
Seguridad 166
Caractersticas del modelo 166
Bananascript.com 109 Implementacin con Prototype 167
ShrinkSafe 111 Disminucin del tiempo de
Pack:tag 111 respuesta y uso del cach 173
YUI Compressor 112 Ajax y los lenguajes de programacin 173
Escribir menos cdigo con Prototype 113
Caractersticas y modo de uso 114
Resumen 129
Actividades 130

Captulo 5
IMGENES
Situacin y necesidades 132
Tipos de compresin 132 Java 174
Formatos disponibles 132 .Net 176
JPEG 133 PHP 176
GIF 134 JavaScript 178
PNG 136 Resumen 179
Tratamiento de imgenes 138 Actividades 180

9
00_DesarrolloWebProf.qxp 20/05/2008 19:10 Pgina 10

PRELIMINARES

Captulo 7 Opera Developer Console 256

HTTP XRAY 258
Introduccin 182 DebugBar 258
Contenido comprimido 184 Companion.JS 261
Reduccin de peticiones HTTP 189 Internet Explorer Developer
Contenido distribuido 190 Toolbar 262
Redes de distribucin 191 Resumen 263
Cabeceras 191 Actividades 264
Posicionamiento en buscadores 194
Captulo 9
POSICIONAR SITIOS EN GOOGLE
Introduccin 266
Herramientas disponibles 267
Sitios de calidad 269
Rastreo 271
Googlebot 273
ndices 274
El archivo .HTACCESS 197 Sitemaps 276
Control de errores 199 Resumen 277
ndices de directorio 201 Actividades 278
Control de acceso por IP 202
Redirecciones 203
Fecha de expiracin 203
Control de acceso por directorio 204
URLs cortas y amigables 205
Directivas PHP con php_value
y php_flag 212
Herramientas de control 213
Fiddler 213
LiveHTTPHeaders 216
HttpWatch 216 Anexo A
Resumen 217 REFERENCIA JAVASCRIPT
Actividades 218 Introduccin 280
Sintaxis bsica 282
Captulo 8 Comentarios 283
HERRAMIENTAS COMPLEMENTARIAS Variables 283
Introduccin 220 Operadores disponibles 286
Firebug 220 Tipos de datos 287
Web Developer 246 Estructuras de control 289
Web Inspector 254 Funciones 294

10
00_DesarrolloWebProf.qxp 20/05/2008 19:10 Pgina 11

Contenido

Implementacin DOM 299 Prlogo de un documento 348

Eventos 303 DTD 350
Manejo y control de errores 306 Tipos de documento 354
Creacin y visualizacin de documentos 357
Anexo B
REFERENCIA CSS 2
Introduccin 308
Opciones disponibles 309
Comentarios 309
Selectores 309
Pseudo clases y elementos 318
Contadores 320
Unidades de medida 323
Casos de uso 361
Relacin con las bases de datos 363
Espacios de nombres 363
Inclusin de hojas de estilo 364
Transformaciones 365

Anexo D
REFERENCIA JSON
Colores 324 Introduccin 368
Cursores 326 Implementaciones 369
Textos 327 XML y JSON 370
Fuentes 329 Sintaxis de JSON 374
Tablas 331 JavaScript y JSON 375
Fondos 331 Ejemplo: Listado de productos
Bordes 332 con Prototype y JSON 381
Dimensiones 334 Implementacin PHP de JSON 387
Listas 334
Mrgenes 335
Posicionamiento 336
Visibilidad 337

Anexo C
REFERENCIA XML
Orgenes y principios generales 340
Sintaxis 341
Reglas de marcado 342 Servicios al lector
Comentarios 347 ndice temtico 391

11