De nos jours, créer un site web c'est simple pour sa il suffit d'apprendre quelques
"language informatique" et le tour est joué ;)
Le (X)HTML:I]Une page HTMLLe XHTML plus connus sous le nom de HTML est "la base" du language imformatique en effet aprés avoir apris ce language vous pourrez créer un site de base.
Tout d'abord ouvrez le bloc-not ou notepad++ (encore mieu car il colore les codes) puis coller ce code:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ma premiére page</title>
</head>
<body>
Bienvenue sur mon site :)
</body>
</html>
Enregistrez ensuite ce code dans vos document en .html (testsite.html par exemple) puis ouvrez cette page.
Vous voyez "Bienvenue sur mon site :)" nous allons découper le code pour y voir plus clair :)
1)Tout d'abord on a: - Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Ceci est le code de départ d'une page il indique que vous ecrivez en html.
C'est bien gentil mais c'est assez long a copier sa et on est feignant :p
Vous pouvez remplacez tout ce code par
- Code:
-
<html>
2)Ensuite il y a: - Code:
-
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Mon titre</title>
</head>
Vous voyez la balise "<head>" qui veut dire tête en anglais ce qui signifie "la tête du site/page"
Ensuite on a:
- Code:
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Ne vous préoccupez pas de cette ligne c'est mieu de la mettre mais ce n'est pas obligatoire ;)
Ensuite:
- Code:
-
<title>Mon titre</title>
Donc la ba c'est tout simple en francais "title" veut dire "titre"
Ce sera le titre de votre page afficher tout en haut au dessus de la barre d'adresse
Puis la balise "</head>" en effet le plus souvent quand on ouvre une balise on la ferme plus loin :)
3)Dans le code: - Code:
-
<body>
Bienvenue sur mon site :)
</body>
</html>
Il y a "<body>" vous écrirez toujours le contenue de votre page entre ces balises du moins en HTML
on rentre donc le contenue de la page ici "Bienvenue sur mon site :)" puis on ferme la balise "</body>
et vu que c'est la fin de la page on ferme tout le script de la page par "</html>"
II]Les balisesIl existe deux types de balise en général:
-les balises par paires:exemple: <title>Mon titre</title>
Vous voyer que l'on ouvre la balise titre, on marque notre titre et on la referme.
-les balises seules:exemple: <image/>
Celle ci est seul au milieu du texte.
III]Liste de balisesDans ce chapitre je vais vous donnez un grand nombre de balise pour créer votre site.
-les balises par paires:
<title>exemple</title>: pour afficher le titre du site (dans la barre du navigateur).
<citation date="exemple> exemple </citation>: citation.
<!-- exemple -->: commentaire pour vous (les visiteurs ne le voient pas).
<p>exemple</p>: paragraphe (remettez une nouvelle fois les balises à chaque nouveau paragraphe.
<h1>exemple </h1> : titre très important.
<h2> </h2> : titre important.
<h3> </h3> : sous-titre.
<h4> </h4> : titre encore moins important.
<h5> </h5> : titre pas important.
<h6> </h6> : titre pas du tout importante.
( générelement on utilise h1, h2, h3 et h4.)
<em>exemple</em>: pour mettre en italique le texte entre les balises.
<strong>exemple</strong>: pour mettre en gras.
<q>exemple</q>: pour une citation courte.
<acronym title="pour montrer à quoi sa sert">exemple</acronym>: mettez sa dans votre page ;) quand vous mettez le curseur sur le mots une bulle s'ouvre.
<img>http://le_lien_de_l'image.fr</img>: sert à mettre une image :)
-les balises seules:
<br/>: pour aller à la ligne
by Cominon
Sujet: Comment créer son site web ? 
Ven 8 Juin - 20:08
