Comment mettre un papier peint sur son site
Avez-vous déjà pensé à ce qui se cache derrière la toile de fond de votre site web ? Non, il ne faut pas être un adepte de décoration intérieure ou prendre votre table à tapisser pour cela 😊 Mais alors, qu’est-ce que le papier peint, background wallpaper (papier peint de fond) ?
Le papier peint, ou background wallpaper, c’est simplement la couleur de fond de votre site. Habituellement, cette couleur est un choix entre le blanc, le gris ou même le noir. Mais pourquoi est-il si important ? Eh bien, imaginez votre site web comme une pièce que vous décorez. Pour que votre contenu soit bien mis en valeur, il doit y avoir un contraste adéquat. C’est là que le choix de la couleur de fond entre en jeu.
En général, vous avez plusieurs façons de personnaliser cette toile de fond. Soit vous optez pour une palette de couleurs, soit vous insérez une image qui représente l’ambiance que vous souhaitez créer. Cela ressemble un peu à la façon dont vous organisez votre affichage sur écran.
I – Mettre une couleur en arrière-plan
Parlons maintenant de la première option : mettre une couleur en arrière-plan. Si vous n’êtes pas familier avec les fichiers CSS (feuilles de style en cascade), ne vous inquiétez pas, nous avons le code HTML approprié à insérer dans vos pages :
Ici, la couleur de fond est représentée par le code en lettres entre parenthèses, que vous pouvez remplacer par le code de la couleur de votre choix, précédé du symbole dièse. Pour trouver le code correspondant à la couleur souhaitée, référez-vous simplement au tableau des Codes Couleurs.
Mais plongeons un peu plus profondément dans ce code : <body bgcolor="#FFFFCC">. « body » fait référence au corps de votre page, « bgcolor » signifie background color (couleur de fond) et « #FFFFCC » est le code pour la couleur jaune. Ainsi, cette ligne de code signifie que la couleur de fond du corps de votre page est jaune.
II Insérer une image en arrière-plan
Passons maintenant à la deuxième option : insérer une image en arrière-plan.
L’image est hébergée sur un site internet, et l’URL (le lien) est complétée par le nom du dossier et le nom de l’image.Si vous préférez personnaliser votre site avec une image, voici le code à utiliser :
Dans cet exemple, « xxxx » représente le nom de domaine de votre site web. Assurez-vous de remplacer « xxxx » par le nom de domaine réel de votre site. Le dossier « images » est le dossier où se trouvent les images sur votre site. Assurez-vous de remplacer « images » par le nom du dossier réel sur votre site. Enfin, « telleimage.jpg » est le nom de l’image que vous souhaitez utiliser comme fond d’écran. Assurez-vous de remplacer « telleimage.jpg » par le nom de l’image que vous avez téléchargée dans le dossier spécifié.
Lorsque vous insérez une image en arrière-plan de cette manière, rappelez-vous qu’elle se répétera automatiquement jusqu’à remplir tout le document HTML. Assurez-vous donc de choisir une image appropriée qui se répète harmonieusement sans créer de désordre visuel sur votre site.
Gardez à l’esprit que lorsque vous utilisez une image en fond, elle se répète jusqu’à remplir tout le document HTML. Il est donc important de choisir une image avec des raccords appropriés pour éviter un fond disgracieux.
Maintenant que vous comprenez mieux comment personnaliser la toile de fond de votre site web, vous pouvez expérimenter avec différentes couleurs et images pour créer l’ambiance parfaite pour votre contenu.
Laisser un commentaire
Vous devez vous connecter pour publier un commentaire.