Comment faire un site Internet
Leçon 3
Placer son site sur le web
 
 
À la fin de la leçon 3, tu aura créé ton site internet dans ton ordinateur et tu comprendra le processus de "uploader" ou graduer ton site sur internet.
 
Tu as créé un site complet tout au cours de la leçon 2. Tu dois le faire fonctionner sur internet. Pour les besoins de compréhension, nous le ferons fonctionner en créant un internet fictif. Dans la vraie vie, une fois que ton site est prêt dans ton ordinateur, il faut le transférer dans l'ordinateur du serveur internet que tu as choisi.
 
Ça nous prend une adresse ou nom de domaine ex : www. monsite personnel .org. Le fournisseur de ta connexion internet offre généralement un minimum de 5 mégaoctets et une adresse générique te permettant d'y placer ton site.
 
Généralement aussi, les serveurs permettent le transfert de données vers leur ordinateur en utilisant le protocole FTP (File Transfert Protocole), mais plusieurs d'entre eux ne le permettent que pour leurs clients de classe "Affaires".

Disons quand même que pour transférer des fichiers vers un autre ordinateur, cela demande un logiciel qui peut copier vers un autre ordinateur des données, des pages internet, des fichiers images, etc. On peut nommer une multitude de logiciels  FTP : Cute FTP, FTP Expert, WS FTP, Netscape, Internet Explorer, Firefox et une grande quantité d'autres...
 
Mais nous allons commencer par mimer internet avec les outils que nous avons dans notre ordinateur afin que tu puisse faire ta leçon même si tu ne dispose pas encore d'un serveur prêt à t'accueillir. Lorsque tu aura trouvé, la démarche sera la même. Commençons...
 
Créer un répertoire s'appelant Mon Internet

Ce répertoire servira de serveur fictif. Si tu ne sais pas comment le créer, voici : trouve l'icône "Mon Ordinateur" (My Computer); ouvre-le (double click); place le curseur sur "C: disque local" ou "d: données"; clique dessus (un ou deux clic selon le cas); avec le bouton droit de la souris enfoncé, choisis  "nouveau" (new) puis "Classeur" (File) de donne-lui le nom exact qui suit : "Mon Internet".
 

Analogie:

Le répertoire où sont situées les Leçons représentera ton ordinateur.

Le répertoire "Mon Internet" représente le serveur internet fictif. Le chemin pour se rendre à ton serveur fictif sera donc :  "c:Mon Internet/index.html" ou "d:Mon Internet/index.html" selon l'endroit où tu as créé ton répertoire. C'est aussi ton nom de domaine (www.Moninternet.com/index.html). D'ailleurs, c'est cette adresse que tu pourra taper dans la ligne d'adresse de ton navigateur (IEXPLORER ou Netscape ou autre...) pour voir ton site.

Donc, on transporte le site à partir de ton ordinateur vers un serveur internet fictif. Comme la mémoire est une faculté qui oublie (!) et que l'erreur est humaine, tu peux avoir oublié de transporter une page, un lien ou une image vers les dossiers de ton site et celui-ci pourrait ne plus fonctionner... Il faut apprendre à vérifier si ton site fonctionne encore lorsqu'il sera sur internet pour de vrai. Les principaux problèmes viendront probablement de liens vers des fichiers qui ne sont pas dans le répertoire "Mon Internet". Il faudra les faire pointer vers le bon endroit.

 Graduation du site

La graduation du site, c'est l'installation comme telle sur internet. C'est ce qu'on appelle en anglais "uploader" le site sur internet.

D'abord, ouvre le dossier "Mon nouveau site" du répertoire de la Leçon 2 dans une partie de ton écran et le répertoire vide "Mon internet" dans l'autre comme ceci, et copie tous les fichiers du dossier vers "Mon internet" :


Ensuite ouvre ton navigateur et demande le lien "c:Mon Internet/index.html" ou "d:Mon Internet/index.html" pour vérifier le site.

Vérification

Tu devrais voir ce qui suit: une croix rouge indiquant le manque du fichier image. Par exemple :

 

 

Continue la vérification : ouvre (clique) l'onglet Début lecon1, ... on découvre une page inconnue comme celle ici-bas :

 

L'erreur:

Tu as déplacé le site partiellement seulement. Il aurait fallu déplacer tous les fichiers des répertoires où tu as placé mon site du cours, car des images de la Page accueil et le lien Début Leçon 1 se trouvent à pointer ...vers ces fichiers absents !
 

Explication cas 1

Si le  menu.html est située dans:

D:\Mon internet\menu.html

et que nous voulons insérer une image Nik00492.jpg située dans :

D:\sites\Lycos local\Gene faire un site web\lecon2\icones\ Nik00492.jpg,


le chemin lorsque nous pointons l'image est donné comme suit:

 src="../sites/Lycoslocal/Gene faire un site web/lecon2/icones/Nik00492.jpg"

 
D: \sites \Lycos local \Gene faire un site web \lecon2 \ icones \Nik00492.jpg
D: \Mon internet \menu.html

Pointage dans le menu.html sera :
src="../sites/Lycoslocal/Gene faire un site web/lecon2/ icones/Nik00492.jpg"

Explication cas 2

Par contre, si le menu.html est situé dans :

D:\sites\Lycos local\Gene faire un site web\lecon2\menu.html

et que l'image à insérer Nik00492.jpg est située dans :

D:\sites\Lycos local\Gene faire un site web\lecon2\images\Nik00492.jpg

le chemin lorsque nous pointons l'image est donné comme suit :

 src="images/Nik00492.jpg".

 
D: \sites \Lycos local \Gene faire un site web \lecon2 \images\ Nik00492.jpg
D: \sites \Lycos local \Gene faire un site web \lecon2 \menu.html  

Pointage dans le menu.html sera :
src="images/Nik00492.jpg"
 

 

On remarque donc  que :

src= endroit où est situé le fichier,
../ signifie en html d'aller à un niveau précédant de librairie


Pour corriger, soit tu peux créer ton serveur fictif "Mon Internet" dans le même répertoire où sont situés les Leçons1 ,Leçons2 etc...(le lieux où tu as installé à partir du CD lors de la première leçon), soit tu peux recopier les fichiers image aux endroits où pointent tes liens.

Refais le test ci-haut et tu verra que cela fonctionne à moins que tu n'aie laissé des erreurs dans les pages de la Leçon 2... Il faut inlassâblement vérifier jusqu'à ce que tout fonctionne !


Félicitations! Tu progresse !

Après un repos bien mérité nous verrons comment ajouter

du son et des images à tes pages.

Au Revoir !