Lorsque vous créez votre propre site Web, vous souhaitez naturellement qu'il s'affiche de la manière la plus attrayante possible, quelle que soit la version du navigateur de l'utilisateur. En particulier, pour que l'image d'arrière-plan soit étirée et ajustée à la résolution de l'écran de l'ordinateur.
Il est nécessaire
compétences dans le travail avec html, css, java-script
Instructions
Étape 1
Ouvrez le code de votre site dans n'importe quel éditeur, tel que le Bloc-notes ou un programme de conception Web dédié, Dreamweaver. Collez les lignes suivantes dans le code pour étirer l'arrière-plan du site. Ajouter un arrière-plan: url (« Insérer un lien vers l'image »).
Étape 2
Pour dimensionner l'image horizontalement, utilisez le code suivant: Arrière-plan: url ('Insérer un lien vers l'image' répéter-x), verticalement - à la fin du code, remplacez x par y. Si le site est stylisé dans un fichier css, collez-y le code. De cette façon, vous pourrez mettre un fond caoutchouteux sur votre site.
Étape 3
Utilisez l'exemple de code suivant pour placer une image d'arrière-plan sur une page et l'étirer automatiquement pour l'adapter à la résolution du moniteur sur lequel la page est affichée. Exemple de code: body {background: "Insérer un lien vers l'image de fond" () centre gauche fixe sans répétition; puis background-size: […].
Étape 4
Pour étirer l'image d'arrière-plan, insérez simplement une image comme arrière-plan et réglez sa largeur à 100 %. Par exemple, insérez le texte suivant dans le code de la page: background image "alt =" Saisissez le nom de l'image "/>. Ainsi, il sera utilisé pour s'adapter à la largeur de l'image, mais ses proportions seront violées.
Étape 5
De même, vous pouvez définir l'image pour qu'elle s'étire en hauteur, utilisez la hauteur au lieu de l'attribut largeur. Ou utilisez l'exemple de code suivant pour css: image de fond du site) "> et après cela, ajoutez 100% de largeur de l'image comme dans l'exemple précédent. Vous pouvez également utiliser le script pour connaître la résolution de l'écran de l'utilisateur et modifier la taille de votre table pour cela.
