Comment Insérer Un Logo Dans Un Site Web

Table des matières:

Comment Insérer Un Logo Dans Un Site Web
Comment Insérer Un Logo Dans Un Site Web

Vidéo: Comment Insérer Un Logo Dans Un Site Web

Vidéo: Comment Insérer Un Logo Dans Un Site Web
Vidéo: HTML/CSS pour débutant - Créer et ajouter son propre logo - Tuto#2 2024, Peut
Anonim

En règle générale, le logo est placé sur les sites au format image, et la manière spécifique de l'insérer dans les pages existantes dépend de leur conception et du type de mise en page utilisé. Dans certains cas, vous pouvez vous passer d'éditer le code source du tout, dans d'autres, l'éditeur visuel du système de contrôle vous aidera, et dans le troisième, vous ne pouvez pas vous passer d'une édition manuelle du code HTML.

Comment insérer un logo dans un site Web
Comment insérer un logo dans un site Web

Instructions

Étape 1

Si l'en-tête du site est au format image, le logo peut être placé sur l'image existante à l'aide de n'importe quel éditeur graphique. C'est l'option la plus simple et ne nécessite pas de modification de page. Pour l'utiliser, recherchez le fichier avec l'image d'en-tête sur le serveur du site et téléchargez-le sur votre ordinateur. Ensuite, ouvrez-le avec un éditeur graphique - pour l'opération à venir, les capacités de Windows Paint standard sont suffisantes.

Étape 2

Placez l'image du logo sur l'image ouverte - dans Paint, l'élément "Coller de" dans la liste déroulante "Coller" est destiné à cela. Utilisez la souris pour faire glisser le logo à l'endroit souhaité dans l'image d'arrière-plan, redimensionnez-le si nécessaire et enregistrez le résultat avec la combinaison de touches Ctrl + S. Téléchargez le fichier d'en-tête avec le logo sur le serveur, en remplaçant le fichier d'origine, et le l'opération sera terminée.

Étape 3

Pour insérer un logo dans le code HTML d'une page, il est plus pratique d'utiliser le mode graphique (mode WYSIWYG) de l'éditeur de page, qui est disponible dans la plupart des systèmes de gestion de site. Après avoir ouvert la page nécessaire dans un tel éditeur, cliquez sur l'endroit où le logo doit être placé et appuyez sur le bouton pour insérer une image dans le menu. Une boîte de dialogue devrait apparaître à l'écran, dans laquelle vous devez spécifier l'emplacement du fichier avec le logo sur l'ordinateur. Selon l'éditeur, la même boîte de dialogue peut contenir des champs pour saisir des paramètres supplémentaires - tailles d'image, retraits d'éléments de page adjacents, etc. Lorsque vous avez terminé, cliquez sur OK, puis enregistrez la page modifiée.

Étape 4

Si vous ne pouvez pas utiliser l'éditeur de page, vous devrez ajouter "manuellement" des balises au code source. Pour ce faire, recherchez le fichier de la page requise sur le serveur, téléchargez-le sur votre ordinateur et ouvrez-le dans n'importe quel éditeur de texte - par exemple, dans le Bloc-notes. Cette opération nécessite une certaine connaissance du langage de mise en page hypertexte - vous devez trouver le bon endroit dans le code HTML pour placer la balise logo. Cette balise elle-même dans sa forme la plus simple peut être écrite, par exemple, comme ceci:

Étape 5

Après avoir ajouté la ligne au code source, enregistrez la page et remplacez l'original stocké sur le serveur par le fichier modifié. Ensuite, téléchargez le fichier avec l'image là-bas - pour l'exemple de l'étape précédente, ce fichier doit s'appeler logo.png

Conseillé: