La Web 1. Qué es la Web? 7 1.1 Lado servidor: HTTP, FTP, lenguajes, SQL 7 1.2 Lado cliente: HTML, CSS, JavaScript 10 2. Los lenguajes y su utilidad 10 2.1 HTML 10 2.2 CSS 14 2.3 JavaScript 17 2.4 Ejemplo general con los tres lenguajes 21 3. Los formatos de imagen 26 3.1 Formato Bitmap 27 3.2 Formato vectorial 31 4. Los navegadores y sus herramientas 39 Reglas generales 1. Preservar la legibilidad: la indentación, los comentarios 47 1.1 La indentación 47 1.2 Los comentarios 50 2. Pensar en el posicionamiento 51 3. Carpetas y rutas hasta los archivos 53 4. Los editores de código 58 5. Algunos atajos prácticos 64 1/7
5.1 Guardar y probar una página 64 5.2 Seleccionar texto o desplazarse más rápido sin el ratón 66 HTML 1. Creación de una página web 69 2. Código HTML obligatorio 70 3. El doctype 71 4. La etiqueta <head> 71 4.1 Enlazar una hoja de estilo 74 4.2 Enlazar un archivo JavaScript 74 5. La etiqueta <body> 76 5.1 Métodos y etiquetas para estructurar una página 77 5.2 El texto en la página HTML 85 5.3 Los caracteres especiales 87 CSS3 1. Los tres estilos básicos posibles 91 1.1 El estilo de etiqueta 91 1.2 El estilo de clase 95 1.3 El estilo de ID 96 1.4 Combinación de los tres métodos 98 2. La tipografía y la Web 102 3. Los selectores 112 2/7
4. Las pseudoclases 122 4.1 Para los enlaces 122 4.2 Para el texto 124 4.3 Para los selectores 125 5. Los colores en hexadecimal, en RGBA o en HSLA 125 6. Las imágenes y los bordes 130 7. Botones con imágenes o tipografías especiales 131 8. Los fondos y fondos múltiples 136 9. El posicionamiento 138 10. El desbordamiento 140 11. Uso de padding y margin 141 12. Un prefijo por navegador 142 13. Las propiedades decorativas (sombra, degradado, redondeo...) 143 14. Las columnas en el texto 145 15. Las transformaciones 3D 147 16. Las transiciones y animaciones 151 17. El diseño responsivo y las media queries 153 3/7
JavaScript 1. Introducción 155 2. La lista de tareas 155 3. Variables y asignaciones 157 4. Los tipos de variables 158 4.1 Los valores numéricos 158 4.2 El texto y la concatenación 159 4.3 Los arrays 161 4.4 Los valores booleanos 162 4.5 Los objetos 163 5. Los operadores 165 6. Las condiciones 170 6.1 if, else y las llaves 170 6.2 switch case 176 7. Iteraciones 178 7.1 El bucle for 179 7.2 El bucle while 182 7.3 El bucle do... while 184 7.4 break y continue 184 8. Depurar un programa 185 9. Las funciones 189 9.1 Declaración 189 9.2 Llamada 190 9.3 Las variables locales y globales 190 4/7
9.4 El resultado de una función 192 10. Las cookies 193 11. El drag and drop 196 12. Mostrar el sitio HTML en pantalla completa 199 13. Gestión del historial del navegador 201 14. La geolocalización 203 15. Las bases de datos locales 206 15.1 Creación de una base de datos 206 15.2 Creación de una tabla 207 15.3 Insertar registros 207 15.4 Leer información 208 16. Generar PNG en JavaScript 209 17. Ajax 214 Representación HTML y CSS 1. Los bloques y su posición en pantalla 219 1.1 Las tablas 219 1.2 Los div y las nuevas etiquetas HTML5 222 2. Las listas 227 Los métodos de diseño 5/7
1. La etiqueta Canvas 231 2. La etiqueta SVG 236 3. Ventajas e inconvenientes de ambas tecnologías 245 El multimedia 1. La etiqueta vídeo 247 2. Los codecs de vídeo 251 3. La etiqueta audio 252 4. Los codecs de audio 255 Los formularios 1. Introducción 257 2. Funcionamiento de un formulario cliente/servidor 258 3. Las distintas etiquetas del formulario 259 4. Las expresiones regulares 269 5. La validación del formulario 270 6. Agregar un script CGI en el servidor 273 6/7
Los enlaces y menús en HTML5 1. Introducción 277 2. Creación de enlaces 278 2.1 Abrir una página HTML 278 2.2 Abrir una imagen 279 2.3 Navegación en la página 280 2.4 Permitir descargar un archivo 281 2.5 Enviar un correo electrónico 281 2.6 Invocar un script JavaScript 283 3. Creación de un menú (lista + enlaces + CSS) 283 4. Agregar "datos" en los enlaces 285 Conclusión índice 291 7/7