Imágenes de fondo (Wallpapers) |
|
Ligar imágenes de fondo Imágen de fondo inmovible (efecto de filigrana) Otras posibilidades |
|
Para la presentación de un archivo HTML puedes determinar una imágen de fondo. En tal caso la imágen es repetida a lo largo de la ventana de presentación, de tal manera que resulta un efecto de tapete (wallpaper). Muchos usuarios del sistema operativo Windows conocen este efecto, ya que en windows existe la posibilidad de cambiar el "desktop" por uno de esos tapetes. Imágenes relativamente pequeñas son sobre todo apropiadas para efectos de "wallpaper" (no más grande que un botón "icon") que tengan un modelo abstracto.
La imágen de fondo debe existir como archivo en formato GIF o JPEG.
<body background="tapete.gif"> |
La indicación para ligar una imágen de fondo se efectua dentro de la etiqueta <body> del archivo HTML (ver Estructura de un archivo HTML. Con la indicación adicional background= determinas una imágen de fondo (background = imágen de fondo). La imágen de fondo es presentada en el archivo HTML.
En el ejemplo se predispone que el archivo gráfico se encuentra en el mismo directorio que el archivo HTML. Si la imágen se encuentra en otro directorio, entonces tienesw que indicar el el nombre del destino absoluto. Eso funciona de la misma manera que el ligamento de imágenes.
La imágen de fondo es válida respectivamente para cada archivo HTML en la que es definida. Si creas varios archivos HTML que han de tener la misma imágen de fondo, entonces tienes que repetir la indicación en cada archivo HTML.
Si defines una imágen de fondo, tienes que definir también los colores del texto de primer plano apropiados.
En caso de páginas WWW con orientación textual, utiliza imágenes de fondo que no sean llamativas para que la lectura del texto no sufra. Colores de fondo llamativos deben ser usados tan sólo si las páginas contienen imágenes y estas concuerdan con la imágen de fondo.
En este documento puedes encontrar en la sección sobre típicas clases de imágenes para el WWW un par de típicas imágenes de fondo.
Netscape 4.x und MS Internet Explorer 4.x interpretan también imágenes amimadas GIF como imágenes de fondo.
Der MS Internet Explorer permite una indicación adicional con cuya ayuda puedes lograr que una imágen de fondo no se mueva al al usar la barra de "scroll". La imágen actua aquí como despegada del primer plano (efecto de filigrana).
<body background="tapete.gif" bgproperties=fixed> |
Con la indicación adicional bgproperties=fixed en conexión con la indicación adicional background= puedes forzar el efecto de filigrana.
Si ya sabes HTML mejor, puedes probar las posibilidades que te
ofrecen las hojas de estilos CSS. Con ellas puedes
también definir imágenes de fondo. Ante todo debes saber como definir
hojas de estilo. Después puedes estar preparado para
usar las hojas de estilo. Usando las indicaciones de hojas de
estilo en la eitiqueta <body> te quedan muchas más
posibilidades que los atributos arriba mencionados. Puedes también
definir
hojas de estilo en un archivo separado y entonces ligar
ese archivo a cualquier archivo HTML. Así es mucho más fácil
trabajar con un "layout" a lo largo del archivo. Las
siguientes indicaciones de hojas de estilo relacionadas con el
tema aquí descrito son interesantes:
Colores
e imágenes de fondo
La etiqueta <body> puede contener atributos universales.
adelante: | Margenes de la página |
atrás: | Color para el fondo, texto y enlaces |