Accueil
Les Bases:  Qu'est-ce que le HTML?, Que signifie URL?, noms de domaine, hébergements gratuits, faires ses propres graphismes, optimiser les images, référencement par les moteurs de recherche
Html: créer une page, fonds de page, texts, caractères, liens hypertexte (texte and images), ajouter des images, liens e-mail, formulaires, fonds avec bordure, liens internes, listes, lignes horizontales, zones de texte
Cadres: techniques de bases et avancées
Tableaux: techniques de bases et avancées
DHtml, CSS:  liens non soulignés, changement de couleur du lien au passage de la souris, positionnnement absolu des images, images de fond, changement individuel de couleur d´un lien
Couleurs: nuancier hexadécimal ´RGB´
Java: alertes, applet ´chute de neige´, hover buttons, curseur alphabet, applet ´lac & neige´, changement d´image au pasage de la souris, sortie de cadre, script ´pas de clic droit´
Le Fun:  menu de navigation coloré, musique, livre d'or, défilement de texte, compteurs
Resources: graphismes et fontes de caractères libres de droits
Récompenses

Des pointeurs personnalisés avec trainée

This site is happily hosted by:
Dreamhost:  tell them lissy sent you =)
Need an awesome host for your Web site? Choose DreamHost and tell them "lissy" sent you. Plans start at $9.95 a month.



mail




ad

HTML


Comment créer ma page?

Comment ajouter un fond à ma page?

Comment mettre du texte sur ma page?

Comment changer la fonte des caractères?Comment changer taille et couleur des caractères?

Comment faire un lien texte?

Comment changer la couleur d'un lien?

Comment ajouter un marqueur 'alt' à un lien?Comment créer un lien 'bouton'?

Comment ajouter des images?

Comment créer des espaces entre les images?

Comment faire des images cliquables?Comment créer un lien d'e-mail'?

Comment ajouter un formulaire 'e-mail'?

Comment utiliser un fond avec bordure?

Comment créer des liens internes?Comment créer des listes numérotées?

Comment créer des listes avec puces?

Comment faire une ligne horizontale?

Comment créer une zone 'texte'?
line

Alligator
Comment faire un lien de type "bouton" ?
Comment puis-je ajouter des images ?
Comment espacer mes images ?
Comment puis-je faire des liens "image" ?
Bear



Comment faire un lien de type "bouton" ? Ajoutez ce code à votre page et remplacez le texte en gras par vos informations :

<form method="link" action="http://adresse du lien"> <input type="submit" value="cliquez ici"></form>

Voici à quoi cela ressemble :



Vous pouvez aussi ajouter de la couleur. Celui-ci a une bordure mais vous pouvez l'enlever en supprimant le marqueur "border". Vous pouvez changer la couleur de fond en plaçant un nombre hexadécimal dans le marqueur "color". Voici le code (ça ne marche pas avec Netscape) :

<form method="link" action="http://adresse du lien"><input type="submit" value="cliquez ici" rows=6 COLS=26 style="font-family:arial" style="border style:solid" style="background:#9900ff" style="color:#ff66ff"></form>

Ça ressemble maintenant à ceci :



up


Comment puis-je ajouter des images ? C'est très facile (placez vos propres information là où le texte est en gras) :

<img src="votre nom de fichier.gif (or .jpg)" width="sa largeur" height="sa hauteur" alt="le nom de l'image">

Pour centrer l'image, voici ce qu'il faut faire :

<center><img src="votre nom de fichier.gif (or .jpg)" width="sa largeur" height="sa hauteur" alt="nom de l'image"></center>
Vous pouvez aussi utiliser l'attribut "align" pour aligner les images à gauche, au centre et à droite (à gauche par défaut) :

turtle<img src="turtle.gif" align="left">

turtle
<img src="turtle.gif" align="center">


turtle

<img src="turtle.gif" align="right">





N'oubliez pas de transférer les images sur le serveur. Si vous ne le faite pas, vous verrez un
x rouge à l'endroit où devrait être l'image. Cela signifie que vous ne l'avez pas téléchargée, ou qu'il y a une erreur dans votre code HTML.

up


Comment ajouter des espaces entre les images? Vous pouvez créeer ces espaces en utilisant une balise appelée "vspace" ou "hspace". Vspace est la balise d'espacement vertical (en dessous et au-dessus) hspace est la balise d'espacement horizontal (d'un côté et de l'autre). Ajouter une balise d'espacement pour votre image ressemble à ceci :

<img src="cat.gif" hspace="15">

En utilisant le code ci-dessus, vous espacez deux images de 15 pixels. Vous pouvez utiliser hspace et vspace simultannément.


Hspace = 15:

catcatcatcat

Vspace=8, Hspace=8:

catcatcatcat
catcatcatcat

up


Comment puis-je faire des liens "image" ? C'est la question qu'on me pose le plus souvent ! C'est très simple. Téléchargez l'image sur votre serveur, puis copiez et collez le code suivant dans votre éditeur, en ajoutant votre propre nom de fichier :

<a href="URL à joindre en cliquant sur l'image"><img src="nom de fichier.gif(ou .jpg)" border="0"></a>

Il est bon également d'avoir la largeur et la hauteur d'image incluses dans la balise pour que votre page se charge plus rapidement avec un meilleur affichage. Vous pouvez également inclure un marqueur "alt" qui donnera un texte à lire pendant le chargement de la page. Pour savoir quels sont la largeur et la hauteur de l'image, vous cliquez à droite sur votre image et vous choisissez " propriétés ". À moins que vous n'utilisiez un navigateur trop ancien il devrait vous indiquer les dimensions de votre image en Pixels. Il vous suffit alors de changer un peu le code en plaçant vos information là où le texte est en gras :

<a href="URL à joindre en cliquant sur l'image"><img src="your filename.gif(or jpg)" border="0" width="000" height="000" alt="choisissez un nom"></a>

Si vous ne mettez pas l'attribut <border="0"> il y aura une bordure autour de votre image.


*Certains hébergements de pages web exigent que l'adresse de l'image soit son URL complète, si vous avez des problèmes d'affichage d'images essayez ceci : <a href="Adresse à joindre en cliquant sur l'image"><img src="votre adresse web/votre nom de fichier.gif(or jpg)"></a>

up


Merci André de m'avoir aidé pour la traduction !!!!!

Copyright ©1997-2003 lissaexplains.com
Tous droits réservés

Ce site Web est inscrit au
Library of Congress COPYRIGHT OFFICE
Limites et conditions d'utilisation
Tous les autres copyright sont la propriété de leurs propriétaires respectifs.