Retour à la page précédente Retour à la page précédente

>>>> Ce que vous offre votre fournisseur d'accès internet
>>>> Comment installer et gérer votre Site WEB de votre PC
>>>> Cour HTML
>>>> Cour HTML plus complet
>>>> code Couleur HTML
>>>> Couleur et Caractères HTML
>>>> Extraire une image d'un Powerpoint

HTML simplifié

Un Site WEB en 10 minutes chrono: Sans connaissance particulière


Les outils:
  1. Votre Bloc Note (NotePad)
  2. Des idées...
  3. Le document de votre fournisseur d'accès internet

remarque: ce qui se trouve entre < et > s'appelle une balise
prenez l'habitude d'écrire ce qui est dans la balise en minuscule

La méthode:

1°) La base Création d'un dossier de base et d'un modele de page vierge.

Créer un nouveau dossier dans Mes documents nommez le 'Mon site Web'


Ouvrir le NotePad
Tapez ces quelques lignes
	<html>
	<head><title>      </title></head>
	<body bgcolor="#FFFFFF" background="fond.jpg">
	</body>
	</html>


Sauvegardez le dans le dossier 'Mon site Web', sous le nom modele.htm
Faites une copie du document modele.htm et donnez lui le nom de index.htm
(un clic sur le fichier 'modele.htm' > touche 'ctrl + c' ensuite > touche 'ctrl + v'
ensuite touche 'F2' et lui donner le nom de index.htm)



2°) 1ère page

Ouvrez le NotePad
Ouvrez le fichier index.htm
>>> Menu fichier >>> Ouvrir...
	<html>
	<head><title>      </title></head>
	<body bgcolor="#FFFFFF" background="fond.jpg">
	</body>
	</html>
Maintenant ajoutez y du contenu
	<html>
	<head><title> insérez ici le titre de votre page,  </title></head>
il apparaitra dans la barre supérieur de votre navigateur
	<body bgcolor="#FFFFFF" background="fond.jpg">
bgcolor="#FFFFFF" = couleur du fond ici blanc
background="fond.jpg" = image du fond
remarque: vous pouvez prendre une couleur unie (voir ici les codes couleurs) ou une image (ici fond.jpg)
		insérez ici le texte de votre page
Voyez ci-dessous les différentes possibilités de mettre en forme votre texte
	</body>
	</html>

exemple ici:

fond.jpg


3°) La décoration du texte

Si vous désirez un texte en Gras mettez le entre <b>Gras</b>
Si vous désirez un texte en Italique mettez le entre <i>Italique</i>
Si vous désirez un texte Souligné mettez le entre <u>Souligné</u>
Vous pouvez panacher les décorations
		Souligné et Italique <u>Souligné et <i>Italique</i></u>
Ou encore Gras Souligné et Italique
		<b><u><i>Gras Souligné et Italique</i></u></b>

Augmenter ou diminuer la taille des caractères
taille 1<font size="1">taille 1</font>
taille 2<font size="2">taille 2</font>
taille 3<font size="3">taille 3</font>
taille 4<font size="4">taille 4</font>
taille 5<font size="5">taille 5</font>
taille 6<font size="6">taille 6</font>
taille 7<font size="7">taille 7</font>











Et lui donner la couleur de votre choix
Rouge <font color="#FF0000">Rouge </font>
Vert <font color="#00FF00">Vert </font>
Bleu <font color="#0000FF">Bleu </font>
Fuschia <font color="#FF00FF">Fuschia</font>
Aqua <font color="#00FFFF">Aqua </font>
Jaune <font color="#FFFF00">Jaune </font>








4°) Ajouter une photo

Ajouter une photo, ou un dessin de votre choix comme ici
<img src="rose.jpg"> Si vous voulez changer sa taille:

<img src="rose.jpg" width="250">
Le cas écheant réduisez la taille du fichier dans votre logiciel favoris

5°) Ajouter un lien vers une autre page

Comme ci-dessous deuxieme <a href="deuxieme.htm">deuxieme</a> ou mettre une icone comme lien <a href="deuxieme.htm"><img src="img/ns.gif"></a>

6°) Insérer une table (ou un tableau)

Une table demande un peu plus de temps....

Une celluleLa suivante
Une ligne complète

le début de la table
<table width="60%" border="1">
width= La largeur en % ou en point
border= L'épaisseur des bordures de la table
<tr><td>Une cellule</td><td>La suivante</td></tr>
<tr = une ligne, <td = une cellule
<tr><td colspan="2">Une ligne complète</td></tr>
colspan= nombre de cellule que la cellule va remplacer sur une même ligne
</table>
fin de la table


7°) Insérer une barre

<hr width="25%" align="left">
<hr width="25%" align="center">
<hr width="25%" align="right">
et ci-dessus une barre horizontale <hr> sur toute la largeur

Une fois votre page terminée sauvez la.
Ouvrez le document index.htm avec votre navigateur et voyez le résultat !!!

>>>> Ce que vous offre votre fournisseur d'accès internet
>>>> Comment installer et gérer votre Site WEB de votre PC
>>>> Cour HTML
>>>> Cour HTML plus complet
>>>> code Couleur HTML
>>>> Couleur et Caractères HTML
>>>> Extraire une image d'un Powerpoint

2 juin 2008 ©