Las imágenes de fondo pueden agregar profundidad y riqueza al diseño de una página de Dreamweaver. Si se usa inteligentemente, una imagen de fondo que se descarga rápida y eficientemente ayuda a crear la ilusión de que toda la página es una imagen grande.
El truco consiste en utilizar una imagen con un tamaño de archivo pequeño que cree la impresión de una imagen grande. Una forma en que esto funciona en la web es usar la configuración predeterminada para una imagen de fondo, lo que hace que la imagen se muestre en mosaico (se repita) a lo largo y ancho de la página.
Crédito: Foto de Casey Stoll
El texto colocado sobre determinados fondos puede resultar difícil de leer. Elija sus imágenes de fondo con cuidado y asegúrese de que su fondo y su texto tengan mucho contraste. Leer en la pantalla de una computadora ya es bastante difícil.
Con CSS, puede tener un control mucho mayor sobre la visualización de una imagen de fondo. Cuando crea un estilo de fondo CSS, puede insertar una imagen de fondo que no se repite o que se repite solo a lo largo del eje Y o hacia abajo del eje X de la página.
Para insertar una imagen de fondo en Dreamweaver, elija Modificar → Propiedades de página, haga clic en el botón Examinar a la derecha del campo Imagen de fondo y seleccione la imagen que desea utilizar como fondo. Si la imagen aún no está en la carpeta de su sitio local, Dreamweaver ofrece copiarla allí cuando haga clic en Aceptar.
Cuando inserta una imagen con la función Propiedades de página de Dreamweaver, puede usar la lista desplegable Repetir para especificar cómo se repite la imagen en la página. Cuando especifica una opción de repetición, Dreamweaver crea automáticamente un estilo para la página con esta configuración de fondo. Si usa el cuadro de diálogo Definición de CSS para editar las opciones de fondo en el estilo del cuerpo, puede especificar dónde se muestra la imagen de fondo.