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

Table des matières:

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

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

Vidéo: Comment Insérer Une Image Dans Un En-tête
Vidéo: Word Entête et Pied de page Part3 Insertion d'images 2024, Peut
Anonim

Souvent, avec des fonctionnalités similaires, une image dans l'en-tête d'un site ou d'un blog donne l'individualité nécessaire, et les modèles proposés, en revanche, sont souvent simplement "sans visage". Il est pratique de mettre un logo d'entreprise, ou une image avec un emplacement géographique, ou certaines photographies importantes pour le propriétaire du site dans l'image, tout en haut.

Un bout de code menant au lien vers l'image dans l'entête du site
Un bout de code menant au lien vers l'image dans l'entête du site

Nécessaire

Aptitudes à travailler dans un éditeur graphique

Instructions

Étape 1

Si vous avez un gestionnaire de site, il inclut généralement la fonction "changer d'image". Dans ce cas, il vous suffit de remplacer le vôtre.

Analysez soigneusement votre système de gestion de contenu. Si vous n'avez pas la fonction souhaitée, vous devrez entrer dans le code html. Si vous travaillez avec Joomla, cherchez le fichier: mw_joomla_logo.png, il se trouve dans le dossier images du dossier template (Joomla modèle template_name imagesmw_joomla_logo. png) Pour changer l'image: en html code du site html ("view"> "view html code").

Trouvez l'"en-tête" surligné avec les balises head

Trouvez une image en regardant les balises img dans le titre

Le lien vers l'image ressemble à: img src = "picture.jpg"

Étape 2

Téléchargez et analysez la taille et le poids de l'image.

Dans un éditeur graphique, dessinez votre propre image des mêmes paramètres

Téléchargez une image sur le serveur, placez-la dans le même répertoire où se trouvent toutes les images du site (soit dans un simple réseau, soit dans un album d'images, l'essentiel est que le stockage soit à long terme)

Étape 3

Ouvrez à nouveau le code du site.

Remplacez l'adresse de votre photo au lieu de celle qui s'y trouve actuellement.

En guise de filet de sécurité, vous pouvez définir la taille exacte de l'image et les bordures invisibles comme suit:

img src = "adresse de l'image / picture.jpg" alt="Explication de l'image"

Signification des balises:

img = image - image.

src = source - source, c'est-à-dire adresse

frontière = frontières. Si vous jouez avec cette valeur, une bordure (trait) apparaîtra autour de l'image.

alt = alternatif - texte qui sera remplacé à la place des images si elles sont hors de vue (pour économiser du trafic, par exemple). Ce texte, étant invisible, est toujours lu par les moteurs de recherche et peut être un bon outil de promotion de votre site. Enregistrez le code avec une nouvelle image.

Videz le cache si nécessaire. Peut-être que l'ancienne image y est toujours chargée et qu'elle n'affiche pas correctement votre site.

Conseillé: