Comment Insérer Une Image Dans Un En-tête Pour Un Site Web

Table des matières:

Comment Insérer Une Image Dans Un En-tête Pour Un Site Web
Comment Insérer Une Image Dans Un En-tête Pour Un Site Web

Vidéo: Comment Insérer Une Image Dans Un En-tête Pour Un Site Web

Vidéo: Comment Insérer Une Image Dans Un En-tête Pour Un Site Web
Vidéo: HTML - Insérer une image dans une page web 2024, Peut
Anonim

Une image correctement sélectionnée caractérise au mieux la direction du site, lui donne une individualité. De plus, la plupart des gens sont des visuels par nature, ce qui signifie que l'image graphique sera beaucoup mieux mémorisée pour eux.

Comment insérer une image dans l'en-tête d'un site Web
Comment insérer une image dans l'en-tête d'un site Web

Instructions

Étape 1

Si vous créez simplement votre site sur la base d'un modèle prêt à l'emploi, vous pouvez insérer une image dans son en-tête à l'aide d'un simple remplacement. Pour ce faire, il suffit de sélectionner une image appropriée et de la réenregistrer sous le nom d'une illustration standard. L'essentiel ici est d'ajuster les dimensions, sinon votre image ne rentrera tout simplement pas dans les paramètres de la ressource. Vous pouvez faire la même chose avec un site Web prêt à l'emploi qui dispose d'un système de contrôle et qui a déjà été envoyé via Internet.

Étape 2

Il est préférable d'utiliser Adobe Photoshop pour éditer l'image. Gardez à l'esprit que les versions du programme peuvent être en anglais et que pour la commodité du travail, vous aurez besoin d'un crack. Il peut être téléchargé gratuitement sur Internet.

Étape 3

Ouvrez l'image que vous souhaitez remplacer dans un éditeur graphique et sélectionnez "Image" - "Taille de l'image" dans le menu. Rappelez-vous, ou mieux écrivez les valeurs en pixels. Vous pouvez fermer l'image - vous n'en aurez plus besoin.

Étape 4

Dans le menu "Fichier", sélectionnez "Nouveau", après quoi un formulaire s'ouvrira devant vous. Entrez les valeurs enregistrées de la taille de l'image et cliquez sur "OK". Vous pouvez également définir d'autres paramètres en cours de route, par exemple, le nom du calque ou le type de contenu d'arrière-plan, mais ils ne sont pas fondamentaux.

Étape 5

Créez un nouveau calque ("Calque" - "Nouveau").

Étape 6

Ouvrez dans le programme l'image que vous souhaitez voir dans l'en-tête du site ("Fichier" - "Ouvrir").

Étape 7

Dans la barre d'outils, sélectionnez l'icône "Zone rectangulaire", utilisez-la pour sélectionner une image.

Étape 8

Utilisez la commande "Copier" du menu "Edition" et collez l'image sur un nouveau calque de la forme préparée ("Edition" - "Coller"). Sélectionnez l'outil Déplacer et déplacez l'image selon vos besoins.

Étape 9

Si la taille de l'image s'avère plus grande ou plus petite, elle peut être corrigée à l'aide des commandes du menu "Image". Dans tous les cas, les paramètres de l'image principale coïncident rarement avec ceux requis, il y a donc presque toujours un espace vide. Il doit être renseigné, et pour cela il est préférable d'utiliser le "Background". Par exemple, vous pouvez remplir avec une seule couleur ou utiliser l'outil Dégradé, puis lisser la transition en utilisant esquiver/assombrir, Doigt, Éponges, etc.

Étape 10

Il y a une balise spéciale pour insérer des images dans le langage html

avec divers attributs:

• src - adresse de l'image;

• hauteur - hauteur en px;

• largeur - largeur en px;

• bordure - bordure en px;

• alt - une explication de l'image, affichée pour les utilisateurs lorsque la fonction de réception d'image est désactivée.

Par example,. Aucune étiquette inversée requise.

Conseillé: