Blogue

Les Bases d’une page WEB – #1

Bonjour à tous,

     En tant qu’hébergeur, nous avons souvent à répondre aux mêmes questions : comment modifier mon site; comment ajouter un formulaire; etc. Alors nous avons décidé de commencer à écrire des blogues informatifs sur les bases d’un site internet.

     Pour commencer, il faut comprendre qu’à la base, un site web est un peu semblable aux anciens éditeurs de texte, pour ceux qui se souviennent des anciens Word Perfect 5.1 avec l’écran bleu! La page web est créée avec le langage HTML (Hypertext Markup Language).

     Un document HTML (ou page web) est généralement composé de deux sections: la tête et le corps. Commençons par un exemple :

<html>
	<head>
		<title>Mon Site Web</title>
	</head>
	<body>
		Bonjour à tous!
	</body>
</html>

     Présentement, le tout peut vous sembler un peu mélangeant, mais en vérité, c’est très simple à comprendre. Chaque document HTML doivent absolument débuter par <html> et se terminer par </html>. Ceci est la façon d’indiquer au fureteur internet qu’il s’agit d’un document HTML. Ensuite, chaque balise que vous ouvrez doit être refermée. Pour la fermer, vous devez ajouter le caractère « / » devant le nom de la balise.

     Dirigeons-nous vers les deux grandes catégories d’une page internet. Pour débuter, nous avons la tête du document. À cet endroit, vous pouvez inscrire plusieurs informations relatives au site pour aider les moteurs de recherche à comprendre ce qu’il voit, ce que nous allons expliquer dans une autre leçon. Dans l’exemple plus haut, nous avons seulement inscrit le titre du site entre la balise « title ». Remarquez comment nous refermons la balise après avoir inscrit le titre :

<title>Mon Site Web</title>

     Le titre d’un site sert à deux choses: la première est le nom que vous voyez apparaître sur l’onglet de la page que vous consultez dans votre fureteur. La deuxième concerne principalement les moteurs de recherche! Quand le lien de votre site apparaîtra dans les moteurs de recherche, c’est ce titre que les gens vont voir en premier.

     La deuxième section est le corps de votre page. C’est à cet endroit que tout le contenu visible devra être inséré. Le contenu d’un site est inclus dans la balise « body ». À l’intérieur du corps du document, vous avez une multitude de balises disponibles pour la mise en page de votre document. En ce moment, nous allons porter seulement attention aux titres (à ne pas confondre avec le titre dans la tête du message) et ses paragraphes.

     Commençons avec les paragraphes. Ils servent à insérer des blocs de textes et doivent être contenus à l’intérieur de la balise « p ». Vous pouvez en placer autant que vous le désirez à l’intérieur d’une page internet. Voici un exemple :

<p>je suis un texte qui est contenu à l’intérieur d’un bloc paragraphe.</p>

     C’est bien d’avoir des paragraphes, mais pour la navigation du lecteur, il n’y a rien de tel qu’indiquer quelques titres. Dans le monde du HTML, il y a six types de titres définis par les balises « h1 », « h2 », « h3 », « h4 », « h5 », « h6 ». Plus l’indice du titre est petit, plus il aura de l’importance (note: pour maximiser vos chances dans les moteurs de recherche, il est fortement conseillé de toujours utiliser une balise « h1 » par page et celle-ci doit être semblable au titre que vous avez placé dans l’entête de notre document HTML. Pour les autres, il n’y a pas de limite).

     Maintenant, voici ce que le code ressemble si nous appliquons ces nouvelles connaissances :

<html>
	<head>
		<title>Mon Site Web</title>
	</head>
	<body>
		<h1>Mon Site Web</h1>
		<h2>Intro</h2>
		<p> c’est un plaisir de vous accueillir sur notre nouveau site web!</p>
		<h2>Au revoir</h2>
		<p>revenez nous voir bientôt! Ce fut un plaisir!</p>
	</body>
</html>

Voir la leçon sur You Tube

     Voilà, vous savez maintenant les bases du HTML.

     Venez voir notre prochain article sur les liens hypertextes.