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), ou aller
sur la page qui
vous expliquera comment fabriquer automatiquement votre code HTML, et même votre bannière.
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).
e) Quel format
de fichier d'image pour ma bannière ?
Vous avez le choix entre le format GIF ou JEPG (identique à JPG).
Mais je vous conseil le format GIF.
En GIF, l'image ne sera qu'en 256 couleurs, mais il n'y aura pas de compression,
et donc elle sera plus belle et plus nette ; Il n'y aura pas de
"bavures" entre les couleurs.
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.
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 entièrement
en HTML , Cliquez ICI
Si cette page vous a été utile, merci de placer le petit bouton
de mon site (dont le code est donné en exemple), quelques part sur votre site.
Cela sera très sympa, et en plus, cela vous fera un exercice. :
)
Bonne continuation.
Pour des questions sur le HTML,
rendez-vous sur le Forum
de discussion de BIG-forum concernant le HTML.
D'autres exemples de code pour des bannières :
Code HTML pour la bannière 400x40 pixels :
Résultat :
Code HTML de la bannière 468x60 pixels :
Résultat :
Carte de voeux et carte anniversaire
| Referesite.online | 1000 annuaires | Dossier-Referencement | Annuaire-Des-Bonnes-Affaires | Merci-Facteur | Ton-Anniversaire | Referesite | Pese-Lettre | | Comparateur-Rencontre | | Faire un site facilement gratuit avec Wifeo |