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

Squirrel
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 à la pages (ancrages)?
Turtle


Comment créer un lien d'e-mail' ? Cela s'appelle un "mailto" et voici comment faire (placez vos propres informations là où le texte est en gras):

<a href="mailto:votre adresse">votre nom</a>

Pour mettre un lien "mailto" (centré) avec une image voici la méthode :

<center><a href="mailto:votre adresse"><img src="votre fichier.gif" width="000" height="000" alt="E-Mail" border="0"></a></center>

Voici à quoi ça ressemble :


e-mail me


Si vous souhaitez qu'un sujet soit automatiquement entré dans la ligne "sujet" il vous faut ajouter ce code dans votre éditeur :

<a href="mailto:votre adresse e-mail?subject=votre sujet">E-mail me</a>


up


Comment ajouter un formulaire 'e-mail' ? Un formulaire de courrier e-mail est facile à faire. Certains navigateurs ne le permettent pas (celui d'AOL' par exemple). Ce formulaire ne nécessite pas de CGI, vous pouvez l'utiliser avec n'importe quel hébergement. Faites un copier-coller du code ci-dessous en remplaçant simplement le texte en gras par vos propres informations (vous pouvez retoucher le formulaire en ajoutant en en retirant des questions) :

<form method="post" enctype="text/plain" action='mailto:votre adresse e-mail'>
<input type="hidden" name="To" value="le sujet de votre courrier">
Ecrivez la question n°1 ici :<br>
<input type="text" name="question:" size="50" maxlength="100"><br><br>
Ecrivez la question n°2 ici :<br>
<input type="text" name="question:" size="50" maxlength="100"><br><br>
Ecrivez la question n°3 ici :<br>
<input type="text" name="question:" size="50" maxlength="100"><br><br>
Ecrivez la question n°4 ici :<br>
<input type="text" name="question:" size="50" maxlength="100"><br><br>

Placez ici ce qui nécessite une longue réponse :<br>
<textarea name="Sujet de la zone texte" wrap=physical rows=7cols=46></textarea>
<br><br>Question à réponse par oui/non ici :<br>
<input type="radio" name="votre question 1"value="Yes">Yes<BR>
<input type="radio" name="votre question 1"value="No">No<br>

<br><br>Question à réponse par oui/non ici :<br>
<input type="radio" name="votre question 2"value="Yes">Yes<BR>
<input type="radio" name="votre question 2"value="No">No<br><br>

<input type="submit" value="Submit"><img src="spacer.gif" width=5 height=1 alt="spacer">
<input type="reset" value="Try again"></form>


Voici le résultat :


Ecrivez la question n°1 ici :


Ecrivez la question n°2 ici :


Ecrivez la question n°3 ici :


Ecrivez la question n°4 ici :



Placez ici ce qui nécessite une longue réponse :


Question à réponse par oui/non ici :
Yes
No


Question à réponse par oui/non ici :
Yes
No

spacer


up


Comment utiliser un fond avec bordure ? Vous pouvez procéder de plusieurs manières, mais j'aime utiliser une entretoise. L'entretoise est juste une image qui n'apparaît pas à l'écran. Ceci fonctionnera avec n'importe quel navigateur. L'entretoise écarte le texte de manière à ce que celui-ci ne déborde pas sur la bordure gauche du fond (l'entretoise est en téléchargement ci-dessous). Si vous voulez, vous pouvez copier et coller ce code ci-dessous et ajouter simplement votre contenu à l'intérieur du code :

<HTML>
<HEAD>
<TITLE> Titre de la page </TITLE>
</HEAD>
<BODY BACKGROUND="nom de fond d'image.jpg ou .gif" TEXT="#000000" bgcolor="#ffffff">
<table>
<tr>
<td align=left align=top>
<img src="spacer.gif" height=1 width=95(vous pouvez choisir la largeur que vous voulez pour l'adapter à la taille du fond)>
</td>
<td align=left align=top width=100%>



----Votre contenu va ici----



</td>
</tr>
</table>
</BODY>
</HTML>


Cliquez ici pour télécharger spacer.gif


up

Comment créer des liens internes à la pages (signets, anchors en anglais) ? Placer des signets dans une page est vraiment simple et amusement !! Ç'est vraiment utile si vous avez de longues pages. Copiez et collez le code suivant à l'endroit où vous voulez faire un lien vers une autre partie de votre page :

<a href="#nom du signet">Vous pouvez utiliser le nom que vous voulez</A>

Pour voir ce que ça fait : Cliquez ici!

Pour indiquer au lien l'endroit de la page où il doit se rendre, voici ce que vous devez faire. Copiez et collez le code suivant à l'endroit où vous voulez que le lien conduise le visiteur :

<A name="nom du signet"></A>

Vous pouvez utiliser le nom que vous voulez.


menu



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.