Fondos Un elemento multimedia que hemos usado mucho en este libro, es la imagen de fondo en las páginas; para ello, usamos una propiedad de estilo como: background-image: url("fondos/bordea.png");, que igual puede servir para establecer el fondo de un párrafo (<p>) o de una división (<div>). Inicialmente, presentamos el método para generar el fondo de dos páginas (como las que estás viendo) y, al final, un ejemplo de un fondo en un párrafo. El método, permite que tengamos la imagen completa cubriendo las dos páginas, es un método fácil y rápido de utilizar. Nuestro libro tiene páginas de un tamaño de 640×825 pixeles, lo que implica que debemos tener una imagen de 1280×825 pixeles21. Dado el tamaño de la página es posible usar una imagen un poco menor (a escala), por ejemplo 1040×670 pixeles o 1024×660 (80% del tamaño real), igual el método la ajusta al tamaño real. Para la página de la izquierda, se usa el siguiente código al inicio de la página:
<div class="page" style="background-image: url('fondos/marco10.jpg'); background-size: 1280px 825px; background-position:left; border-right:none;"> 21
No es necesario ser tan precisos, igual sirven imágenes con dimensiones mayores, lo importante es que el fondo final capture la esencia o lo más importante de la imagen.
86
