1- Ce répertoire local, vous pouvez en effet le structurer de diverses façons. Si on le compare à un arbre, il a un tronc avec à sa base les racines et parfois des branches, mais rien d'imposé par le protocole d'internet et je vous livre divers répertoires pour mieux comprendre le déroulement des opérations à venir.
Le fichier qui sert d'accueil et sur lequel obligatoirement s'ouvre votre Site, portera d'office le nom index.htm (certains Provider imposent le type d'extension .htm ou .html et d'autres vous laissent choisir, alors renseignez vous avant de commencer.)
Ce fichier index.htm sera obligatoirement placé à la racine du répertoire et sera accompagné de préférence de tous les fichiers qui lui sont rattachés comme les images qui servent de décoration par exemple . (C'est là une idée personnelle, qui rend énormément service pour le transfert du fichier index la première fois que vous le faite.)
Si vous respectez le nom et l'emplacement de ce fichier, vous êtes certain
de pouvoir visualiser correctement cette première page.
2- Vous allez ensuite dans ce répertoire placer d'autres fichiers (principalement de texte et d'images) et comme toujours il existe plusieurs "écoles" proposant des méthodes différentes :
- soit vous placez tout à la racine du répertoire, mais pour un site important c'est pas l'idéal.
- soit vous créez un dossier pour y placer toutes les images, qui va correspondre à une branche de votre arbre. Dossier en général appelé "images" et rien n'empêche d'en créer un autre pour les fichiers sons etc... et votre arbre se remplit ainsi de branches.
- soit vous créez un dossier par grand chapitre de votre site et vous y placez les fichiers textes et les fichiers multimédia qui s'y rapportent avec chaque fois un fichier "images".
Pour bien comprendre car indispensable, je vous propose des schémas juste plus bas ...
3- Sachez que moi je vous suggère, et vous faites comme bon vous semble, c'est toujours dans cet état d'esprit que je présente mes paragraphes. OK ?
Votre site progresse lentement mais sûrement grâce à votre volonté de bien faire et il vous tarde de pouvoir le lancer sur les vagues du Web.
C'est maintenant après avoir rempli le schéma brouillon de votre site, qu'il convient de choisir un titre. Vous comprenez pourquoi je vous ai conseillé au départ de retarder ce choix, car si vous avez changé d'orientation en chemin et qu'au lieu des escargots prévus initialement, vous avez fini par traiter des tortues parce qu'elles vont plus vite, vous aurez un titre correspondant à votre contenu vu que déterminé au dernier moment (En principe il est libre après accord préalable du provider pour éviter les doublons).
nota : ne confondez pas le nom donné aux fichiers comme index.htm et le nom du Titre qui va apparaître dans le cadre supérieur de la fenêtre du navigateur, et dont le texte se trouve placé dans le code source html de chaque fichier entre <TITLE> et </TITLE>, en haut de page. On y reviendra, n'ayez crainte.
Ce titre de Site va être utilisé pour ultérieurement vous référencer sur les moteurs de recherche et il doit être assez court tout en restant significatif (6 à 12mots qui seront visibles dans la barre de Titre du navigateur). Le moment venu allez consulter un paragraphe qui lui est consacré, page perso n°13. Mais pour l'instant cette opération est prématurée et vous allez rapidement découvrir les principes de la mise en orbite de votre site.
ouvrez
bien les yeux
fig 1 - Répertoire de base, avec tous les fichiers de n'importe quelle extension, placés à la racine ("à l'air libre" je dis parfois, pour les distinguer des fichiers placés dans des sous-dossiers).
Vous voyez bien que tous les fichiers rentrés sur le serveur de votre Provider, tombent tous au fond et sont bien placés à la racine du répertoire.
Le nom index.htm (ou .html), toujours en minuscules.
fig 2 - Répertoire avec les fichiers texte placés à la racine, et seulement les images placées dans un dossier "images" de ce répertoire.
Il est obligatoire de placer le fichier index.htm à la racine du répertoire vous l'avez vu. Pour les fichiers images, sons... qui font partie de ce fichier vous avez deux solutions :
a- Vous placez toutes vos images dans le dossier image, et ça marche bien.
b- Personnellement, je suggère de placer les fichiers images, sons,... inclus dans le fichier index.htm au même endroit que lui, c-à-d à la racine du répertoire. Résultat identique mais j'aime bien que mon fichier index.htm soit ainsi accompagné de ses composants question de facilité de contrôle à posteriori.
De plus je rappelle qu'il est obligatoire de placer le fichier index.htm à la racine du répertoire, sinon vous avez sur votre écran une représentation de l'arborescence de votre répertoire ou parfois rien dutout sauf "error".
fig 3 - Répertoire, avec les fichier index.htm et le contenu du Site réparti dans des dossiers spécifiques.
Ici par contre rien ne vous empêche de loger dans un ( ou plusieurs) dossier les fichiers texte et les fichiers multimédia qui se trouvent rattachés à chacun d'eux. Texte et images mélangés, mais encore mieux si vous créez un sous-dossier "images" dans chacun des ensembles portant le nom de dossier "chats", "chiens".
J'insiste, le fichier index.htm du répertoire doit toujours être placé à sa racine.
Dans ces deux derniers cas, il existe la racine du répertoire qui définit votre site, toutes les autres branches comprenant des chapitres sont des dossiers (chats,chiens) et si vous avez créé un endroit spécial pour les fichiers multimédias tels que les sons , images .... on parle de sous-dossier.
Nota :
Si vous avez un site ne traitant que d'un seul sujet et ne comportant pas des grosses quantités de fichiers multimédias l'exemple de la fig.1 est à mon avis le plus facile à gérer.
Si vous disposez dans votre site d'un seul sujet mais avec une grosse quantité d'images (disons 150 ou plus environ) l'exemple de la figure.2 est l'idéal, toujours à mon avis.
Si votre site comprend plusieurs sujets ou des chapitres bien définis, l'exemple de la figure.3 doit alors être envisagé. Pour ma part c'est le principe que j'utilise. A vous de choisir !
Dans le cas où vous utilisez des sous-dossiers :
Je vous rappelle que pour l'exemple fig.1 vous n'avez affaire qu'au répertoire "pub" (public) appelé ainsi sous wanadoo du moins.
Rappel : Il apparaît dans la fenêtre
de votre logiciel de transfert votre "répertoire local"
et quand vous êtes connecté à droite se trouve le "répertoire
distant" (celui posé sur le répertoire du Provider).
Lorsque vous créez un (ou plusieurs) dossier et si vous souhaitez transférer
des images par exemple, il faut au préalable double-cliquer
le sous-dossier "images" chez vous et chez le Provider. Ensuite
seulement vous tranférez. Mais vous souhaitez continuer et transférer
des fichiers dans le dossier "chats" : vous devez revenir à
la position de départ, c'est-à-dire en arrière (en principe
avec le bouton marqué d'une petite flèche vers le haut), et
là vous double-cliquez le dossier "chat" chez vous et aussi
à droite chez le provider, puis transférez.
Sous Mac avec Fetch il n'y a qu'une fenêtre mais le principe est le même.
En conséquence vous montez une page de votre site (fichier "chien.htm") et vous y placez une image (medor.gif) qui se trouve dans le sous-dossier images des "chiens" et donc se trouve lié par un lien créé automatiquement. Si vous placez cette image alors qu'elle se trouvait encore sur le disque dur, vous coupez le lien qui s'est automatiquement créé à la construction et qui ne va pas de ce fait exister sur le répertoire distant, ce qui a pour effet de remplacer sur le Web les images prévues au départ par une petite croix rouge. Méfiez-vous car en local ça fonctionne toujours ou presque vu que tous les éléments sont sur le Disque dur de votre ordinateur.
Retenez que les images ne sont pas intégrées à une page mais sont appelées par celle-ci grâce au code approprié. Il s'agit d'indiquer au navigateur quelle image aller chercher et où la placer, d'où l'importance de toujours travailler avec des éléments se trouvant déjà dans le dossier de votre répertoire local avant de déterminer des actions futures. En résumé une page qui contient une image comporte deux fichiers : le fichier texte (xxxx.htm) et le fichier image (yyyy.gif).
