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

Powered by ThinkHost


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

Kitty
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 sur ma page ?
Elephant



Comment créer ma page ? La création d'une page est simple. Vous pouvez faire un simple "copier-coller" de ce qui suit dans votre éditeur (Pour voir à quoi ressemblent la plupart des éditeurs avant d'ajouter quoi que ce soit cliquez ici) et ajoutez simplement votre propre contenu :

Un document HTML de base ressemble à ceci :

<HTML>
<HEAD>
<TITLE>Le titre de la page se place ici</TITLE>
</HEAD>
<BODY>


---Tout ce qui apparaît dans votre page, texte, images etc... se place ici---


</BODY>
</HTML>


Vous voulez-vous voir à quoi ressemble le document ci-dessus une fois édité sur le Web ? Cliquez sur le bouton ci-dessous :


Pas très passionnant n'est-ce-pas ?

Voici un document plus intéressant, avec juste quelques balises ajoutées :

<HTML>
<HEAD>
<TITLE>Le Site Web De Max</TITLE>
</HEAD>
<BODY bgcolor="#33ccff">

<br><br>

<center><font face="arial" color="#6600ff">Mon nom est Max et je suis le caniche favori de Lissa. Regardez ma superbe image :</font></center>

<br><br>

<center><img src="max.jpg" width="161" height="195" alt="Max"></center>

<br><br>

</BODY>
</HTML>


Vous voulez-vous voir à quoi ressemble le document ci-dessus une fois édité sur le Web ? Cliquez sur le bouton ci-dessous :




Vous pouvez voir que le document commence par <HTML> et se termine avec </HTML>. Ce sont les balises de début et de fin pour tous les documents sur le WWW. La balise "head" contient le titre de votre page, et entre les balises <BODY> et </BODY> vous mettrez toute l'information qui apparaîtra sur votre page. Les balises doivent toujours s'emboîter. Par exemple, < b><u>Hello</u></b > est correct, < b><u>Hello</b></u > ne l'est pas. Les balises de base sont traitées dans les sections de HTML de cette page..


Si vous utilisez " Windows " vous pouvez également employer le " bloc-notes " (" notepad ") pour faire vos pages Web ; c'est ce que j'utilise. Ouvrez le " bloc-notes " dans " Windows " (démarrer/programmes/accessoires/bloc-notes) et saisissez votre code HTML. Il est le plus facile de copier et coller le code ci-dessus et d'ajouter votre propre HTML où il est indiqué "---tout ce qui apparaît dans votre page sera entré ici.---". Quand vous avez terminé votre page vous devez sauvegarder le fichier sous le nom " index.html ". Pour sauvegarder cliquez sur " fichier/enregistrer / " du " bloc-notes " saisissez alors " index.html " ou " aboutme.html ", celui que vous voulez utiliser pour nommer votre page. Rappelez-vous cependant que votre page principale doit s'appeler " index.html ". Vous devrez créer un dossier (sous-répertoire) pour mettre tous vos documents HTML dedans, et l'enregistrer dans un endroit où il sera facile pour vous de les retrouver par exemple le bureau. Vous pouvez visualiser votre nouvelle page Web avant même de l'envoyer à votre serveur par un double-click sur le nom de fichier là où vous l'avez sauvegardé. Il s'affichera sur votre ordinateur comme une page Web même si vous n'êtes pas en ligne. Vous pouvez éditer cette page par un click droit sur elle et en cliquant ensuite sur " afficher la source ". Le document HTML apparaîtra alors et vous pourrez y faire des changements. N'oubliez pas de le sauvegarder ! Pour visualiser vos changements cliquez sur " actualiser " dans le navigateur.

Si vous employez le " bloc-notes " pour faire vos pages, vous devrez télécharger un programme de ftp (File Transfer Protocol) de manière à pouvoir transférer (envoyer) vos fichiers (documents de HTML, programmes de Java, images) à votre serveur. J'utilise WS-FTP Pro. Vous pouvez le télécharger ici. Vous pouvez l'essayer librement pendant 30 jours, il coûte 39.95 dollars si vous voulez l'acheter. J'ai entendu parler d'un autre excellent programme nommé "Cute FTP". Vous pouvez le télécharger ici. C'est le même prix que WS-FTP Pro. Vous devez également vous assurer qu'on vous permet de transférer des fichiers en ftp sur votre serveur ; certains serveurs libres exigent que vous utilisiez leur éditeur pour télécharger. Yahoo/Geocities vous permet d'utiliser le protocole "ftp" (ils fournissent également des instructions pour son utilisation) ; je ne suis pas sûr en ce qui concerne les autres. Si vous utilisez AOL, vous disposez gratuitement de 2MB d'espace Web. Vous pouvez employer leur programme de ftp pour télécharger des fichiers. Allez au mot-clé : " myplace ", et il vous conduira à votre répertoire Web.

up

Comment ajouter un fond à ma page ?Pour ajouter une image de fond à votre page, vous devez ajouter cette balise après le marqueur </head> vous pouvez utiliser un .gif ou un .jpg ; il vous suffit de changer le nom de fichier dans le code ci-dessous. Substituez simplement votre propre information là où vous voyez du texte en gras :

<BODY BACKGROUND="votre image de fond nom.gif">

Si vous voulez simplement une couleur de fond, vous ajouterez cette balise après le marqueur </head> :

<body bgcolor="#000000" (N° de couleur que vous voulez) > Pour trouver la couleur à mettre dans le code, cliquez ici

Si vous voulez avoir un fond de couleur ET un fond d'image (vous aurez un fond de couleur pendant que l'image de fond se charge), vous pouvez ajouter cette balise après le marqueur </head > :

<body background="nom de l'image de fond.gif" bgcolor="#000000" (N° de couleur que vous voulez) > Pour trouver la couleur à mettre dans le code, cliquez ici

Vous pouvez également avoir un fond fixe. Quand vous ferez défiler en bas de votre page vers le bas, vos images et texte se déplaceront mais le fond d'image restera en position fixe. Mettez juste cette balise après le marqueur </head> :

<body background="votre nom de fond.jpg ou gif" bgcolor="#ffffff " bgproperties="fixed">

up


Comment mettre du texte sur ma page ? Pour ajouter le texte, vous devez commencer un paragraphe avec des marques de paragraphe. Le texte sera automatiquement aligné vers la gauche :

<p>Mettez votre texte ici </p>


Pour centrer votre texte vous faites ceci :
<p align=center>Ceci centrera votre texte</p>



Pour aligner votre texte du côté droit vous faites ceci :

<p align=right>Ceci alignera le texte vers la droite</p>




Pour que votre texte soit en gras faites ceci :
<p><b>Ceci mettra votre texte en gras</b></p>


Pour écrire votre texte en italique vous faites ceci :
<p><i>ceci écrira votre texte en italique</i></p>


Pour souligner votre texte vous faites ceci :
<p><u>Ceci soulignera votre texte</u></p>

Pour couper une ligne, il vous faut ajouter cette balise chaque fois que vous voulez aller à la ligne : <Br>. Vous pouvez employer ce marqueur pour faire les espaces verticaux entre les images, et cela fonctionne comme la touche "entrée" sur votre clavier.


up

Comment changer la police de caractères sur ma page ? Vous pouvez changer la police de caractères sur votre page en ajoutant cette balise après le </head> : <body bgcolor="#000000" font face="votre police"> Vous devez sélectionner une police que la plupart des autres personnes ont sur leurs ordinateurs (comic sans ms, verdana, arial, arial narrow etc...) afin chacun puisse le voir sur votre page.



up


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

Copyright ©1998-2000 LissaExplains.com, Inc.
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.


spacer