Faire sa première page web

Introduction

Dans cet exercice je vous propose de faire votre première page web.
Une page toute simple pour bien débuter.

Voyez par vous même le résultat final qui vous serez capable de faire.

Avant de taper le code

Il faut choisir un éditeur de texte pour taper le code. Je ne vous conseille pas un éditeur amélioré comme Word qui peut devenir très énervant en remplaçant par exemple les " par des ' sans demander notre avis !

Optez plutôt pour WordPad ou Bloc-notes si vous utilisez Windows ou tout autre éditeur de texte tout simple. Pour ma part j'utilise le Bloc-notes et regardez ce que je fait avec... De plus, Bloc-notes s'ouvre rapidement pour les petites machines.

Sous Windows vous trouverez Bloc-notes ou WordPad dans ->Menu démarrer -> Programmes -> Accessoires

Le plan d'une page html

Ca y est en commence à rentrer dans le vif du sujet.
Ouvrez votre éditeur de texte préféré...

Il faut alors taper le plan d'une page html (cf Tout d'abord !)

<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

De cette façon, vous pouvez préparer plusieurs pages web vierges prêtent à l'emploi.

Remplir le plan

Maintenant il faut remplir le plan.

Entre les balises de titre (<TITLE> et </TITLE>) on met le titre de la page.
Dans cet exemple nous mettrons: <TITLE>Mon site web</TITLE>

Maintenant on va écrire dans le corps de la page (<BODY> et </BODY>)
On va écrire un paragraphe de bienvenue puis un deuxième paragraphe décrivant ce que contient le site

<BODY>
<P>Bienvenue sur mon site. Je suis Michel, le webmaster de ce site. J'espère que ma passion vous plaira.</P>

<P>Vous trouverez sur ce site des photos de cochons d'inde, les astuces pour qu'ils soient heureux ainsi que la manière de les éduqués...</P>
</BODY>

Et voilà votre première page web constituée de 2 paragraphes.

Enregistrer la page

Maintenant il faut enregistrer votre travail. Dans l'éditeur cliquez sur "Fichier" dans le menu du haut. Ensuite faites "Enregistrer sous..."
Une boîte de dialogue s'ouvre alors. Allez dans le dossier ou vous souhaitez enregistrer votre page.

Ensuite pour enregistrer le fichier au format html, il faut sélectionner "Tous(*.*)" dans "Type:" en dessous de "Nom:". Là vous pourrez donner l'extension .html à votre fichier.
Tapez donc dans "Nom:" le nom de la page, par exemple mapage.html

Note: Vous pouvez aussi donner l'extension .htm sans le "l".

Visualisez le résultat

Pour visualiser le résultat c'est très simple, il suffit de double-cliquer sur le fichier mapage.html dans le répertoire où vous l'avez sauvegarder précédemment.
A ce moment votre navigateur (en général Internet Explorer) va s'ouvrir et montrer votre première page web.

Finalement, vous devriez obtenir ceci.