Comment faire une page web ?
2 solutions :
-soit vous
utilisez un logiciel spécialisé, appelé "éditeur
HTML",
-soit vous faites votre page (ou site) vous-même, comme
des grands.
C'est ce que je vais expliquer ici, mais sachez qu'une page web
est un fichier comme un autre.
Attention : Pour réaliser
cette opération, vous n'avez pas besoin
d'être connecté
à Internet.
Tout d'abord, ouvrez le Bloc-notes, ou Notepad.
(Démarrer->Programmes->Accessoires->Bloc-notes)
C'est l'éditeur
de texte très simplifié de Windows.
Puis tapez ceci (Ou
Ctrl+C, Ctrl+V) :
<html>
<head>
<title>Titre
de votre page</title>
</head>
<body bgcolor=yellow text=black>
<center>
<H1>Titre H1 centré</H1>
</center>
<p>
Salut !<br>
Ceci est votre première page web !<br>
</p>
</body>
</html>
Maintenant, enregistrez
ceci sous un fichier
portant le nom : index.htm
Vérifiez que l'option
Type, si elle est présente,
est bien sur "Tous les fichiers".
Puis cliquez sur enregistrer.
Maintenant, ouvrez ce fichier, qui doit
normalement s'ouvrir avec Internet Explorer.
Voilà, vous devriez avoir
une page internet
comprenant : un fond jaune, un gros titre
et du texte,
écrit en noir.
Description de tout cela :
Le langage
utilisé pour écrire des pages Web est le HTML.
(HyperText Markup
Language).
Il est composé de balises (ouvrantes et fermantes).
L'emploi de majuscules ou de minuscules n'a pas d'importance.
Une page est
constituée de 2 parties : l'EN-TETE (head), qui
n'apparaît pas,
et le CORPS (body), la page proprement dite.
Description des balises :
<HTML></HTML> : Indique qu'il s'agit d'un document HTML.
<HEAD></HEAD>
: Indique l'en-tête du document.
(On y trouve un titre, des indications
pour les moteurs de
recherches, du code javascript, ou bien encore des options
CSS de mise en page)
<TITLE></TITLE> : Indique le titre de la
page, qui apparaît
sur la bordure supérieure de la fenêtre.
<body></body> : Indique le corps du document.
<H1></H1>
jusqu'à <H6></H6> : Titres (H1 est le plus gros, H6
le
plus petit)
<center></center> : Ce qui se trouve entre ces balises
est
centré sur la page. (image, texte, etc...)
<p></p>
: Indique un paragraphe. Une ligne avant et après est
automatiquement
sautée.
<br> : Retour à la ligne.
Les liens se
forment comme ceci :
Balise "<A>", contenant l'attribut "href".
Exemple : <a href="http://www.jcj39.com">Site de jcj39</a>
Bien sûr, vous pouvez placer ce lien n'importe où, à
condition
qu'il se trouve entre les balises <BODY> et </BODY>.
Pour que
votre lien s'ouvre dans une nouvelle fenêtre, utilisez l'attribut
target
(cible).
Exemple : <a href="http://www.jcj39.com" target="_blank">Site
de jcj39</a>
Attention aux espaces et aux guillemets !!!
Nous
ne l'avons pas vu ici, mais pour afficher une image,
il faut utiliser la balise
: <IMG>.
<IMG src='./mon_image.jpg'>, si elle se trouve dans le
même répertoire.
sinon :
<IMG src='./dossier1/dossier2/mon_image.jpg'>,
si elle se trouve dans un
répertoire nommé dossier2, lui-même
dans dossier1.
L'URL (chemin internet) de cette image sur votre site
serait de la forme :
"http://votrepseudo.votrehebergeur.com/dossier1/dossier2/mon_image.jpg"
N.b : Les images doivent être au format "jpg", ou "gif",
mais en aucun cas
"bmp".
C'est ce que l'on appelle le
(code) source de la page,
visible sur tous les sites web, en allant sur le
menu
Affichage->Source.
N.b : Aux balises peuvent affectés
des attributs, comme ici, pour
la balise <BODY>, à laquelle les
attributs "bgcolor" et "text" ont
été définis.
En réalité, vous venez de créer une page web, mais elle
n'est pas accessible
depuis internet, car elle est enregistrée sur
votre ordinateur.
Pour qu'elle soit visible par tout le monde, il faut la
placer sur un serveur.
Là, par contre, vous devez vous connecter, mais
ça ne prend que quelques minutes.
Allez sur le site : www.ifrance.com
(c'est un hébergeur de sites web)
Inscrivez-vous pour avoir votre site.
Allez dans votre espace membre, puis dans le "gestionnaire".
Envoyez
votre fichier : index.htm qui se trouve sur votre disque dur.
Vérifiez
vos e-mails. Débloquez votre site avec la "clé" qu'ifrance
vous
a donnée, et allez sur votre site, accessible depuis :
http://votrepseudo.ifrance.com,
en remplaçant "votrepseudo" par le
pseudo que vous
avez choisit lors de votre inscription.
Normalement, vous devriez voir votre
page web.
Sinon, contactez-moi !
jcj39