Sinopsis
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.
Í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 <BR>1.3.7 <link> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 <BR>1.4 La estructura del cuerpo del documento . . . . . . . . . . . . . . . . . . . . . 34 <BR>1.4.1 Organización . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 <BR>1.4.2 <header> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37 <BR>1.4.3 <nav> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 <BR>1.4.4 <section> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39 <BR>1.4.5 <aside> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40 <BR>1.4.6 <footer> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42 <BR>1.5 En el interior del cuerpo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 <BR>1.5.1 <article> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 <BR>1.5.2 <hgroup> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47 <BR>1.5.3 <figure> y <figcaption> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48 <BR>1.5.4 <details> y <summary> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 <BR>1.6 Elementos nuevos y elementos antiguos . . . . . . . . . . . . . . . . . . . . . 51 <BR>1.6.1 <mark> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 <BR>1.6.2 <small> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 <BR>1.6.3 <cite> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 <BR>1.6.4 <address> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 <BR>1.6.5 <wbr> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52<BR>1.6.6 <time> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53 <BR>1.6.7 <data> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53 <BR>1.7 Nuevos atributos y viejos atributos. . . . . . . . . . . . . . . . . . . . . . . . . 54 <BR>1.7.1 El atributo data-* 54 <BR>1.7.2 reversed 54 <BR>1.7.3 ping y download 54 <BR>1.7.4 translate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 <BR>1.7.5 contenteditable 56 <BR>1.7.6 spellcheck . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 <BR>2. Estilos CSS y modelos de caja . . . . . . . . . . . . . . . . . . . . . . . . 57 <BR>2.1 CSS y HTML 57 <BR>2.2 Breve introducción a CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57<BR> 2.2.1 Reglas CSS 58 <BR>2.2.2 Propiedades . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59 2.2.3 Estilos en línea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60 <BR>2.2.4 Estilos incrustados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61 <BR>2.2.5 Archivos externos 61 <BR>2.2.6 Referencias 62<BR> 2.2.7 Selectores nuevos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68 <BR>2.3 Aplicar CSS a nuestro documento . . . . . . . . . . . . . . . . . . . . . . 69 <BR>2.3.1 Modelos de caja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70 <BR>2.4 Modelo de caja tradicional . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 <BR>2.4.1 Documento HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 <BR>2.4.2 Selector universal (*) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73 <BR>2.4.3 Títulos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74 <BR>2.4.4 Declaración de nuevos elementos HTML5 . . . . . . . . . .. . . . . . . . . . . . 74 <BR>2.4.5 Centrar el cuerpo 75<BR> 2.4.6 Creación de la caja principal 75 <BR>2.4.7 La cabecera 76 <BR>2.4.8 Barra de navegación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77 <BR>2.4.9 Área principal y Barra lateral 78 <BR>2.4.10 Pie de página . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79 <BR>2.4.11 Toques finales 81 <BR>2.4.12 box-sizing 82 <BR>2.5 Modelo de caja flexible . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 <BR>2.5.1 Contenedor flexible 84<BR>2.5.2 Documento HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 <BR>2.5.3 Display 85 <BR>2.5.4 Ejes . . . . . . . . </p>
</div>
<div role="tabpanel" class="tab-pane fade" id="tabopiniones" role="tabpanel" aria-labelledby="tabopiniones">
<h2>Comentarios</h2>
<a href="#" data-bs-toggle="modal" data-bs-target="#modal-comentar" id="comentar" class="btntwo">Sé el primero en comentar este libro</a>
</div>
</div>
</div>
</div>
</section> <!-- fin fichaDetalle-->
<section>
<div class="container">
<h2 class="title">Artículos relacionados</h2>
<div class="row product-list grid">
<div class="product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.librerialuces.com/es/imagenes/9788441/978844155252.webp" alt="Comprender los Algoritmos" width="215" height="300" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/es/libro/comprender-los-algoritmos_778881" class="stretched-link productClick" data-id="778881" data-name="Comprender los Algoritmos" data-brand="Libros">
<h3 class="product-title">Comprender los Algoritmos</h3>
</a>
<p class="product-authors"> Y. Bhargava, Aditya </p>
<p class="product-synopsis">Los algoritmos que utilizas con más frecuencia ya han sido descubiertos, probados y comprobados. La segunda actualización de Comprender los algoritmos hace que sea muy fácil aprenderlos, comprenderlos y usarlos. Con explicaciones maravillosamente sencillas, más de 400 ilustraciones divertidas y docenas de ejemplos relevantes, aprenderás a desbloquear el poder de los algoritmos ...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="disponibilidad green" > ✅ Disponible</span>
<div>
<h4>36,95 €</h4>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_778881" style="" data-id="778881" class="btn botonComprar" title="Añadir a Mi Compra"><iconify-icon icon="tabler:shopping-bag-plus" class="icon"></iconify-icon></button>
</li>
<li>
<a href="/es/favoritos/insFavorito.php?codArticulo=778881" class="nomesigas" data-title="Añadir a favoritos" rel="nofollow" aria-label="Añadir a favoritos">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
</a>
</li>
</ul>
</div>
</div>
</div> </div>
</div>
<div class="product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.librerialuces.com/es/imagenes/9788426/978842674118.webp" alt="Micropython en Proyectos. Una Introducción Práctica a la Programación de Microco" width="215" height="300" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/es/libro/micropython-en-proyectos-una-introduccion-practica-a-la-programacion-de-microco_785331" class="stretched-link productClick" data-id="785331" data-name="Micropython en Proyectos. Una Introducción Práctica a la Programación de Microco" data-brand="Libros">
<h3 class="product-title">Micropython en Proyectos. Una Introducción Práctica a la Programación de Microco</h3>
</a>
<p class="product-authors"> Padin Romero, Beatriz / Dapena Janeiro, Ad / Padín Romero, Beatriz / Dapena Janeiro, Adriana </p>
<p class="product-synopsis">Desarrolle proyectos en MicroPython paso a paso Vivimos rodeados de microcontroladores. Estos pequeños ordenadores, programados para realizar tareas concretas, son la pieza central de muchos de los dispositivos electrónicos con los que interactuamos a diario: electrodomésticos, automóviles, sistemas de monitorización y control? Sin embargo, a pesar de su ubicuidad, su funciona...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="disponibilidad green" > ✅ Disponible </span>
<div>
<h4>22,80 €</h4>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_785331" style="" data-id="785331" class="btn botonComprar" title="Añadir a Mi Compra"><iconify-icon icon="tabler:shopping-bag-plus" class="icon"></iconify-icon></button>
</li>
<li>
<a href="/es/favoritos/insFavorito.php?codArticulo=785331" class="nomesigas" data-title="Añadir a favoritos" rel="nofollow" aria-label="Añadir a favoritos">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
</a>
</li>
</ul>
</div>
</div>
</div> </div>
</div>
<div class="product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.librerialuces.com/es/imagenes/9788441/978844155207.webp" alt="Guía de Programación en C/C++" width="215" height="300" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/es/libro/guia-de-programacion-en-cc_764265" class="stretched-link productClick" data-id="764265" data-name="Guía de Programación en C/C++" data-brand="Libros">
<h3 class="product-title">Guía de Programación en C/C++</h3>
</a>
<p class="product-authors"> Lopez, Eliezer </p>
<p class="product-synopsis">Medio siglo después, C y C++ son los lenguajes más eficientes de la historia y el fundamento de gran parte de la tecnología que utilizamos a diario. Creados por y para programadores, se siguen enseñando en miles de centros educativos y ofrecen multitud de ventajas a empresas relevantes en multitud de sectores.C y C++ están presentes en una amplia variedad de sectores gracias a ...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="disponibilidad green" > ✅ Disponible </span>
<div>
<h4>29,95 €</h4>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_764265" style="" data-id="764265" class="btn botonComprar" title="Añadir a Mi Compra"><iconify-icon icon="tabler:shopping-bag-plus" class="icon"></iconify-icon></button>
</li>
<li>
<a href="/es/favoritos/insFavorito.php?codArticulo=764265" class="nomesigas" data-title="Añadir a favoritos" rel="nofollow" aria-label="Añadir a favoritos">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
</a>
</li>
</ul>
</div>
</div>
</div> </div>
</div>
<div class="product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.librerialuces.com/es/imagenes/9788441/978844155225.webp" alt="Python Black Hat. Programación para Hackers y Pentesters" width="215" height="300" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/es/libro/python-black-hat-programacion-para-hackers-y-pentesters_764269" class="stretched-link productClick" data-id="764269" data-name="Python Black Hat. Programación para Hackers y Pentesters" data-brand="Libros">
<h3 class="product-title">Python Black Hat. Programación para Hackers y Pentesters</h3>
</a>
<p class="product-authors"> Arnold, Tim / Seitz, Justin </p>
<p class="product-synopsis">Cuando se trata de crear herramientas de hackeo potentes y eficaces, Python es el lenguaje elegido por la mayoría de los analistas de seguridad. En este libro explorarás el lado más oscuro de las capacidades de Python: todo, desde escribir sniffers de red, robar credenciales de correo electrónico y acceder a directorios y carpetas por la fuerza hasta crear fuzzers de mutación, ...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="disponibilidad green" > ✅ Disponible </span>
<div>
<h4>32,95 €</h4>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_764269" style="" data-id="764269" class="btn botonComprar" title="Añadir a Mi Compra"><iconify-icon icon="tabler:shopping-bag-plus" class="icon"></iconify-icon></button>
</li>
<li>
<a href="/es/favoritos/insFavorito.php?codArticulo=764269" class="nomesigas" data-title="Añadir a favoritos" rel="nofollow" aria-label="Añadir a favoritos">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
</a>
</li>
</ul>
</div>
</div>
</div> </div>
</div>
<div class="product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.librerialuces.com/es/imagenes/9788441/978844155163.webp" alt="Curso Práctico con Unity 3D" width="215" height="300" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/es/libro/curso-practico-con-unity-3d_754452" class="stretched-link productClick" data-id="754452" data-name="Curso Práctico con Unity 3D" data-brand="Libros">
<h3 class="product-title">Curso Práctico con Unity 3D</h3>
</a>
<p class="product-authors"> Cantón Nadales, David </p>
<p class="product-synopsis">El primer libro en español que guía el desarrollo de videojuegos con Unity, desde los fundamentos hasta la creación de builds ejecutables.Dirigido a principiantes y desarrolladores con experiencia, este libro te acompaña paso a paso, desde el uso del Unity Editor hasta la creación de videojuegos completos y optimizados. Aprenderás a manipular GameObjects, programar en C# y Visu...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="disponibilidad green" > ✅ Disponible </span>
<div>
<h4>29,95 €</h4>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_754452" style="" data-id="754452" class="btn botonComprar" title="Añadir a Mi Compra"><iconify-icon icon="tabler:shopping-bag-plus" class="icon"></iconify-icon></button>
</li>
<li>
<a href="/es/favoritos/insFavorito.php?codArticulo=754452" class="nomesigas" data-title="Añadir a favoritos" rel="nofollow" aria-label="Añadir a favoritos">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
</a>
</li>
</ul>
</div>
</div>
</div> </div>
</div>
<div class="product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.librerialuces.com/es/imagenes/9788441/978844154909.webp" alt="Curso de Programacion con Rust" width="215" height="300" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/es/libro/curso-de-programacion-con-rust_741254" class="stretched-link productClick" data-id="741254" data-name="Curso de Programacion con Rust" data-brand="Libros">
<h3 class="product-title">Curso de Programacion con Rust</h3>
</a>
<p class="product-authors"> Lopez, Eliezer </p>
<p class="product-synopsis">El lenguaje de programación Rust ha ganado popularidad en los últimos años debido a su enfoque en la seguridad y el rendimiento, y se ha convertido en una excelente opción para el desarrollo de aplicaciones críticas y sistemas de alto rendimiento. Con una comunidad en constante crecimiento y el respaldo de importantes empresas, Rust constituye una herramienta poderosa para desa...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="disponibilidad green" > ✅ Disponible </span>
<div>
<h4>30,95 €</h4>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_741254" style="" data-id="741254" class="btn botonComprar" title="Añadir a Mi Compra"><iconify-icon icon="tabler:shopping-bag-plus" class="icon"></iconify-icon></button>
</li>
<li>
<a href="/es/favoritos/insFavorito.php?codArticulo=741254" class="nomesigas" data-title="Añadir a favoritos" rel="nofollow" aria-label="Añadir a favoritos">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
</a>
</li>
</ul>
</div>
</div>
</div> </div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<h2 class="title">Otros libros del autor</h2>
<div class="row product-list grid">
<div class="product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.librerialuces.com/es/imagenes/9788426/978842672463.webp" alt="El Gran Libro de Html5, Css3 y Javascript 3ª Edición" width="215" height="300" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/es/libro/el-gran-libro-de-html5-css3-y-javascript-3-edicion_572109" class="stretched-link productClick" data-id="572109" data-name="El Gran Libro de Html5, Css3 y Javascript 3ª Edición" data-brand="">
<h3 class="product-title">El Gran Libro de Html5, Css3 y Javascript 3ª Edición</h3>
</a>
<p class="product-authors"> Gauchat, Juan Diego </p>
<p class="product-synopsis">El gran libro de HTML5, CSS3 y JavaScript guía al lector paso a paso en el desarrollo de sitios y aplicaciones web. Después de leer este libro sabrá cómo estructurar sus documentos con HTML, cómo otorgarles estilos con CSS y cómo trabajar con las más poderosas APIs de JavaScript. Este libro es un curso completo que le enseñará cómo construir sitios webs adaptables y aplicacio...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="disponibilidad orange" > Entrega 3/5 días</span>
<div>
<h4>31,40 €</h4>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_572109" style="" data-id="572109" class="btn botonComprar" title="Añadir a Mi Compra"><iconify-icon icon="tabler:shopping-bag-plus" class="icon"></iconify-icon></button>
</li>
<li>
<a href="/es/favoritos/insFavorito.php?codArticulo=572109" class="nomesigas" data-title="Añadir a favoritos" rel="nofollow" aria-label="Añadir a favoritos">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
</a>
</li>
</ul>
</div>
</div>
</div> </div>
</div>
<div class="product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.librerialuces.com/es/images/NOportada.jpg" alt="El Gran Libro de Html5, Css3 y Javascript" width="215" height="300" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/es/libro/el-gran-libro-de-html5-css3-y-javascript_372581" class="stretched-link productClick" data-id="372581" data-name="El Gran Libro de Html5, Css3 y Javascript" data-brand="">
<h3 class="product-title">El Gran Libro de Html5, Css3 y Javascript</h3>
</a>
<p class="product-authors"> Gauchat, Juan Diego </p>
</div>
<div class="product-options">
<div class="product-price">
<span class="disponibilidad red" > ❌ Agotado</span>
<div>
<h4>7,09 €</h4>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<a href="/es/favoritos/insFavorito.php?codArticulo=372581" class="nomesigas" data-title="Añadir a favoritos" rel="nofollow" aria-label="Añadir a favoritos">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
</a>
</li>
</ul>
</div>
</div>
</div> </div>
</div>
<div class="product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.librerialuces.com/es/imagenes/9788426/978842671770.webp" alt="El Gran Libro de Html5, Css3 y Javascript" width="215" height="300" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/es/libro/el-gran-libro-de-html5-css3-y-javascript_343770" class="stretched-link productClick" data-id="343770" data-name="El Gran Libro de Html5, Css3 y Javascript" data-brand="">
<h3 class="product-title">El Gran Libro de Html5, Css3 y Javascript</h3>
</a>
<p class="product-authors"> Gauchat, Juan Diego </p>
<p class="product-synopsis">Nos encontramos al final de una revolución. La Web se está convirtiendo en la principal plataforma de desarrollo y en lafuente principal de información y recursos. En los últimos años los dispositivos móviles han convertido las aplicaciones deInternet en una necesidad. Día a día surgen nuevos y más sofisticados programas para la Web, reemplazando, de formamuy efectiva, a las ap...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="disponibilidad red" > ❌ Agotado</span>
<div>
<h4>28,50 €</h4>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<a href="/es/favoritos/insFavorito.php?codArticulo=343770" class="nomesigas" data-title="Añadir a favoritos" rel="nofollow" aria-label="Añadir a favoritos">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
</a>
</li>
</ul>
</div>
</div>
</div> </div>
</div>
</div>
</div>
</section>
<!-- Modal IBD -->
<div id="modal-ibd" class="modal fade in" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
<h4 class="modal-title">Sobre IBD (Impresión Bajo Demanda)</h4>
</div>
<div class="modal-body">
<div id="send-to-friend-box">
Impresión bajo demanda (IBD) o publicación bajo demanda (POD – Print On Demand) es un sistema de publicación en la que se imprime solamente el número de ejemplares necesarios para atender su pedido (Impresión 1x1).
Imprimiremos el libro para usted, por lo que no está permitida la anulación, ni devolución del pedido (salvo error o defecto de imprenta).
</div>
<div id="msg-modal"></div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!-- Modal Enviar amigo -->
<!-- Modal Avisador de stock -->
<!-- Modal Reservar -->
<!-- Modal Comentar -->
<div id="modal-comentar" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<form id="formOpinion" class="form-horizontal" method="post" data-toggle="validator" data-focus="false" role="form" novalidate="true">
<input type="hidden" name="codigo" value="438553">
<input type="hidden" id="valoracion" name="valoracion" value="0">
<input type="hidden" name="marcaTiempo" value="1777628827">
<input type="hidden" name="campov" value="">
<input type="hidden" name="formToken" value="ODhkNTc5ZDQyZGM5YmIyYzM4NTg0NzBlMTBhYzg2ZTYzYTJhNzFhNjlmZGE4MGZmMWZjZjk5NjA0NzgyNTMxZDoxNzc3NjI4ODI3OmU3ODQyOGM4NzYwZjZiY2RhY2QyYjZhZTc3NTAyZDcxYWYwNDFhZDQ5M2ZiODg4OGRiZWY5ZDU1YWI4ZTJmYTY=" />
<input type="hidden" id="tokenOpiniones" name="token">
<div class="modal-header">
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
<h4 class="modal-title">Comentarios</h4>
</div>
<div class="modal-body">
<div id="modal-comentar-box">
<div class="valoracion">
<div>
<span class="title-valoracion">Valoración</span>
<div class="stars">
<a onclick="select_rating(1)" onmouseout="rating(ratingSeleccionado)" onmouseover="rating(1)" class="rating_off" id="rate1" title="Muy malo"><img alt="Muy malo" name="estrellas_1" src="/es/images/rating_off.png" width="16"></a>
<a onclick="select_rating(2)" onmouseout="rating(ratingSeleccionado)" onmouseover="rating(2)" class="rating_off" id="rate2" title="Malo"><img alt="Malo" name="estrellas_2" src="/es/images/rating_off.png" width="16"></a>
<a onclick="select_rating(3)" onmouseout="rating(ratingSeleccionado)" onmouseover="rating(3)" class="rating_off" id="rate3" title="Regular"><img alt="Regular" name="estrellas_3" src="/es/images/rating_off.png" width="16"></a>
<a onclick="select_rating(4)" onmouseout="rating(ratingSeleccionado)" onmouseover="rating(4)" class="rating_off" id="rate4" title="Bueno"><img alt="Bueno" name="estrellas_4" src="/es/images/rating_off.png" width="16"></a>
<a onclick="select_rating(5)" onmouseout="rating(ratingSeleccionado)" onmouseover="rating(5)" class="rating_off" id="rate5" title="Muy bueno"><img alt="Muy bueno" name="estrellas_5" src="/es/images/rating_off.png" width="16"></a>
</div>
</div>
<span>(Puedes valorar qué te ha parecido este libro)</span>
</div>
<div class="form-group">
<label for="email-comentar" class="form-label">E-mail *</label>
<input type="email" name="email" id="email-comentar" class="form-control" value="" maxlength="65" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group">
<label for="nombre-comentar" class="form-label">Nombre *</label>
<input type="text" name="nombre" id="nombre-comentar" class="form-control" value="" maxlength="50" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group">
<label for="tituloOpinion" class="form-label">Título *</label>
<input type="text" name="tituloOpinion" id="tituloOpinion" class="form-control" value="" maxlength="100" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group">
<label for="opinion" class="form-label">Introduce tu opinión *</label>
<textarea name="opinion" id="opinion" class="form-control" aria-label="Introduce tu opinión" required></textarea>
<div class="help-block with-errors"></div>
</div>
<div class="form-group" id="">
<div class="wrapper-legal-form">
<p><strong>Política de privacidad</strong></p>
<p>Libros como Luces, S..L. es el responsable del tratamiento de los datos personales del Usuario, por lo que se le facilita la siguiente información del tratamiento:</p>
<ul>
<li>Fin del tratamiento: gestión y publicación de las valoraciones realizadas por el usuario, tenga en cuenta antes de emitir la valoración, que está será visible para el resto de usuarios, usted seleccionará si desea que su email sea visible para el resto, si decide marcar el check correspondiente a tal efecto.</li>
<li>Legitimación: está basada en el consentimiento que se le solicita a través de la correspondiente casilla de aceptación. </li>
<li>Criterios de conservación de los datos: se conservarán mientras exista un interés mutuo para mantener el fin del tratamiento y cuando ya no sea necesario para tal fin, se suprimirán con medidas de seguridad adecuadas para garantizar la seudonimización de los datos.</li>
<li>Destinatarios: no se cederán a ningún tercero.</li>
<li>Derechos que asisten al Usuario:</li>
</ul>
<p>a) Derecho a retirar el consentimiento en cualquier momento. Derecho a oponerse y a la portabilidad de los datos personales. Derecho de acceso, rectificación y supresión de sus datos y a la limitación u oposición al su tratamiento.</p>
<p>b) Derecho a presentar una reclamación ante la Autoridad de control si no ha obtenido satisfacción en el ejercicio de sus derechos, en este caso, ante la Agencia Española de protección de datos <a href="https://www.aepd.es" target="_blank">https://www.aepd.es</a></p>
<p>Puede ejercer estos derechos mediante el envío de un correo electrónico o de correo postal, ambos con la fotocopia del DNI del titular, incorporada o anexada:</p>
<p>Responsable del tratamiento: Libros como Luces, S..L.</p>
<ul>
<li>Dirección postal: Alameda principal, 37 - bj, malaga, 29001, malaga</li>
<li>Dirección electrónica: <a href="mailto:info@librerialuces.com">info@librerialuces.com</a></li>
</ul>
<p>Si desea ampliar información sobre la política de privacidad de nuestra empresa, puede hacerlo en el siguiente enlace: <a href="https://www.librerialuces.com/es/proteccion-de-datos">https://www.librerialuces.com/es/proteccion-de-datos</a></p>
</div>
</div>
<div class="form-group">
<div class="form-check">
<label for="mostrarEmail" class="form-label">Mostrar tu e-mail</label>
<input class="form-check-input" type="checkbox" name="mostrarEmail" id="mostrarEmail" value="S">
</div>
<div class="form-check">
<label for="condiciones_comentar">
He leído y acepto la
<a href="/es/proteccion-de-datos">
política de privacidad
</a>
</label>
<input class="form-check-input" type="checkbox" value="1" id="condiciones_comentar" name="condiciones_comentar" data-error="Debes aceptar las condiciones" required>
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div id="msg-modal"></div>
</div>
<div class="modal-footer">
<div class="form-group recaptcha-div">
<button type="button" class="btn btn-default" data-bs-dismiss="modal">Cancelar</button>
<input type="submit" class="g-recaptcha btn"
data-sitekey="6LfJzcAsAAAAAB_KLcy2_B2v6zgxSzru5GBPhQON"
data-callback='onSubmitOpinion'
data-action='submit'
value="Enviar">
</div>
</div>
</form>
</div>
</div>
</div>
<!-- Modal Click & collect -->
</main>
<aside id="offcanvasCart" class="offcanvas offcanvas-end" tabindex="-1" aria-labelledby="offcanvasCart" data-bs-scroll="true">
<div class="offcanvas-header">
<div>
<h2 class="offcanvas-title">Mi compra</h2>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Cerrar"></button>
</div>
</div>
<div class="offcanvas-body">
<div id="miniCart">
<div class="cart-empty-message">
<iconify-icon icon="tabler:shopping-cart-off" class="icon" width="60" height="60"></iconify-icon>
<p>Tu cesta de la compra está vacía</p>
</div>
</div>
</div>
<div class="resume-checkout d-none">
<div class="wrapper-resume-checkout">
<div class="checkout-total">
<span>Total</span>
<span id="precioTotalminiCart">0,00 €</span>
</div>
<div class="buttons-checkout">
<a class="btn btn-cart-checkout" href="/es/cesta/cestaCompra.php">Ver Mi Compra</a>
</div>
</div>
</div>
</aside>
<footer>
<div class="footer-newsletter">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="footer-newsletter-info">
<h2>Boletín de Novedades</h2>
<p>Suscríbete y estarás al tanto de nuestras novedades</p>
</div>
</div>
<div class="col-md-6">
<div class="footer-newsletter-form">
<div id="newsletter">
<form action="/es/suscripciones/formSuscribir.php" method="get" class="validate" onsubmit="return validarEmail(this.email)">
<div class="wrapper-legal-form">
<p><strong>Política de privacidad</strong></p>
<p>Libros como Luces, S..L. es el responsable del tratamiento de los datos personales del Usuario, por lo que se le facilita la siguiente información del tratamiento:</p>
<ul>
<li>Fin del tratamiento: mantener una relación de envío de comunicaciones y noticias sobre nuestros servicios y productos a los usuarios que decidan suscribirse a nuestro boletín. Igualmente utilizaremos sus datos de contacto para enviarle información sobre productos o servicios que puedan ser de interés para el usuario y siempre relacionada con la actividad principal de la web, pudiendo en cualquier momento a oponerse a este tratamiento. En caso de no querer recibirlas, mándenos un email a: <a href="mailto:info@librerialuces.com" style="color:#000000;">info@librerialuces.com</a> indicándonos en el asunto "No Publi".</li>
<li>Legitimación: está basada en el consentimiento que se le solicita a través de la correspondiente casilla de aceptación.</li>
<li>Criterios de conservación de los datos: se conservarán mientras exista un interés mutuo para mantener el fin del tratamiento y cuando ya no sea necesario para tal fin, se suprimirán con medidas de seguridad adecuadas para garantizar la seudonimización de los datos.</li>
<li>Destinatarios: no se cederán a ningún tercero.</li>
<li>Derechos que asisten al Usuario:</li>
</ul>
<p>a) Derecho a retirar el consentimiento en cualquier momento. Derecho a oponerse y a la portabilidad de los datos personales. Derecho de acceso, rectificación y supresión de sus datos y a la limitación u oposición al su tratamiento. </p>
<p>b) Derecho a presentar una reclamación ante la Autoridad de control si no ha obtenido satisfacción en el ejercicio de sus derechos, en este caso, ante la Agencia Española de protección de datos <a href="https://www.aepd.es" target="_blank" style="color:#000000;">https://www.aepd.es</a></p>
<p>Puede ejercer estos derechos mediante el envío de un correo electrónico o de correo postal, ambos con la fotocopia del DNI del titular, incorporada o anexada:</p>
<p>Responsable del tratamiento: Libros como Luces, S..L.</p>
<ul>
<li>Dirección postal: Alameda principal, 37 - bj, malaga, 29001, malaga</li>
<li>Dirección electrónica: <a href="mailto:info@librerialuces.com" style="color:#000000;">info@librerialuces.com</a></li>
</ul>
<p>Si desea ampliar información sobre la política de privacidad de nuestra empresa, puede hacerlo en el siguiente enlace: <a href="https://www.librerialuces.com/es/proteccion-de-datos" style="color:#000000;">https://www.librerialuces.com/es/proteccion-de-datos</a></p>
</div>
<div class="row">
<div class="form-mail">
<input type="email" class="form-control" id="materias-suscripcion" value="" name="email" class="email" placeholder="Email" aria-label="Email" required>
<input type="submit" value="Suscribir" name="Suscribirse" class="btntwo">
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="mt-2">
<div class="form-check">
<label for="condiciones_mail">
He leído y acepto la
Política de privacidad
</label>
<input class="form-check-input" type="checkbox" value="1" id="condiciones_mail" name="condiciones" data-error="Debes aceptar las condiciones" required>
<div class="help-block with-errors"></div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="footer-bottom">
<div class="row">
<div class="col-lg-3">
<div class="footer-info">
<img title="Ir a la página de inicio" alt="Librería Luces" src="/es/images/logo.png"/>
<p>Aquí se puede poner algún texto corporativo o alguna frase/slogan que se quiera destacar</p>
<div class="contact-info d-none">
<div>Alameda Principal 37 - Trinidad Grund, 30</div>
<span>29001</span>
<span>Málaga</span>
<span>(España)</span>
</div>
<ul class="social-networks">
<li class="brand-facebook">
<a title="FACEBOOK" target="_blank" href="https://www.facebook.com/librerialuces">
<iconify-icon icon="tabler:brand-facebook" class="icon"></iconify-icon>
</a>
</li>
<li class="brand-instagram">
<a title="INSTAGRAM" target="_blank" href="https://www.instagram.com/librerialuces/">
<iconify-icon icon="tabler:brand-instagram" class="icon"></iconify-icon>
</a>
</li>
<li class="brand-x">
<a title="X" target="_blank" href="https://twitter.com/librerialuces">
<iconify-icon icon="tabler:brand-x" class="icon"></iconify-icon>
</a>
</li>
<li class="rss">
<a title="BLOG" target="_blank" href="/blog/">
<iconify-icon icon="tabler:rss" class="icon"></iconify-icon>
</a>
</li>
<li class="brand-youtube">
<a title="YOUTUBE" target="_blank" href="https://www.youtube.com/user/librerialuces">
<iconify-icon icon="tabler:brand-youtube" class="icon"></iconify-icon>
</a>
</li>
<li class="brand-whatsapp">
<a title="WHATSAPP" target="_blank" href="https://wa.me/34613172570">
<iconify-icon icon="tabler:brand-whatsapp" class="icon"></iconify-icon>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4">
<div class="footer-menu">
<h3>Páginas legales</h3>
<ul>
<li><a href="/es/aviso-legal">Aviso legal</a></li>
<li><a href="/es/condiciones-de-venta">Condiciones de venta</a></li>
<li><a href="/es/proteccion-de-datos">Política de privacidad</a></li>
<li><a href="/es/politica-de-cookies">Política de Cookies</a></li>
<li><a href="/es/cookies/configCookies.php">Configuración de Cookies</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4">
<div class="footer-menu">
<h3>Atención al cliente</h3>
<ul>
<li><a href="/es/pedidos-especiales/">Pedidos especiales</a></li>
<li><a href="/es/desistimiento/desistimiento.php">Formulario de desistimiento</a></li>
<li><a href="/es/accesibilidad">Accesibilidad</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4">
<div class="footer-menu">
<h3>Puede interesarte</h3>
<ul>
<li><a href="/es/agenda/eventos.php">Eventos</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="footer-menu">
<h3>Contacto</h3>
<ul>
<li><iconify-icon icon="tabler:map-pin" class="icon"></iconify-icon><a href="https://www.google.com/maps/dir//Librer%C3%ADa+Luces,+Alameda+Principal,+37,+Distrito+Centro,+29001+M%C3%A1laga/@36.7105223,-4.4285873,14.77z/data=!4m8!4m7!1m0!1m5!1m1!1s0xd72f794212531ad:0xa9ba13d71abba456!2m2!1d-4.4241287!2d36.7169009?entry=ttu&g_e" target="_blank">Alameda Principal 37 - Trinidad Grund, 30</a></li>
<li><iconify-icon icon="tabler:phone" class="icon"></iconify-icon><a href="tel:(+34) 952 122 100">(+34) 952 122 100</a></li>
<li><a href="mailto:info@librerialuces.com" target="_blank"><iconify-icon icon="tabler:mail" class="icon"></iconify-icon></i>info@librerialuces.com</a></li>
<li><a href="/es/contacto/"><iconify-icon icon="tabler:message-chatbot" class="icon"></iconify-icon>Formulario de contacto</a></li>
</ul>
</div>
</div>
</div>
<div class="row logos-pie">
<p>Este proyecto ha recibido una ayuda del Ministerio de Cultura, a través de la Dirección General del Libro, del Cómic y de la Lectura</p>
<div>
<div class="logos-pie__item">
<img src="/es/images/logos_pie/001-es-logotipo-ministerio-de-cultura-dglcl.webp">
</div>
<div class="logos-pie__item">
<img src="/es/images/logos_pie/002-es-logotipo-pfl-principal.webp">
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="row">
<div class="col">
<p class="info-name">
2026 © <strong>Librería Luces</strong>. Todos los Derechos Reservados |
<a href="https://editorial.trevenque.es/productos/weblib/" title="Desarrollado por Trevenque Group" target="_blank">Trevenque Group</a>
</p>
<a href="https://www.w3.org/WAI/fundamentals/accessibility-intro/es" aria-label="Declaración de accesibilidad (WCAG 2.1 AA)" target="_blank">
<img height="32" width="88" src="/es/images/wcag2.1AA-blue-v.svg" alt="Conforme a WCAG 2.1 nivel AA">
</a>
</div>
</div>
</div>
</div>
</footer>
<a href="#" class="scrollToTop" aria-label="Volver arriba"><iconify-icon icon="tabler:chevron-up" class="icon"></iconify-icon></button></a>
<script type="text/javascript">
/** Variables configuración **/
var rutaHtml = "/es";
var rutaImg = "/es/images";
var paginaActual = "detalle.php";
var paramMoneda = "€|D|2|,|.";
var totalArticulosCesta = 0;
var enTotal = "Total";
var slider = 0;
var autocomplete = 0;
var analytics = "UA-1731008-1";
var GTM = "GTM-P27MCRM";
var facebookPixel = "";
var divisa = "EUR";
var afiliado = "";
var stickyHeader = "1";
var modoOscuro = "";
/** Variables texto **/
var emailIncorrecto = "El e-mail no es correcto";
var aceptar = "Aceptar";
var cancelar = "Cancelar";
var verCesta = "Ver Mi Compra";
var checkout = false;
var seguirComprando = "Seguir comprando";
var artInsCestaOK = "Artículo añadido a mi cesta";
var verTodos = "Ver todos";
var introPalBusqueda = "Introduce las palabras de búsqueda";
var notifOK = "";
var notifERR = "";
var notifINFO = "";
var numArticulosCarritoCab = "";
var noArticulosCesta= "Tu cesta de la compra está vacía";
var verMas = "Ver más";
var verMenos = "Ver menos";
var logoScroll = "logo-white.png";
var logoDefault = "logo.png";
var logoResponsive = "logo-white.png";
var introValoracion = "Por favor, introduce la valoración pulsando sobre las estrellas";
</script>
<script type="text/javascript" src="/es/js/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="/es/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="/es/js/bs5-jquery-shim.js"></script>
<script type="text/javascript" src="/es/js/bootstrap-dialog.js"></script>
<script type="text/javascript" src="/es/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/es/js/validator.min.js"></script>
<script type="text/javascript" src="/es/js/jquery-labelauty.js"></script>
<!--<script type="text/javascript" src="/es/js/slick.min.js"></script>-->
<script type="text/javascript" src="/es/js/swiper-bundle.min.js"></script>
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js" defer></script>
<script type="text/javascript" src="/es/js/jquery.idTabs.min.js" ></script>
<script src="https://cdn.jsdelivr.net/gh/mcstudios/glightbox/dist/js/glightbox.min.js"></script>
<script type="text/javascript" src="/es/js/jssocials.min.js"></script>
<script type="text/javascript" src="/es/js/check.js"></script>
<script type="text/javascript" src="/es/js/util.js"></script>
<script type="text/javascript" src="/es/js/general.js"></script>
<script type="text/javascript">
var CaptchaCallback = function() {
};
</script>
<!-- <script src='https://www.google.com/recaptcha/api.js?hl=es&onload=CaptchaCallback&render=explicit' async defer></script> -->
<script src='https://www.google.com/recaptcha/api.js?hl=es'></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LfJzcAsAAAAAB_KLcy2_B2v6zgxSzru5GBPhQON"></script>
<script>
function onSubmitOpinion() {
grecaptcha.ready(function() {
grecaptcha.execute('6LfJzcAsAAAAAB_KLcy2_B2v6zgxSzru5GBPhQON', {
// Defino el valor del action o la acción, este valor también lo coloqué en el input oculto 'action'
action: 'procesar'
}).then(function(token) {
// Antes de procesar el formulario, le asigno el token al input oculto 'token'
document.getElementById('tokenOpiniones').value = token;
// Procesamos el formulario
$('#formOpinion').submit();
});
});
}
function onSubmitReserva() {
grecaptcha.ready(function() {
grecaptcha.execute('6LfJzcAsAAAAAB_KLcy2_B2v6zgxSzru5GBPhQON', {
// Defino el valor del action o la acción, este valor también lo coloqué en el input oculto 'action'
action: 'procesar'
}).then(function(token) {
// Antes de procesar el formulario, le asigno el token al input oculto 'token'
document.getElementById('tokenReservas').value = token;
// Procesamos el formulario
$('#fomReservar').submit();
});
});
}
</script>
<noscript class="cookie-block-b">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-1731008-1', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</noscript>
<noscript class="cookie-block-b">
<script>
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "view_item",
ecommerce: {
items: [{
item_name: "El Gran Libro de Html5, Css3 y Javascript", // Name or ID is required.
item_id: "438553",
price: 29.90,
item_category: "Ciencia y Tecnología",
item_category2: "Informática",
item_category3: "Informática",
item_category4: "Programación",
quantity: 1
}]
}
});
</script>
</noscript>
<script type="text/javascript">
var rutaImg = "/es/images";
var VALORACIONES_LIBROS = false;
var EBOOKS = "L";
var logeado = false;
var rutaEbooks = "https://www.librerialuces.com/es/unclick";
var disponibilidad_L = "N";
var ean = "9788426719959";
var RESERVAS = true;
var CLICK_AND_COLLECT = false;
var INPUT_CANTIDAD_FICHA = false;
function comprarEbook (codigo, obj)
{
if (logeado){
var $textAndIcon = $('<div></div>');
$textAndIcon.append('<h2>Vas a comprar el ebook "El Gran Libro de Html5, Css3 y Javascript" deseas revisar tus datos de facturación</h2>');
BootstrapDialog.show({
type: BootstrapDialog.TYPE_DEFAULT,
cssClass: 'confirmModal-dialog modal-no-header question-circle',
message: $textAndIcon,
buttons: [
{
label: cancelar,
action: function(dialogRef) {
dialogRef.close();
}
},{
label: "Revisar",
cssClass: 'btn-primary',
action: function (dialogRef) {
window.location = rutaEbooks+"/formPedido.php?fr_accion=comprar&codArticulo=" + codigo
dialogRef.close();
}
},{
label: "No es necesario",
cssClass: 'btn-primary',
action: function (dialogRef) {
window.location = rutaEbooks+"/crearPedido.php?fr_accion=comprar&codArticulo=" + codigo
dialogRef.close();
}
}
]
});
} else {
return false;
}
return false;
}
</script>
<script src="/es/js/detalleBase.js" type="text/javascript"></script>
<div id="cookie-compliant">
<div id="introcookies">
<div class="row">
<div class="col-sm-8 introcookies-text">
<p>Esta web utiliza cookies propias y de terceros que permiten al usuario la navegación a través de una página web (técnicas), para el seguimiento y análisis estadístico del comportamiento de los usuarios (analíticas), que permiten la gestión de los espacios publicitarios que, en su caso, el editor haya incluido en una página (publicitarias) y cookies que almacenan información del comportamiento de los usuarios obtenida a través de la observación continuada de sus hábitos de navegación. Si acepta este aviso consideraremos que acepta su uso. Puede obtener más información <a id="info-cookies" href="/es/politica-de-cookies" title="Más información">aquí</a>.</p>
</div>
<div class="col-sm-4 introcookies-btn">
<a id="config-cookies" class="btn btn-dismiss" href="#">Configuración</a>
<button type="button" id="cookie-refuse" class="btn btn-accept" aria-label="Refuse">Rechazar cookies</button>
<button type="button" id="cookie-accept" class="btn btn-accept" aria-label="Close">Aceptar cookies</button>
</div>
</div>
</div>
<div id="configcookies">
<div class="container">
<form name="formCookies" id="formCookies" action="#" method="post">
<h2>¿Que son las Cookies?</h2>
<p class="config-intro">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. Tipo de cookies utiliza esta página web.</p>
<ul class="lista-check">
<li>
<div class="primary">
<input type="checkbox" id="cookie_a" name="cookie_a" title="Cookies Técnicas" value="1" checked="checked" disabled="disabled">
<label for="cookie_a">Cookies Técnicas</label>
<p>Este tipo de cookies permiten 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" title="Cookies de Análisis" value="1">
<label for="cookie_b">Cookies de Análisis</label>
<p>Son aquéllas 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" title="Cookies de Personalización" value="1">
<label for="cookie_c">Cookies de Personalización</label>
<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="volver" class="btn btn-accept">Volver</button>
<button type="button" id="grabarAceptar" class="btn btn-accept">Guardar y aceptar</button>
<button type="button" id="aceptartodas" class="btn btn-accept">Aceptar todas</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript" src="/es/js/cookieblock-1.1.0.js"></script>
<script type="text/javascript">
var cb = new CookieBlock({
browsing: '0',
scrolling: '0',
btnRefuse: '1',
});
cb.setIgnore(['/es/politica-de-cookies']);
cb.setAnalytics('UA-1731008-1');
cb.setDebug(false);
cb.init();
$(document).ready(function() {
$("#config-cookies").click(function(e) {
e.preventDefault();
$("#introcookies").slideUp(100);
$("#configcookies").slideDown({
start: function () {
$(this).css({
display: "flex"
})
}
});
});
$("#volver").click(function(e) {
e.preventDefault();
$("#configcookies").slideUp(200);
$('#introcookies').slideDown(200);
});
$("#grabarAceptar").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();
//console.log("cookiesActivas:"+cookiesActivas);
cb.setCookieExt("ALLOW_COOKIES", cookiesActivas);
cb.init();
dataLayer.push({
'cookieValue': cookiesActivas,
'event': 'cookieLayerSet'
});
//console.log("3. " + cookiesActivas);
});
/*$("#cookie-compliant .lista-check input ~ label + p").click(function() {
$(this).next("p").slideToggle(100);
});*/
var consentedCookies = cb.getCookieExt()
if (consentedCookies !== undefined) {
console.log("consentedCookies: " + consentedCookies);
dataLayer.push({
'cookieValue': consentedCookies,
'event': 'cookieLayerSet'
});
}
});
</script>
</body>
</html> 
