[base] Le fonctionnement d'un site web
Mais au faites, c'est quoi un site web?
Un site web est un ensemble de page web liez par des liens. Il y a la page principal que l'on nomme "index", et les autres pages, que l'on chosit leur nom. Pour creé un site web de base, on utilise un langage de balisage (langage avec des balises), le xhtml. Vos page web porterons l'extension html ou htm.
donc voici un exemple:
index.html (acceuil du site)
moncv.html (Mon cv)
mesloisires.html (je decrit ici toute mes loisires)
remerciment.html (je remercie monsitegratuit.com pour m'avoir aidez à crée mon site).
Mais comment fait ont pour crée une page, faut il un logiciel précis?
Et ben, mes chére ami, il vous faut un editeur de texte. Non, pas word, un logiciel encore plus simple, le plus simple possible, pour ceux qui sont sur windows, le bloc note est parfait. Et pour les linuxien, si votre environnement est gnome, je vous conseil gedit, qui est exelent. Je vous rappel qu'il faut pas enregistrez en .txt mais en .htm ou .html .
En xHTML, le code minimum est celui ci:
- Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
</body>
</html>
Donc, voici le code minimum. Les 2 premières lignes sont pour que votre navigateur internet save qu'elle le langage que vous utilisez. Ensuite vous êtes sur <head>.
Les balises:
<head> est une balise, elle est fondamental dans une page web. Vous remarquerez que souvent, les balises fonctionnes par paire. Oui regardez bien, <head> et </head>. <head> exprime que c'est le debut de l'effet de la balise, et que </head> est la fin de l'effet!
Mais la balise <head> sert à quoi?
Entre les balise <head>, on met d'autre balise qui serve au navigateur internet. Dans ce tutoriel, nous en aprendrons 2.
Vous pourrez marquez qu'il y a une chose entre les balises head!
- Code: Tout sélectionner
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />.
Bah, c'est une balise, elle s'appelle la balise <meta> . Vous remarquerez qu'elle n'a pas de paire, en effet </meta> n'existe pas, cepandant, a la fin de la balise vous noterez "/>", car ce n'est pas une paire.
Oui, mais il y a des truc bizard au millieu!
Ce qu'il y a au millieu sont des "arguments". Cette balise dit que vous codez en iso-8859-1. Vous pouvez changez celon votre editeur de texte.
Voila, la seconde balise promise:
<title>
Vous remarquerez que la balise title ne ce termine pas par "/>", donc il y a une paire!
<title></title>
Reste à savoir ce que sa veut dire! Title en anglais veut dire titre. En effet, c'est le titre de la page. Le titre de la page, ce trouve à cotés du logo de votre navigateur internet et aussi sur la barre de tache.
Bon voici le nouveau code xhtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Ma premiere page xhtml</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
</body>
</html>
Bon maintenant, la balise <body>. Mais à quoi peut elle servire?
Bah tous simplement, entre c'est balises, on dit ce qu'il doit être affichez.
Nous commenssont par affichez du texte. On affiche du texte grace à la balise
<p>, cette balise "crée un paragraphe".
- Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Ma premiere page xhtml</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<p>Mon premier paragraphe</p>
</body>
</html>
Envie d'apprendre plus? Attendez le prochain cours!
Bon, Ã la prochaine!
. Bravo ^^ 
!
*
