L'arrière-plan de travail du site peut être comparé au fond d'écran du bureau de votre système d'exploitation. Arrière-plan (arrière-plan), vous pouvez créer plusieurs variantes, qui seront discutées ci-dessous.
Nécessaire
Modification du fichier style.css
Instructions
Étape 1
Fond monochrome. Le type d'arrière-plan le plus simple, un grand avantage est la charge de page minimale utilisant une telle image. Si le fichier de style (style.css) ne contient pas de commandes définissant la couleur d'arrière-plan, le navigateur suggère le blanc par défaut. Utilisez la commande background-color pour changer la couleur. Un exemple d'utilisation de cette commande: background-color: # 3366CC.
Étape 2
Pour sélectionner une couleur spécifique, vous pouvez utiliser un logiciel spécial, par exemple l'éditeur graphique Adobe Photoshop. Si vous n'avez jamais travaillé avec, il est recommandé d'utiliser des services Web. Un exemple frappant est le moteur de recherche "Yandex", accédez au lien suivant https://yandex.ru et entrez la phrase "couleur bleue". Une table de couleurs apparaîtra devant vous, dans laquelle vous pourrez choisir celle qui vous convient, copier le code et le coller dans le code du site.
Étape 3
Texture de fond. En plus de la couleur d'arrière-plan, vous pouvez ajouter une image ou un motif à répétition cyclique (texture) à n'importe quelle page de votre site. Pour ce faire, après avoir entré la couleur de fond, écrivez la commande background-image, par exemple, background-image: url (img / uzor.png). Le chemin d'accès au fichier doit être spécifié entre crochets. Il est à noter que la résolution de la texture peut commencer par la plus petite (16x16) et se terminer par des images pleine grandeur pour la taille des pages du site (800x600 et plus).
Étape 4
Arrière-plan à l'aide d'un dégradé. Dans ce cas, vous utilisez la couleur d'arrière-plan définie avec la commande background-color, mais en créant un dégradé. Le gradient peut être horizontal (x) et vertical (y). Le plus souvent, une position horizontale est utilisée comme dégradé d'arrière-plan, donc la ligne avec le dégradé ressemblera à ceci: background-repeat: repeat-x.
