Vivimos una revolución. Internet ha dejado de ser sólo un instrumento de comunicación para convertirse en parte de, prácticamente, todos los aspectos de la vida humana. En este contexto, el lenguaje HTML5 ha adquirido una importancia única. Las aplicaciones de Internet a las que accedemos ahora incontables veces en un día, ya sea desde un ordenador de mesa, un teléfono móvil, una PDA o cualquier otro dispositivo, son posibles gracias a HTML5. Con este manual aprenderá, a través de ejercicios prácticos soportados por sólidos conocimientos teóricos, a crear toda clase de sitios webs y aplicaciones estructuradas en HTML5, con estilos CS3 y programadas con las más importantes y recientes herramientas de Javascript. Estudiará desde los conceptos más básicos y tradicionales de cada uno de los lenguajes hasta los más utilizados por verdaderos profesionales de la programación. En cada capítulo irá desarrollando diversos códigos que irán ganando complejidad a medida que se avanza en la lección y harán mucho más accesibles los conceptos previamente estudiados. Mediante el uso de los componentes de los tres lenguajes, las nuevas API que ofrece Javascript y librerías externas, aprenderá a escribir sus propios códigos para crear, programar y optimizar formularios, personalizar la forma en la que se reproduce un archivo de vídeo o de audio, insertar una o más pistas de subtítulos en un vídeo, controlar la entrada y salida de cualquier elemento en el modo de pantalla completa, capturar vídeo en streamig, crear gráficos y animaciones de dos y tres dimensiones, programar un vídeo juego, controlar la apariencia y la forma en la que se comporta el ratón en determinadas circunstancias, utilizar la geolocalización, manipular la historia de navegación del usuario, optimizar el funcionamiento fuera de línea de su sitio, crear aplicaciones de mensajería digital y otras formas de comunicación bidireccional, entre muchos otros conocimientos.
Leer todo
Leer menos
Índice
Índice Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
1. Documentos HTML5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
1.1 Componentes básicos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
1.2 Una breve introducción a HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
1.2.1 Etiquetas y elementos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
1.2.2 Atributos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
1.2.3 Elementos anteriores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
1.3 Estructura global . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
1.3.1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
1.3.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
1.3.3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
1.3.4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
1.3.5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
1.3.6
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
1.3.7 <link> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
1.4 La estructura del cuerpo del documento . . . . . . . . . . . . . . . . . . . . . 34
1.4.1 Organización . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
1.4.2 <header> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
1.4.3 <nav> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
1.4.4 <section> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
1.4.5 <aside> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
1.4.6 <footer> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
1.5 En el interior del cuerpo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
1.5.1 <article> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
1.5.2 <hgroup> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
1.5.3 <figure> y <figcaption> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
1.5.4 <details> y <summary> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
1.6 Elementos nuevos y elementos antiguos . . . . . . . . . . . . . . . . . . . . . 51
1.6.1 <mark> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
1.6.2 <small> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
1.6.3 <cite> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
1.6.4 <address> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
1.6.5 <wbr> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
1.6.6 <time> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
1.6.7 <data> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
1.7 Nuevos atributos y viejos atributos. . . . . . . . . . . . . . . . . . . . . . . . . 54
1.7.1 El atributo data-* 54
1.7.2 reversed 54
1.7.3 ping y download 54
1.7.4 translate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
1.7.5 contenteditable 56
1.7.6 spellcheck . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
2. Estilos CSS y modelos de caja . . . . . . . . . . . . . . . . . . . . . . . . 57
2.1 CSS y HTML 57
2.2 Breve introducción a CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
2.2.1 Reglas CSS 58
2.2.2 Propiedades . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
2.2.3 Estilos en línea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
2.2.4 Estilos incrustados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
2.2.5 Archivos externos 61
2.2.6 Referencias 62
2.2.7 Selectores nuevos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
2.3 Aplicar CSS a nuestro documento . . . . . . . . . . . . . . . . . . . . . . 69
2.3.1 Modelos de caja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
2.4 Modelo de caja tradicional . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
2.4.1 Documento HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
2.4.2 Selector universal (*) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
2.4.3 Títulos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74
2.4.4 Declaración de nuevos elementos HTML5 . . . . . . . . . .. . . . . . . . . . . . 74
2.4.5 Centrar el cuerpo 75
2.4.6 Creación de la caja principal 75
2.4.7 La cabecera 76
2.4.8 Barra de navegación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
2.4.9 Área principal y Barra lateral 78
2.4.10 Pie de página . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
2.4.11 Toques finales 81
2.4.12 box-sizing 82
2.5 Modelo de caja flexible . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
2.5.1 Contenedor flexible 84
2.5.2 Documento HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
2.5.3 Display 85
2.5.4 Ejes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85
2.5.5 Propiedad Flex 86
2.5.6 flex-direction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91
2.5.7 order 92
2.5.8 justify-content 92
2.5.9 align-items 95
2.5.10 align-self 97
2.5.11 flex-wrap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
2.5.12 align-content 99
3. Propiedades CSS3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
3.1 Las nuevas reglas 102
3.1.1 CSS3 ha enloquecido 102
3.1.2 Documento HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
3.1.3 border-radius . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104
3.1.4 box-shadow 106
3.1.5 text-shadow 108
3.1.6 @font-face . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109
3.1.7 linear-gradient 110
3.1.8 radial-gradient 112
3.1.9 rgb . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113
3.1.10 hsla. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114
3.1.11 outline 114
3.1.12 border-image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115
3.1.13 background 116
3.1.14 Columnas 118
3.2 Transformar 120
3.2.1 transform: scale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
3.2.2 transform: rotate 121
3.2.3 transform: skew 122
3.2.4 transform: translate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122
3.2.5 Transformar todo en un elemento 123
3.2.6 Transformaciones dinámicas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123
3.2.7 Transformaciones 3D . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124
3.3 Transiciones 127 3.4 Animaciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128
4 Javascript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
4.1 Breve introducción a Javascript . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
4.1.1 El lenguaje 132
4.1.2 Variables 133
4.1.3 Condicionales y bucles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137
4.1.4 Objetos 144
4.1.5 Constructores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
4.1.6 El objeto Window 154
4.1.7 El objeto Document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155
4.2 Una introducción a los eventos 156 4.2.1 Atributos de eventos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156
4.2.2 Propiedades del evento 157
4.2.3 El método addEventListener() 157
4.3 Incorporar Javascript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158
4.3.1 En línea 158 4.3.2 Incrustado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158
4.3.3 Desde un archivo externo 160
4.4 Nuevos selectores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161
4.4.1 querySelector() 161
4.4.2 querySelectorAll() 162
4.4.3 matchesSelector() 164
4.5 Interactuar con el documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
4.5.1 Estilos Javascript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
4.5.2 ClassList . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166
4.5.3 Acceder a los atributos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168
4.5.4 dataset 169 4.5.5 Crear y borrar elementos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169
4.5.6 innerHTML, outerHtml e insertAdjacentHTML 170 4.6 Las API . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172
4.6.1 API nativas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173
4.6.2 API externas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173
4.7 Errores y depuración 174 4.7.1 Consola . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174
4.7.2 console.log() . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
4.7.3 Evento error 176
5 Formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177
5.1 Formularios HTML 177
5.1.1 El elemento <form> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177
5.1.2. El elemento <input> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178
5.1.3 Más elementos de formulario 180
5.1.4 Enviar un formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181
5.2 Nuevos tipos de entrada . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181
5.2.1 Tipo email . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182
5.2.2 Tipo search 182
5.2.3 Tipo url 182
5.2.4 Tipo tel 183
5.2.5 Tipo number 183
5.2.6 Tipo range . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183
5.2.7 Tipo date . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183
5.2.8 Tipo week . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184
5.2.9 Tipo month 184
5.2.10 Tipo time 184
5.2.11 Tipo datetime 184
5.2.12 Tipo datetime-local . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185
5.2.13 Tipo color 185
5.3 Nuevos atributos 185
5.3.1 Atributo autocomplete 185
5.3.2 Atributos novalidate y formnovalidate 185
5.3.3 Atributo placeholder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
5.3.4 Atributo required . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
5.3.5 Atributo multiple . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187
5.3.6 Atributo autofocus 187
5.3.7 Atributo pattern . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187
5.3.8 Atributo form . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187
5.4 Nuevos elementos de los formularios 188
5.4.1 El elemento <datalist> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
5.4.2 El elemento <progress> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
5.4.3 El elemento <meter> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189
5.4.4 El elemento <output> 189
5.5 Nueva pseudo-clases . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189
5.5.1 valid e invalid 189
5.5.2 optional y required . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190
5.5.3 in-range y out-of-range . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
5.6 Formularios API . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
5.6.1 SetCustomValidity() . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
5.6.2 El evento invalid y el método CheckValidity() 194
5.6.3 Validación en tiempo real con ValidityState . . . . . . . . . . . . . . . . . . . . 196
5.6.4 Restricciones de validez . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197
6 Vídeo y audio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199
6.1 Vídeo con HTML5 199 6.1.1 El elemento <video> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200 6.1.2 Atributos del elemento <video> 201 6.1.3 Formatos de vídeo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202 6.2 Audio con HTML5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203 6.2.1 El elemento <audio> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203 6.3 Subtítulos 204 6.3.1 El elemento <track> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204 6.4 Programar un reproductor multimedia 208 6.4.1 Diseño de un reproductor de vídeo . . . . . . . . . . . . . . . . . . . . . . . . . . . 208 6.4.2 Aplicación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210 6.4.3 Eventos 211
6.4.4 Código Javascript 212
6.4.5 Métodos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213
6.4.6 Propiedades . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213
6.4.7 Código en funcionamiento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214
7 API TextTrack . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218 7.1 API TextTrack 218 7.1.1 Lectura de pistas o tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219 7.1.2 Lectura de entradas o cues . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220 7.1.3 Adición de pistas nuevas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221 8 API Fullscreen 224 8.1 Basta de ventanas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224 8.1.1 Ir a pantalla completa 224 8.1.2 Estilos "Fullscreen" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226 9. API Stream . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228 9.1 Capturar contenidos 228 9.1.1 Acceder a la cámara web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228
9.1.2 Objetos MediaStreamTrack . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230 9.1.3 Método stop() . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231 10 API Canvas 233 10.1 Los gráficos para la Web 233 10.1.1 El elemento <canvas> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233 10.1.2 GetContext() . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233 10.2 Dibujar en el lienzo 234 10.2.1 Dibujar rectángulos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234 10.2.2 Color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236 10.2.3 Degradados 236 10.2.4 Crear trazados 238 10.2.5 Estilos de línea 244 10.2.6 Texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246 10.2.7 Sombras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248 10.2.8 Transformaciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248 10.2.9 Restaurar el estado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251 10.2.10 globalCompositeOperation . . . . . . . . . . . . . . . . . . . . . . . . . . 252 10.3 Procesamiento de Imágenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253 10.3.1 drawImage() . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254 10.3.2 Datos de imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256 10.3.3 cross-Origin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258 10.3.4 Extracción de los datos 259 10.3.5 Patrones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260 10.4 Animaciones sobre lienzo 261 10.4.1 Animaciones elementales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261 10.4.2 Animaciones profesionales 262 10.5 Procesar vídeo en el lienzo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267 10.5.1 Mostrar vídeo en el lienzo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267 10.5.2 Aplicación de la vida real 268 11. WebGL y Three.js 270 11.1 Lienzo en 3D 270 11.2 Three.js 270 11.2.1 Renderer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270 11.2.2 scene . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271 11.2.3 Cámara . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272</div>
<a id="more" style="margin: 10px 0 10px 0;" class="btn btn-text"
data-toggle="collapse" href="#collapseSynopsis" aria-expanded="false" aria-controls="collapseSynopsis" onclick="$('#less').show(); $('#more').hide()">Leer todo <i class="fas fa-angle-down"></i></a>
<a id="less" style="margin: 10px 0 10px 0; display:none" class="btn btn-text"
data-toggle="collapse" href="#collapseSynopsis" aria-expanded="false" aria-controls="collapseSynopsis" onclick="$('#less').hide(); $('#more').show()">Leer menos <i class="fas fa-angle-up"></i></a>
</div>
</div>
<!-- Infor autor, ilustrador -->
<!-- // Info autor, ilustrador-->
</div>
<!-- // Info autor, ilustrador-->
<div id='fichaTecnica' class="col-md-4">
<h3 class="mb-4"> Ficha Técnica </h3>
<div class="collapse" id="collapseFic" aria-expanded="false" style="margin-bottom: 1rem">
<dl class="datos-tecnicos">
<dt>ISBN:</dt>
<dd> 978-84-267-1995-9</dd>
<dt>EAN:</dt>
<dd>9788426719959</dd>
<dt>Editorial:</dt>
<dd><a href="https://www.todostuslibros.com/editorial/marcombo">Marcombo</a></dd>
<dt>Autor/a:</dt>
<dd> Gauchat, Juan Diego</dd>
<dt>Colección:</dt>
<dd>
EL GRAN LIBRO DE </dd>
<dt>Formato:</dt>
<dd> Tapa blanda o Bolsillo</dd>
<dt>País de publicación :</dt>
<dd>España</dd>
<dt>Idioma de publicación :</dt>
<dd>Castellano</dd>
<dt>Idioma original :</dt>
<dd>Castellano</dd>
<dt>Dimensiones:</dt>
<dd> 250
x 190
mm.</dd>
<dt>Peso:</dt>
<dd>1050 gramos</dd>
<dt>Nº páginas:</dt>
<dd>504</dd>
<dt>Fecha publicación :</dt>
<dd>01-06-2013</dd>
<dt> Materias:</dt>
<dd>
<a
href="https://www.todostuslibros.com/materia/internet-obras-generales_UBW">Internet: obras generales</a>
|
<a
href="https://www.todostuslibros.com/materia/graficos-y-diseno-web_UGB">Gráficos y diseño web</a>
</dd>
</dl>
</div>
<a id="moreFic" class="btn btn-text"
data-toggle="collapse" href="#collapseFic" aria-expanded="false" aria-controls="collapseFic" onclick="$('#lessFic').show(); $('#moreFic').hide()">Ver ficha técnica completa <i class="fas fa-angle-down"></i></a>
<a id="lessFic" class="btn btn-text" style="display:none"
data-toggle="collapse" href="#collapseFic" aria-expanded="false" aria-controls="collapseFic" onclick="$('#lessFic').hide(); $('#moreFic').show()">Ver menos <i class="fas fa-angle-up"></i></a>
</div>
</div>
</div>
</div>
<!-- //NEW - Resumen y ficha técnica-->
<div id="related_sales" class="container content-block countable related-books">
<div class="col-md-12">
<div class="row title-block">
<div class="col-md-12">
<h2 class="page-title left"> También te puede interesar</h2>
</div>
</div>
<div id="book-related" class="bestsellers featured-books books">
<div class="book-col px-3">
<div class="row">
<div class="col-12 book-image">
<a href="https://www.todostuslibros.com/libros/seo-tecnicas-avanzadas_978-84-415-3730-9">
<img class="img-fluid portadarelated" src="https://static.cegal.es/imagenes/marcadas/9788441/978844153730.gif" alt="SEO. Técnicas avanzadas" title="SEO. Técnicas avanzadas Maciá Domene, Fernando" />
</a>
</div>
<div class="col-12 book-details">
<h2 class="title">
<a href="https://www.todostuslibros.com/libros/seo-tecnicas-avanzadas_978-84-415-3730-9">
SEO. Técnicas avanzadas
</a>
</h2>
<h3 class="author"><a href="https://www.todostuslibros.com/autor/macia-domene-fernando">Maciá Domene, Fernando</a></h3>
<p class="data">978-84-415-3730-9 </p>
<p class="data"><a href="https://www.todostuslibros.com/editorial/anaya-multimedia">ANAYA MULTIMEDIA</a></p>
</div>
</div>
</div>
<div class="book-col px-3">
<div class="row">
<div class="col-12 book-image">
<a href="https://www.todostuslibros.com/libros/creacion-y-diseno-web-edicion-2014_978-84-415-3399-8">
<img class="img-fluid portadarelated" src="https://static.cegal.es/imagenes/marcadas/9788441/978844153399.gif" alt="Creación y diseño Web. Edición 2014" title="Creación y diseño Web. Edición 2014 Pardo Niebla, Miguel" />
</a>
</div>
<div class="col-12 book-details">
<h2 class="title">
<a href="https://www.todostuslibros.com/libros/creacion-y-diseno-web-edicion-2014_978-84-415-3399-8">
Creación y diseño Web. Edición 2014
</a>
</h2>
<h3 class="author"><a href="https://www.todostuslibros.com/autor/pardo-niebla-miguel">Pardo Niebla, Miguel</a></h3>
<p class="data">978-84-415-3399-8 </p>
<p class="data"><a href="https://www.todostuslibros.com/editorial/anaya-multimedia">ANAYA MULTIMEDIA</a></p>
</div>
</div>
</div>
<div class="book-col px-3">
<div class="row">
<div class="col-12 book-image">
<a href="https://www.todostuslibros.com/libros/posicionamiento-en-buscadores-edicion-2012_978-84-415-3044-7">
<img class="img-fluid portadarelated" src="https://static.cegal.es/imagenes/marcadas/9788441/978844153044.gif" alt="Posicionamiento en buscadores. Edición 2012" title="Posicionamiento en buscadores. Edición 2012 Maciá Domene, Fernando / Gosende Grela, Javier" />
</a>
</div>
<div class="col-12 book-details">
<h2 class="title">
<a href="https://www.todostuslibros.com/libros/posicionamiento-en-buscadores-edicion-2012_978-84-415-3044-7">
Posicionamiento en buscadores. Edición 2012
</a>
</h2>
<h3 class="author"><a href="https://www.todostuslibros.com/autor/macia-domene-fernando-gosende-grela-javier">Maciá Domene, Fernando / Gosende Grela, Javier</a></h3>
<p class="data">978-84-415-3044-7 </p>
<p class="data"><a href="https://www.todostuslibros.com/editorial/anaya-multimedia">ANAYA MULTIMEDIA</a></p>
</div>
</div>
</div>
<div class="book-col px-3">
<div class="row">
<div class="col-12 book-image">
<a href="https://www.todostuslibros.com/libros/apps-html5-para-moviles_978-84-267-2099-3">
<img class="img-fluid portadarelated" src="https://static.cegal.es/imagenes/marcadas/9788426/978842672099.gif" alt="Apps HTML5 para móviles" title="Apps HTML5 para móviles De Luca, Damián" />
</a>
</div>
<div class="col-12 book-details">
<h2 class="title">
<a href="https://www.todostuslibros.com/libros/apps-html5-para-moviles_978-84-267-2099-3">
Apps HTML5 para móviles
</a>
</h2>
<h3 class="author"><a href="https://www.todostuslibros.com/autor/de-luca-damian">De Luca, Damián</a></h3>
<p class="data">978-84-267-2099-3 </p>
<p class="data"><a href="https://www.todostuslibros.com/editorial/marcombo">Marcombo</a></p>
</div>
</div>
</div>
<div class="book-col px-3">
<div class="row">
<div class="col-12 book-image">
<a href="https://www.todostuslibros.com/libros/aprender-html5-css3-y-javascriptcon-100-ejercicios_978-84-267-2086-3">
<img class="img-fluid portadarelated" src="https://static.cegal.es/imagenes/marcadas/9788426/978842672086.gif" alt="Aprender HTML5, CSS3 y JAVASCRIPTcon 100 ejercicios" title="Aprender HTML5, CSS3 y JAVASCRIPTcon 100 ejercicios , MediaActive" />
</a>
</div>
<div class="col-12 book-details">
<h2 class="title">
<a href="https://www.todostuslibros.com/libros/aprender-html5-css3-y-javascriptcon-100-ejercicios_978-84-267-2086-3">
Aprender HTML5, CSS3 y JAVASCRIPTcon 100 ejercicios
</a>
</h2>
<h3 class="author"><a href="https://www.todostuslibros.com/autor/mediaactive">, MediaActive</a></h3>
<p class="data">978-84-267-2086-3 </p>
<p class="data"><a href="https://www.todostuslibros.com/editorial/marcombo">Marcombo</a></p>
</div>
</div>
</div>
<div class="book-col px-3">
<div class="row">
<div class="col-12 book-image">
<a href="https://www.todostuslibros.com/libros/el-gran-libro-de-captivate-5-5_978-84-267-1822-8">
<img class="img-fluid portadarelated" src="https://static.cegal.es/imagenes/marcadas/9788426/978842671822.gif" alt="El Gran Libro de Captivate 5.5" title="El Gran Libro de Captivate 5.5 Gil García, Gregorio" />
</a>
</div>
<div class="col-12 book-details">
<h2 class="title">
<a href="https://www.todostuslibros.com/libros/el-gran-libro-de-captivate-5-5_978-84-267-1822-8">
El Gran Libro de Captivate 5.5
</a>
</h2>
<h3 class="author"><a href="https://www.todostuslibros.com/autor/gil-garcia-gregorio">Gil García, Gregorio</a></h3>
<p class="data">978-84-267-1822-8 </p>
<p class="data"><a href="https://www.todostuslibros.com/editorial/marcombo">Marcombo</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="comments" class="container content-block comments-container">
<div class="col-md-12 col-lg-5 col-xl-4 d-block d-lg-none">
<h2 class="page-title left ">Opiniones </h2>
</div>
<div class="row row-comments">
<div class="col-md-12 col-lg-7 col-xl-8 comments-container__left">
<h2 class="page-title left d-none d-md-none d-lg-block"> Opiniones</h2>
No hay comentarios, sé el primero en comentar
</div>
<div class="col-md-12 col-lg-5 col-xl-4 comments-container__right">
<h4>Valoración media</h4>
<div class="summary align-items-center">
<div class="rating">
<span class="btn">
<i class="far fa-star"></i>
</span>
<span class="btn">
<i class="far fa-star"></i>
</span>
<span class="btn">
<i class="far fa-star"></i>
</span>
<span class="btn">
<i class="far fa-star"></i>
</span>
<span class="btn">
<i class="far fa-star"></i>
</span>
</div>
<strong>0 de 5 </strong> | 0 opiniones
</div>
<div>
<div class="rating-item">
<span>5 estrellas</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>0 % </span>
</div>
<div class="rating-item">
<span>4 estrellas</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>0 % </span>
</div>
<div class="rating-item">
<span>3 estrellas</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>0 % </span>
</div>
<div class="rating-item">
<span>2 estrellas</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>0 % </span>
</div>
<div class="rating-item">
<span>1 estrellas</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>0 % </span>
</div>
</div>
<div class="comments-container__button mt-5">
<h4>¿Has leído este libro?</h4>
<p> Valóralo y comparte tu opinión con otros usuarios</p>
<!-- dentro del componente ya se hace un if para comprobar que el usuario esta identificado y es customer -->
<a class="btn btn-primary" href="https://www.todostuslibros.com/login?_next=https://www.todostuslibros.com/libros/el-gran-libro-de-html5-css3-y-javascript_978-84-267-1995-9">
<span> Escribir mi opinión</span>
</a>
<!-- dentro del componente ya se hace if si es bookseller -->
</div>
</div>
</div>
</div>
<!-- Actividades relacionadas -->
<!-- // Actividades relacionadas -->
<!-- NEW - bookshelves-->
<div class="container-fluid content-block countable">
<div class="container">
<div class="col-md-12">
<div class="row title-block">
<div class="col-md-12 text-center">
<h2 class="page-title"> Estanterías relacionadas</h2>
</div>
</div>
<div id="book-relatedestanterias" class="row bestsellers featured-books books">
</div>
</div>
</div>
</div>
<!-- Search bottom-->
<div class="container-fluid content-block countable bg-light ">
<div class="container">
<div class="row title-block">
<div class="col-md-12 text-center">
<div class="before-title"> ¿No has encontrado lo que buscas? </div>
<h2 class="page-title"> Prueba con una nueva búsqueda</h2>
</div>
</div>
<div class="row justify-content-center search-container__bottom">
<div class="search-container top" style="width: 75%">
<form method="GET" action="https://www.todostuslibros.com/busquedas" id="main-search-form_bottom">
<div class="input-group input-group-lg">
<input type="text" id="main-search-input" name="keyword"
value=""
class="form-control" aria-label="Large" aria-describedby="inputGroup-sizing-sm"
placeholder="Título, autor, isbn...">
<div class="input-group-prepend">
<a id="search-clear">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-x-circle-fill" viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
</svg>
</a>
<button type="submit" class="input-group-text" id="inputGroup-sizing-lg"
form="main-search-form_bottom"><i class="fas fa-search"></i><span>Buscar</span></button>
</div>
</div>
</form>
<a class="advanced-search" href="http://127.0.0.1:8000/buscador_avanzado"> <i
class="fas fa-angle-right"></i> Búsqueda avanzada</a>
</div>
</div>
</div>
</div>
<div class="container-fluid content-block countable bg-light ">
<div class="container">
<div class="row justify-content-center">
<a class="banner-bottom" href="https://www.todostuslibros.com/lote/descubre-el-viaje-imprescindible-de-abril-con-debolsillo-y-todostuslibros_142">
<picture>
<source media="(max-width: 576px)" srcset="https://www.todostuslibros.com/storage/img/home_banners/abrilmovil.png" />
<source media="(min-width: 577px)" srcset="https://www.todostuslibros.com/storage/img/home_banners/abrilpc.png" />
<img src="https://www.todostuslibros.com/storage/img/home_banners/abrilpc.png" alt="" />
</picture>
</a>
</div>
</div>
</div>
</div>
</main>
</div>
<!-- Scripts -->
<script src="https://www.todostuslibros.com/assets/jquery/dist/jquery.min.js"></script>
<script src="https://www.todostuslibros.com/js/jquery-ui/jquery-ui.min.js"></script>
<script src="https://www.todostuslibros.com/js/jquery-ui/jquery.ui.touch-punch.min.js" defer></script>
<script src="https://www.todostuslibros.com/js/boostrap/popper.min.js"></script>
<script src="https://www.todostuslibros.com/js/boostrap/bootstrap.min.js"></script>
<link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/app.706e227f.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/slick.70aea761.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/jquery.cee09855.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/buscador.72bb8545.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/geolocation.fe9b32f9.js" /><script type="module" src="https://www.todostuslibros.com/build/assets/app.706e227f.js"></script><script type="module" src="https://www.todostuslibros.com/build/assets/geolocation.fe9b32f9.js"></script>
<div id="footer">
<div class="bg-dark">
<div class="container">
<div class="row footer">
<div class="col-md-3 footer-logo">
<img src="https://www.todostuslibros.com/img/todostuslibros.png" width="63.75" height="53"/>
<p class="small hidden-sm-down">
Te ofrecemos más de un millón de libros editados en España y dónde conseguirlos y comprarlos
</p>
<div class="btn-group" role="group" aria-label="Basic example">
<a href="https://www.facebook.com/TodostuslibrosCEGAL" target="_blank" class="btn btn-secondary"><i class="fab fa-facebook"></i></a>
<a href="https://twitter.com/todostuslibros_" target="_blank" class="btn btn-secondary"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/todostuslibroscegal" target="_blank" class="btn btn-secondary"><i class="fab fa-instagram"></i></a>
<a href="mailto:cegal@cegal.es" target="_blank" class="btn btn-secondary"><i class="far fa-envelope"></i></a>
</div>
</div>
<div class="col-md-3 footer-more-info">
<h4><strong>Más información</strong></h4>
<ul>
<li><a href="https://www.todostuslibros.com/servicios/quienes_somos"> Quiénes somos</a></li>
<li><a href="https://www.todostuslibros.com/librerias"> Librerías</a></li>
<li><a href="https://www.todostuslibros.com/actividades"> Actividades</a></li>
<li><a href="https://www.todostuslibros.com/servicios/contacto"> Contactar</a></li>
<li><a href="https://www.todostuslibros.com/servicios/compartir"> Enlázanos</a></li>
<li><a href="https://www.todostuslibros.com/pages/aviso-legal"> Aviso legal</a></li>
<li><a href="https://www.todostuslibros.com/pages/politica-de-privacidad"> Política de privacidad</a></li>
<li><a href="https://www.todostuslibros.com/pages/politica-de-cookies"> Política de Cookies</a></li>
<li><a href="https://www.todostuslibros.com/pages/condiciones-generales-de-contratacion"> Condiciones generales de contratación</a></li>
<li><a href="https://www.todostuslibros.com/pages/1_terminos-y-condiciones-del-cheque-regalo-de-todostuslibros-com-cheque-regalos"> Condiciones cheques regalo</a></li>
</ul>
</div>
<!-- <div class="col-md-3 hidden-sm-down">
<h4><strong>Colaboradores</strong></h4>
<ul class="list-inline">
<li class="list-inline-item"><a href="https://www.cegal.es/" target="_blank"> <img src="https://www.todostuslibros.com/img/cegal-footer.png" width="37" height="47"/></a></li>
<li class="list-inline-item"><a href="https://www.laslibreriasrecomiendan.com/" target="_blank"> <img src="https://www.todostuslibros.com/img/llr-footer.png" width="111" height="35"/></a></li>
</ul>
</div> -->
<div class="col-md-6 footer-institutional">
<div class="row">
<div class="col-md-12">
<h4><strong>Proyecto financiado por la Dirección General del Libro y Fomento de la Lectura, Ministerio de Cultura y Deporte</strong></h4>
<ul class="list-inline">
<li class="list-inline-item"><a href="https://www.culturaydeporte.gob.es/cultura/libro-bibliotecas.html" target="_blank"> <img class="img-fluid" src="https://www.todostuslibros.com/img/ue-ministerio-cultura2x.png" width="522" height="43"/></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-4">
<p>Con el apoyo de</p>
<ul class="list-inline mt-md-4">
<li class="list-inline-item"><a href="https://www.juntadeandalucia.es/" target="_blank"> <img src="https://www.todostuslibros.com/img/junta-andalucia.png" width="60" height="57"/></a></li>
<!-- <li class="list-inline-item"><a href="https://europa.eu/european-union/index_es" target="_blank"> <img src="https://www.todostuslibros.com/img/union-europea.png" width="70" height="73"/></a></li>-->
<li class="list-inline-item"><a href="http://www.andaluciasemueveconeuropa.com/" target="_blank"> <img src="https://www.todostuslibros.com/img/andaluciasemueve.png" width="77" height="46"/></a></li>
<!--<li class="list-inline-item"><a href="http://www.mecd.gob.es/redirigeme/" target="_blank"> <img src="https://www.todostuslibros.com/img/ministerio-cultura.png" width="131" height="34"/></a></li>-->
</ul>
</div>
<div class="col-md-8">
<p>Esta actividad ha recibido una ayuda del Ministerio de Cultura y Deporte</p>
<a href="" target="_blank">
<img src="https://www.todostuslibros.com/img/logo-ministerio-dglcl-02-altares.jpg" width="230" height="66"/>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center footer-copyright">
© 2024 - TODOS TUS LIBROS
</div>
</div>
</div>
</div>
</div>
<div id="cookie-compliant">
<div class="container">
<div class="row">
<div id="cookiesIntro" class="row mx-0">
<div class="col-sm-12 introcookies-text">
<div>
<p>
Esta web utiliza cookies propias y de terceros para mejorar nuestros servicios mediante el análisis de sus hábitos de navegación. Puede obtener más información <a id="info-cookies" href="https://www.todostuslibros.com/pages/politica-de-cookies">aquí</a> o cambiar la <a id="cookies-config" href="#">configuración</a>.</p>
</div>
</div>
<div class="col-sm-12 introcookies-btn">
<button type="button" id="accept-cookies" class="btn btn-primary btn-accept" aria-label="Close">
Aceptar cookies
</button>
</div>
</div>
<div id="cookiesConfig">
<div class="row">
<div class="col-md-12">
<form name="formCookies" id="formCookies" action="#" method="post">
<h2>¿Qué son las cookies?</h2>
<p>Una cookie es un fichero que se descarga en tu ordenador al acceder a determinadas páginas web. Las cookies permiten a una página web, entre otras cosas, almacenar y recuperar información sobre los hábitos de navegación de un usuario o de su equipo, gestionar el acceso de usuarios a zonas restringidas de la web, etc. Tipos de cookies que utiliza esta página web:</p>
<ul class="lista-check">
<li>
<div class="primary">
<input type="checkbox" id="cookie_a" name="cookie_a" value="1" checked="checked" disabled="disabled">
<label for="cookie_a"><span class="fa"></span></label>
<span class="label">Cookies Técnicas</span>
<p>Este tipo de cookies permite al usuario la navegación a través de una página web, plataforma o aplicación y la utilización de las diferentes opciones o servicios que en ella existan como, por ejemplo, controlar el tráfico y la comunicación de datos, identificar la sesión, acceder a partes de acceso restringido, seleccionar el idioma o compartir contenidos a través de redes sociales.</p>
</div>
</li>
<li>
<div class="primary">
<input type="checkbox" id="cookie_b" name="cookie_b" value="1">
<label for="cookie_b"><span class="fa"></span></label>
<span class="label">Cookies de Análisis</span>
<p>Son aquellas que posibilitan el seguimiento y análisis del comportamiento de los usuarios en nuestra página. La información recogida se utiliza para la medición de la actividad de los usuarios en la web y la elaboración de perfiles de navegación de los usuarios, con la finalidad de mejorar la web, así como los productos y servicios ofertados.</p>
</div>
</li>
<li>
<div class="primary">
<input type="checkbox" id="cookie_c" name="cookie_c" value="1">
<label for="cookie_c"><span class="fa"></span></label>
<span class="label">Cookies de Personalización</span>
<p>Estas cookies pueden ser establecidas a través de nuestro sitio por nuestros socios publicitarios. Pueden ser utilizadas por esas empresas para crear un perfil de sus intereses y mostrarle anuncios relevantes en otros sitios. No almacenan directamente información personal, sino que se basan en la identificación única de su navegador y dispositivo de Internet. Si no permite utilizar estas cookies, verá menos publicidad dirigida.</p>
</div>
</li>
</ul>
<div class="row">
<div class="col-md-12 botones">
<button type="button" id="saveAndAcceptCookies" class="btn btn-secondary btn-accept">Guardar y aceptar</button>
<button type="button" id="acceptAllCookies" class="btn btn-primary btn-accept">Aceptar todas</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div id="cookie-overlay"></div> -->
<script type="text/javascript" src="https://www.todostuslibros.com/js/rgpdCookies/cookieblock-1.1.0.js"></script>
<script type="text/javascript">
var cb = new CookieBlock({
browsing: '0',
scrolling: '0',
});
cb.setIgnore(['https://www.todostuslibros.com/pages/politica-de-cookies']);
//cb.setAnalytics('<!--{$ANALYTICS}-->');
cb.setDebug(false);
cb.init();
$(document).ready(function() {
$("#cookies-config").click(function(e) {
e.preventDefault();
$("#cookiesConfig").slideDown(200);
$("#cookiesIntro").slideUp(100);
});
$("#saveAndAcceptCookies").click(function(e) {
e.preventDefault();
var form = document.formCookies;
var cookiesActivas = "a";
//console.log("cookie_b:"+form.cookie_b.checked);
if (form.cookie_b.checked) {
cookiesActivas += "-b";
}
//console.log("cookie_c:"+form.cookie_c.checked);
if (form.cookie_c.checked) {
cookiesActivas += "-c";
}
$("#cookie-compliant").hide();
$('#cookie-overlay').hide();
//console.log("cookiesActivas:"+cookiesActivas);
cb.setCookieExt("ALLOW_COOKIES", cookiesActivas);
cb.init();
dataLayer.push({
'cookieValue': cookiesActivas,
'event': 'cookieLayerSet'
});
});
$("#cookie-compliant .lista-check input ~ label + span").click(function() {
$(this).next("p").slideToggle(100);
});
});
</script>
<button onclick="topFunction()" id="myBtn" title="Ir al principio"><i class="fas fa-angle-up"></i></button>
<script>
var i18ntranslations = {
"str_modal_title" : "Disponibilidad en tienda",
"str_modal_description" : "Buscar por código postal, ciudad o nombre de la librería y te mostraremos la librerías disponibles relacionadas con tu búsqueda.",
"str_modal_info" : "La disponiblidad del stock es orientativa",
"str_form_placeholder" : "Código postal, ciudad o nombre",
"str_form_sumbit" : "Buscar tiendas",
"str_list_info" : "Cerca de tu ubicación actual",
"Reservar aquí" : "Reservar aquí",
"Disponible en 2-3 días" : "Disponible en 2-3 días",
"Disponible hoy" : "Disponible hoy",
"Permite pagar en Librería" : "Permite pagar en Librería",
"Busca por nombre de la librería o ciudad y te mostraremos las librerías disponibles relacionadas con tu búsqueda." : "Busca por nombre de la librería o ciudad y te mostraremos las librerías disponibles relacionadas con tu búsqueda.",
"La disponibilidad del stock es oritentativa" : "La disponibilidad del stock es oritentativa",
"Nombre de librería" : "Nombre de librería",
"Disponible en" : "Disponible en",
"librerías" : "librerías",
"Disponibilidad Inmediata" : "Disponibilidad Inmediata",
"Mapa" : "Mapa",
"Listado" : "Listado",
"Reservar gratis" : "Reservar gratis",
};
</script>
<link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/main.a3a8a7ca.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/general_render.a96b6e97.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/store.440e8ad9.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/jquery.cee09855.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/redux-saga-effects.esm.89c0d934.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/cartReducer.a60d6214.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/token.22104a7b.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/useGeneralReducer.36d60dea.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/deleteBookFromCartSaga.2b91ae59.js" /><script type="module" src="https://www.todostuslibros.com/build/assets/main.a3a8a7ca.js"></script> <script src="https://www.todostuslibros.com/assets/languages/set_language.js" ></script>
<script src="https://www.todostuslibros.com/js/scroll.js"></script>
<script src="https://www.todostuslibros.com/js/bundle.min.js" defer></script>
<link rel="preload" as="style" href="https://www.todostuslibros.com/build/assets/main.2c07684c.css" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/main.d269cec0.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/general_render.a96b6e97.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/jquery.cee09855.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/redux-saga-effects.esm.89c0d934.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/ItemResultadoTienda.833cacb6.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/useGeneralReducer.36d60dea.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/cartReducer.a60d6214.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/Modal.5077b18d.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/useLoading.149550f9.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/useDispatch.8a40698f.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/token.22104a7b.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/useTranslation.9b53621f.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/Input.6f3c0ceb.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/index.82c301ce.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/index.d3b8680b.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/book-carousels.b3f246e2.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/slick.70aea761.js" /><link rel="stylesheet" href="https://www.todostuslibros.com/build/assets/main.2c07684c.css" /><script type="module" src="https://www.todostuslibros.com/build/assets/main.d269cec0.js"></script><script type="module" src="https://www.todostuslibros.com/build/assets/book-carousels.b3f246e2.js"></script>
<script src="https://www.todostuslibros.com/js/tooltip.js"></script>
<script src="https://www.todostuslibros.com/js/richtext-editor/jquery.richtext.min.js" ></script>
<script src="https://www.todostuslibros.com/js/richtext-editor/custom-richtext.js" ></script>
<link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/related-carousel.a8dec91c.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/jquery.cee09855.js" /><link rel="modulepreload" href="https://www.todostuslibros.com/build/assets/slick.70aea761.js" /><script type="module" src="https://www.todostuslibros.com/build/assets/related-carousel.a8dec91c.js"></script>
<script type="application/ld+json" data-keepinline="true">
[
{
"@context":"http://schema.org",
"@type":"WebPage",
"name": "El Gran Libro De HTML5, CSS3 Y Javascript de Gauchat, Juan Diego 978-84-267-1995-9",
"description": "Vivimos una revolución. Internet ha dejado de ser sólo un instrumento de comunicación para convertirse en parte de, prácticamente, todos los aspectos de la vida humana. En este contexto, el lenguaje HTML5 ha adquirido una importancia única. Las aplicaciones de Internet a las que accedemos ahora incontables veces en un día, ya sea desde un ordenador de mesa, un teléfono móvil, una PDA o cualquier otro dispositivo, son posibles gracias a HTML5. Con este manual aprenderá, a través de ejercicios prácticos soportados por sólidos conocimientos teóricos, a crear toda clase de sitios webs y aplicaciones estructuradas en HTML5, con estilos CS3 y programadas con las más importantes y recientes herramientas de Javascript. Estudiará desde los conceptos más básicos y tradicionales de cada uno de los lenguajes hasta los más utilizados por verdaderos profesionales de la programación. En cada capítulo irá desarrollando diversos códigos que irán ganando complejidad a medida que se avanza en la lección y harán mucho más accesibles los conceptos previamente estudiados. Mediante el uso de los componentes de los tres lenguajes, las nuevas API que ofrece Javascript y librerías externas, aprenderá a escribir sus propios códigos para crear, programar y optimizar formularios, personalizar la forma en la que se reproduce un archivo de vídeo o de audio, insertar una o más pistas de subtítulos en un vídeo, controlar la entrada y salida de cualquier elemento en el modo de pantalla completa, capturar vídeo en streamig, crear gráficos y animaciones de dos y tres dimensiones, programar un vídeo juego, controlar la apariencia y la forma en la que se comporta el ratón en determinadas circunstancias, utilizar la geolocalización, manipular la historia de navegación del usuario, optimizar el funcionamiento fuera de línea de su sitio, crear aplicaciones de mensajería digital y otras formas de comunicación bidireccional, entre muchos otros conocimientos.",
"isPartOf": {
"@type":"WebSite",
"url": "https://www.todostuslibros.com/",
"name": "Todos tus libros"
}
},
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "https://www.todostuslibros.com/",
"name": "Todos tus libros"
},
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "https://www.todostuslibros.com/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.todostuslibros.com/busquedas/?keyword={keyword}",
"query-input": "required name=keyword"
}
}
]
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement":
[
{
"@type": "ListItem",
"position": 1,
"item":
{
"@id": "https://www.todostuslibros.com",
"name": "Todos tus libros"
}
}
,
{
"@type": "ListItem",
"position": 2,
"item":
{
"@id": "https://www.todostuslibros.com/libros/el-gran-libro-de-html5-css3-y-javascript_978-84-267-1995-9",
"name": "El gran libro de HTML5, CSS3 y Javascript"
}
} ]
}
</script>
<script type="application/ld+json" data-keepinline="true">
{
"@context": "https://schema.org",
"@type": "Book",
"name": "El gran libro de HTML5, CSS3 y Javascript",
"image": "https://static.cegal.es/imagenes/marcadas/9788426/978842671995.gif",
"numberOfPages": 504,
"datePublished": "2013-06-01 00:00:00",
Internet: obras generales
| Gráficos y diseño web
",
"author": {
"@type": "Person",
"name": "Gauchat, Juan Diego"
},
"url": "https://www.todostuslibros.com/libros/el-gran-libro-de-html5-css3-y-javascript_978-84-267-1995-9",
"workExample": [{
"@type": "Book",
"isbn": "978-84-267-1995-9",
"bookFormat": "Tapa blanda o Bolsillo",
"publisher": {
"@type": "Organization",
"name": "Marcombo"
},
"potentialAction": {
"@type": "ReadAction",
"target": {
"@type": "EntryPoint",
"urlTemplate": "https://www.todostuslibros.com/libros/el-gran-libro-de-html5-css3-y-javascript_978-84-267-1995-9",
"actionPlatform": [
"http://schema.org/DesktopWebPlatform",
"http://schema.org/IOSPlatform",
"http://schema.org/AndroidPlatform"
]
},
"expectsAcceptanceOf": {
"@type": "Offer",
"Price": "28.50",
"priceCurrency": "EUR"
,"availability":"https://schema.org/InStock"
}
}
}]
}
</script>
<script>
$(window).scroll(function(e){
var $el = $('.cosasticky');
var isPositionFixed = ($el.css('position') == 'fixed');
if ($(this).scrollTop() > 400 && !isPositionFixed && $(window).width() <= 768){
$el.addClass('botones-sticky');
}
if ($(this).scrollTop() < 400 && isPositionFixed && $(window).width() <= 768){
$el.removeClass('botones-sticky');
}
});
</script>
<script>
var dataLayer_content = {}
dataLayer_content.userType = 'Anónimo';
</script>
<script>
dataLayer.push({ ecommerce: null });
dataLayer.push({
event: "view_item",
ecommerce: {
items: [{
item_name: "El gran libro de HTML5, CSS3 y Javascript",
item_id: "978-84-267-1995-9",
price: 28.50,
item_brand: "Marcombo",
item_category0: "Internet: obras generales",
item_category1: "Gráficos y diseño web",
quantity: 1
}]
}
});
$(function(){
$('button.btn.btn-add-to-cart.b2c.mb-2').on('click', function() {
dataLayer.push({ ecommerce: null });
dataLayer.push({
event: "add_to_cart",
ecommerce: {
items: [{
item_name: "El gran libro de HTML5, CSS3 y Javascript",
item_id: "978-84-267-1995-9",
price: 28.50,
item_brand: "Marcombo",
item_category0: "Internet: obras generales",
item_category1: "Gráficos y diseño web",
quantity: 1
}]
}
});
});
setTimeout(() => {
$('button.btn.btn-add-to-cart-secundary.reservar, .availability-bookshops > a').on('click', function(e) {
var availableNum = 1;
if (availableNum > 150) {
availability = "Disponibilidad alta";
} else if (availableNum > 20) {
availability = "Disponibilidad media";
} else if (availableNum <= 20 && availableNum > 0) {
availability = "Disponibilidad baja";
} else {
availability = "No disponible";
}
var item = {
book_name: "El gran libro de HTML5, CSS3 y Javascript",
book_isbn: "978-84-267-1995-9",
book_availability: availability
}
dataLayer.push({
event: "open_bookstores_map",
cta: "recoger gratis",
book: item
});
});
}, 1000);
$('#moreFic').on('click', function(e) {
dataLayer.push({
event: "expand_book_specification"
});
});
$('#newCommentForm').on('submit', function(e) {
var review_value = $('#rate-input').val();
var title = $(this).data('gtm-booktitle');
var isbn = $(this).data('gtm-bookisbn');
dataLayer.push({
event: "add_book_user_review",
review_value: review_value,
book: {
book_name: title,
book_isbn: isbn
}
});
});
});
</script>
<script>
//G4A add_to-shelf method
$(function(){
$('.add-bookshelves-link').on('click', function() {
dataLayer.push({
event: "add_to_shelf",
book: {
book_name: "El gran libro de HTML5, CSS3 y Javascript",
book_isbn: "978-84-267-1995-9"
}
});
});
});
</script>
<script>
//G4A send_to_bookstore_bookpage method
$(function(){
$('#llstore').on('click', 'li', function() {
let name = $(this).find('h3').text()
dataLayer.push({
event: "send_to_bookstore_bookpage",
book: {
book_name: "El gran libro de HTML5, CSS3 y Javascript",
book_isbn: "978-84-267-1995-9",
book_stock: ""
},
bookstore: {
bookstore_name: name
}
});
});
});
</script>
</body>
</html>
