Comment fabriquer le code HTML du bouton ou de la bannière de votre site ?
Vous avez le choix de fabriquer votre code vous même (lire la suite).
Si vous desirez babriquer votre code HTML vous même, c'est très simple :
Copiez le code html donné en exemple dans le cadre blanc, Lancez le
Bloc-Notes (Notepad de Windows qui se trouve dans les accessoires), collez le
dans le bloc-Notes, et changez les parties misent en rouge et indiquées
ci-dessous afin de l'adapter à votre site.
<a href="METTEZ ICI L'ADRESSE URL
DE VOTRE SITE" target="_blank">
<img src="METTEZ ICI L'ADRESSE URL DE VOTRE
BANNIERE" border="0"
alt="METTEZ ICI UNE COURTE DESCRIPTION DE VOTRE SITE"
width="LARGEUR BOUTON EN PIXELS" height="HAUTEUR
BOUTON EN PIXELS"></a>
Pour copier le code ci-dessous, Placez votre souris dans le cadre blanc, cliquez avec le bouton droit de la
souris, et choisissez "sélectionner tout". Puis, cliquez à nouveau
avec le bouton droit de votre souris, et choisissez "Copier".
Exemple de bouton de taille 88x31 pixels :
Résultat:
COMPLEMENTS D'INFORMATIONS ET QUELQUES CONSEILS :
a)METTEZ ICI L'ADRESSE
URL DE VOTRE SITE: Vous la connaissez forcément.
Mettez la entièrement, avec les http://
b)METTEZ ICI L'ADRESSE URL DE VOTRE BANNIERE : Comment obtenir l'adresse URL de votre bannière
sans risque d'erreur?
Le plus simple est de faire la chose suivante :
Mettez votre bannière sur votre site (n'oubliez pas de mettre l'image et la
page modifiée en ligne).
Ouvrez votre site avec votre explorateur (ex : Internet Explorer).
Allez sur la page qui contient votre bannière.
Cliquez sur votre bannière avec le bouton droit de la souris.
Dans le menu déroulant qui apparaît, choisissez "Propriété".
(c'est tout en bas du menu).
Dans le panneau "Propriété" qui s'affiche alors, sélectionnez toute la ligne
nommée :
Adresse :
(URL)
Repositionnez votre souris sur la sélection, et avec le bouton droit de la
souris, choisissez "Copiez".
Ensuite, allez le coller à l'emplacement de "METTEZ ICI L'ADRESSE
URL DE VOTRE BANNIERE".
c) LARGEUR BOUTON EN
PIXELS : Évitez les formats personnels et
exotiques.
Sachez que les formats les plus courants en matière de taille de boutons et de
bannières sont les suivants (en pixels) :
Pour les boutons :
88 de largeur 31 de hauteur<
ou
90 de largeur 60 de hauteur
Pour les bannières :
400 de largeur 40 de hauteur
ou
468 de largeur 60 de hauteur
d)
Comment connaître la taille de ma bannière?
Voir le paragraphe "b)", dans le panneau de propriété de votre image, la taille en pixels est indiquée. (Vous pouvez tout de suite essayer et le vérifier dans les bannière qui sont ci-dessus).
f)
Pourquoi utiliser le Bloc-Notes ? Cela est très important.
Seul le Bloc-Notes affiche un texte en ASCII ; Sans mise en page et sans fontes.
Ne jamais travailler avec un code HTML en copiant ou collant dans des
logiciels comme Word.
Vous aurez des modifications de votre code, et donc quelques problèmes.
Voila pourquoi, sur les sites, comme dans cette page, le code html est présenté,
pour permettre la copie, dans un cadre de texte blanc, et non directement sur la
page.
g)
Ne jamais enregistrer un nom de page pour votre site ou une image avec des espaces.
Exemple, plutôt que de l'enregistrer sous le nom : : logo 90x60.gif
préférez par exemple : logo_90x60.gif
h)Comment, avec mon éditeur page html qui me permet de faire les pages de mon site, puis je placer un code html de bannière exactement au bon endroit sans vraiment m'y connaître
en html?
Voici une astuce toute bête : Copiez le code HTML de votre bannière.
Dans votre éditeur, par exemple Front Page, affichez la page en
"Normal".
Mettez un X à l'emplacement ou vous voulez placer la bannière.
Sélectionnez le X, (et uniquement lui).
Faites afficher votre page en "HTML".
Normalement, en voyant votre page en HTML, le X devrais être resté sélectionné.
Collez le code directement ( et donc à la place du X)
Revenez en affichage "Normal", puis en "Aperçu" pour
vérifier le résultat.br> i)Avant de fournir un code html de votre bannière à quelqu'un, testez le
Pour cela, placez-le entièrement dans une des pages de votre site, et regardez ce que cela donne en ligne.
j)
Si ce n'est pas ce que vous cherchiez comme renseignement, mais plutôt le code d'un bouton entierement
en HTML, Cliquez ICI
[Je vous conseille vivement afin d'être tenu informé de TOUS les bons plans sur le net ou hors du net de vous abonner (GRATUITEMENT bien sûr) à la Newsletter.]
.. et même des jeux!
Vous avez la possibilité avec un logiciel totalement gratuit de créer vous même vos propres logos! Cool non!
Rendez-vous dans la rubrique Logos & Sonneries!