L'arrière-plan dans le code source des pages Web, selon le design utilisé, peut être défini soit en spécifiant une couleur, soit en se liant à un fichier image avec l'ajout de ses paramètres de positionnement. Cela peut être fait directement dans les balises HTML, dans un bloc CSS séparé dans la partie en-tête de la source, ou dans un fichier séparé avec des descriptions de style.
Instructions
Étape 1
Ouvrez le code source du bloc utilisé sur votre site pour définir le fond de ses pages. Lors de l'utilisation d'un système de contrôle, ce bloc est généralement alloué dans un fichier séparé. Le système de contrôle lui-même dispose d'outils pour l'éditer directement dans le navigateur. Selon le système spécifique, cette procédure peut être organisée de différentes manières - par exemple, via l'éditeur de page. Si vous n'utilisez pas de systèmes de contrôle, le fichier correspondant doit être téléchargé sur votre ordinateur et ouvert dans n'importe quel éditeur. Il est préférable d'utiliser un éditeur HTML spécialisé, mais vous pouvez également utiliser le Bloc-notes le plus simple.
Étape 2
Ajoutez un attribut bgcolor à la balise body indiquant la nuance de couleur si l'arrière-plan de la page doit être une couleur et non une image. Par example:
Voici une couleur orange foncé comme arrière-plan. Tous les noms textuels ("mnémoniques") de la teinte ne peuvent pas être reconnus par le navigateur, il est donc préférable d'utiliser un code de couleur hexadécimal. Par exemple, le code FF8C00 correspond à une couleur orange foncé:
Étape 3
Utilisez l'attribut background au lieu de bgcolor sur la balise body si l'arrière-plan doit être défini par une image plutôt que par une couleur. Par exemple, si le fichier avec l'image d'arrière-plan s'appelle bgPic
Étape 4
Placez une description de style dans l'en-tête de votre code source si vous souhaitez définir l'arrière-plan de la page en utilisant CSS. Par exemple, une description de style CSS qui remplace la couleur orange foncé spécifiée dans la balise body comme arrière-plan pourrait ressembler à ceci:
corps {couleur d'arrière-plan: DarkOrange;}
Et vous pouvez définir une image d'arrière-plan avec la description de style suivante:
body {background: # FF8C00 url (images / bgPic.gif) repeat-y;}
Ici, en plus du lien vers l'image, la couleur d'arrière-plan (# FF8C00) est également indiquée - s'il y a des endroits sur la page qui ne sont pas couverts par l'image d'arrière-plan, ils seront alors peints dans la nuance de couleur spécifiée ici. Le paramètre repeat-y spécifie la répétition de l'image d'arrière-plan verticalement (le long de l'axe Y). Si vous devez répéter l'image horizontalement, vous devez utiliser la valeur de répétition x et interdire la répétition du motif - pas de répétition. Vous pouvez placer des descriptions de style avant la balise qui ferme la partie titre du code HTML.
Étape 5
Enregistrez les modifications apportées dans l'éditeur de page, ou enregistrez et téléchargez le fichier téléchargé sur le serveur si le code a été modifié dans un fichier sur votre ordinateur.
