| |
 Si vous ne savez pas comment insérer la bannière, suivez les instructions : |
| |
|
Admettons que vous souhaitez insérer la bannière ci-dessous |
| |
|
|
| |
|
Elle s'affichera sur votre page à partir d'un code html. |
|
Nous allons comprendre la signification de ce code, puis voir comment l'insérer dans votre propre code. |
| |
| |
|
|
| |
|
<a href="http://www.gtliens.com/" target="_blank"><img src="bangtliens2.gif" width="468" height="60" alt="GTLIENS 5000 sites sur l'automobile" border="0"></a> |
| |
| Décomposons le code html pour mieux comprendre: |
| |
| <a href="http://www.gtliens.com/"> signifie qu'il y a un lien vers GTLIENS dont l'url (adresse internet) est www.gtliens.com/ |
| le / à la fin de l'url permet d'accélerer le changement de page |
| |
| target="_blank" va ouvrir le lien dans une nouvelle page de votre navigateur |
| |
| |
| <img src="bangtliens2.gif" width="468" height="60" alt="GTLIENS 5000 sites sur l'automobile" border="0"></a> |
| est le code qui va afficher l'image. |
| |
| <img src="bangtliens2.gif" affiche l'image qui doit être présente sur votre serveur |
| (nous verrons plus tard comment la placer sur votre serveur, ou y accéder sur le notre) |
| |
| width="468" height="60" donne au navigateur les dimensions de l'image, afin d'accélerer le chargement |
| |
| alt="GTLIENS 5000 sites sur l'automobile" est le texte alternatif qui va s'inscrire dans une "infobulle" |
| quand vous passerez la souris sur l'image, dans votre navigateur. |
| |
| border="0" signifie qu'iln'y aura pas de bordure autour de l'image. |
| |
| |
| </a> est la fermeture de la balise qui a été ouverte au tout début du code. |
| |
| |
| Si vous insérez le code complet dans le code de votre page, vous aurez une belle croix rouge à la place de l'image, |
| pourquoi, parce que le navigateur cherche l'image sur le serveur et qu'elle n'y est pas encore. |
| |
| Il y a 2 solutions: |
| |
| => soit vous enregistrez l'image sur votre disque, en cliquant dessus avec le bouton droit de la souris |
| et en sélectionnant " Enregistrer l'image sous ... ", sans en changer le nom,bien sûr. |
| Attention, tous les fichiers et images de votre site doivent être dans un seul répertoire, |
| la gestion de sous répertoires est une source d'erreurs classique. |
| Une fois qu'elle est sur votre disque,il faut la transférer sur votre serveur avec votre logiciel FTP. |
| |
| => soit vous affichez l'image depuis notre serveur, pour trouver l'adresse, cliquez avec le bouton droit, |
| sélectionnez "Propriétés" et vous verrez l'url de l'image sur notre serveur, |
| ici, c'est: http://www.gtvacances.com/images/bangtliens2.gif |
| Vous devrez donc remplacer bangtliens2.gif par http://www.gtvacances.com/images/bangtliens2.gif |
| |
| La deuxième solution offre l'avantage de soulager votre serveur,si vous avez un trafic important, |
| par contre si le serveur de GTLIENS ( http://www.gtvacances.com/images/ ) est en maintenance, |
| vous aurez à nouveau une croix rouge et plus d'image affichée. |
| |
| C'est pourquoi il vaut mieux opter pour la première solution. |
| |
| |
| Voyons maintenant comment insérer ce code dans votre propre code html : |
| |
| Une fois le code sélectionné et copié dans votre presse papier (Ctrl V), |
| il y a plusieurs façons de l'intégrer: |
| |
| si vous utilisez un logiciel style Dreamweaver, il faut basculer en mode code |
| et coller le code à l'endroit voulu, en faisant Edition / Coller Html |
| |
| si vous utilisez un simple éditeur de texte, copiez le code à l'emplacement réservé à la bannière. |
| |
| |
| Avant de transférer votre fichier sur votre serveur, faites un test en local |
| en ouvrant avec votre navigateur le fichier htm ou html de votre page Web. |
| Cela va vous permettre de vérifier que l'image s'affiche bien et que le lien fonctionne. |
| Si tout est OK, transférez votre fichier sur votre serveur avec votre logiciel FTP |
| ou le système de transfert fourni par votre hébergeur. |
| |
| Une fois le transfert effectué, vérifiez que tout fonctionne sur votre site. |
| |
| Si vous souhaitez ultérieurement changer de bannière, il vous suffira de remplacer |
| le nom de fichier bangtliens2.gif par un autre (Plus de bannières ici) |
| |
| Pour plus de précision, vous pouvez consulter ce site : Allhtml |
| |
| |
| Pour aller plus loin dans l'amélioration de votre site, voyez ici |
| |
| |
| Les bannieres sont les plus légères possibles, afin de s'afficher rapidement |
| |
| |
| En fonction du nombre de visites renvoyées par votre site, nous décidons d'augmenter votre visibilité sur GTLIENS |
| |
|
En fonction du nombre de visiteurs envoyés vers la page d'accueil de GTLIENS, |
|
|
| |
|
Nous pouvons aussi vous inclure dans la rotation de bannières ci-dessous, |
|
présente sur la majorité des rubriques de GTLIENS |
|
|
sont des publicités.
