SELFHTML/Quickbar  HTML  Couleurs du fichier et arrière plan


Images d'arrière plan (papier peint)

Cette page est un document avec du texte et des informations

 Incorporer une image d'arrière plan
 Image fixe d'arrière plan (effet filigrane)
 Autres possibilités

 

HTML3.2 Incorporer une image d'arrière plan

Beispiel Exemple d'affichage: aperçu

Vous pouvez déterminer une image d'arrière plan pour l'affichage d'un fichier HTML. Cette image sera toujours répétée sur toute la fenêtre d'affichage de façon à donner un effet de papier peint (Wallpaper). Beaucoup d'utilisateurs de Windows connaissent cet effet étant donné qu'il est possible sous Windows d'équiper le bureau d'un tel papier peint. Particulièrement bien adaptés pour des effets de papier peint: les graphiques relativement petits (guère plus grands que la taille d'une icône) et qui représentent quelque motif abstrait.

Le graphique d'arrière plan doit être disponible comme fichier graphique du format GIF ou JPEG.

Exemple:

<body background="carreaux.gif">

Explication:

La commande pour incorporer une image d'arrière plan se fait dans le repère d'ouverture <body> du fichier HTML (à ce sujet voir)  ossature d'un fichier HTML. En ajoutant background= vous déterminez un fichier graphique comme image d'arrière plan (background = arrière plan). La totalité du fichier sera affiché sur l'image d'arrière plan définie ici.

Attention:

Dans l'exemple il est supposé que le fichier graphique se trouve dans le même répertoire que le fichier HTML. Si ce n'est pas le cas, il vous faut donner le chemin relatif ou absolu. Les règles sont exactement les mêmes que pour l'  incorporation de graphiques.

L'image d'arrière plan n'est valable que pour le fichier dans lequel elle est définie. Si vous établissez un document constitué de plusieurs fichiers HTML qui doivent tous avoir le même fond il vous faut répéter la commande dans chaque fichier HTML.

Si vous définissez une image d'arrière plan vous devez aussi définir une  couleur d'avant plan pour le texte qui suive.

Utilisez pour les pages WWW orientées texte des images d'arrière plan discrètes qui ne nuisent pas à la lisibilité du texte. Vous ne devriez utiliser des images d'arrière plan qui tapent à l'œil que si toute la page WWW est orientée sur le graphisme et à condition que les graphiques de premier plan suivent avec l'arrière plan tape à l'œil.

Dans ce document vous trouverez dans la partie sur les différents graphiques typiques quelques  images d'arrière plan typiques.

Netscape 4.x et MS Internet Explorer 4.x interprètent également  graphiques GIF animés comme images d'arrière plan.

 

MS IE2.0 Image fixe d'arrière plan (effet filigrane)

Beispiel Exemple d'affichage: aperçu

L'explorateur Internet MS permet pour les images d'arrière plan une mention supplémentaire à l'aide de laquelle l'image d'arrière plan ne bouge pas lors du déroulement (écran suivant/précédent). L'image d'arrière plan semble ainsi indépendante du premier plan (effet filigrane).

Exemple:

<body background="carreaux.gif" bgproperties=fixed>

Explication:

En ajoutant bgproperties=fixed à la commande background= on force l'effet filigrane.

 

HTML4.0 Autres possibilités

Si vous connaissez HTML un peu mieux essayez également les possibilités que vous offrent les  feuilles de style CSS. Elles vous permettent aussi de définir des images d'arrière plan. Pour cela, vous devez d'abord savoir comment  définir les feuilles de style. Ensuite vous serez en mesure d'utiliser les données des feuilles de style. En utilisant les les données de la feuille de style dans le repère <body> vous avez infiniment plus de possibilités qu'avec les attributs ici décrits. Vous pouvez aussi  définir des feuilles de style dans un fichier séparé que vous incorporerez dans tous les fichiers HTML de votre projet que vous voudrez. Ainsi il est plus facile de travailler avec une présentation (Layout) qui qui ne se limite pas au seul fichier en cours. En relation avec ce qui vient d'être décrit les données de feuilles de style suivantes sont aussi intéressantes:
 couleurs et images d'arrière-plan.

Le repère <body>peut comprendre des  attributs universels.


 
après: Marges de page
avant: Couleur pour l'arrière plan le texte et les liens
 

SELFHTML/Quickbar  HTML  Couleurs du fichier et arrière plan

© 1998 Stefan Münz / © 2001 Traduction  Serge François, 13405@free.fr