03 février 2007

Votre première page

Nous pouvons à présent créer la première page de notre site, dans le Bloc-Note ou SimpleText, si vous ne possédez pas d'éditeur HTML.

Commençons par entrer le squelette de la page :

<html>
<head>
<title>Mon site</title>
</head>
<body>
</body>
</html>

Pour recopier ce code sélectionnez-le en cliquant dessus, copiez-le (Ctrl+c) puis collez-le dans votre document (Ctrl+v).

Dans le corps de la page (entre les balises <body> et </body>> nous allons ajouter notre contenu :

<html>
<head>
<title>Mon site</title>
</head>
<body>
<H1 align=center>Mon site web</H1>
<!-- La balise <H1> signale un titre de niveau 1; son attribut "align" permet de déterminer
l'alignement de l'élément ("right","center", "left" ou "justify") -->

<!-- Ajoutons un titre en gras -->
<b>Bienvenue sur mon site personnel !</b>

<p>
Vous pouvez écrire ici votre texte de présentation

<br>
N'hésitez pas à aller à la ligne
<br>
<br>
<!-- Ajoutons un texte souligné avant d'insérer une image, objet de la leçon suivante -->
<u>Ma photo préférée</u>
</body>
</html>

Remarquons que pour la balise de paragraphe <p>, la balise de fermeture est facultative ; il n'en faut pas pour celle de retour chariot <br>.

Sauvegarder et visualiser votre page

Avant de passer à l'étape suivante, nous allons enregistrer et visualiser notre page.
Comme il s'agit de la page d'accueil, on l'enregistre sous le nom "index.html" dans le dossier racine du site (en format texte seul). Vous pouvez ensuite ouvrir cette page dans votre navigateur.

Par la suite, à chaque changement enregistré dans votre éditeur, il vous suffira de cliquer sur "Actualiser" dans la barre de menu de votre navigateur pour observer les modifications effectuées.

Note : Prenez l'habitude de toujours nommer vos fichiers en minuscules, car sur le serveur web où votre site sera publié "index.html" n'est pas la même chose que "INDEX.HTML", ni que "Index.html".

Posté par yassin071 à 11:15:55 - - Commentaires [0] - Permalien [#]


Commentaires sur Votre première page

Nouveau commentaire