|
|
Afin que vos pages apparaissent correctement sur le web, il faut vous
familiariser avec certaines règles.
Ceci afin d'éviter que vos images n'apparaissent pas où que vos liens
ne fonctionnent pas.
Pour que tout ceci soit bien clair nous allons réaliser un site pas à pas
avec des dossiers et des images.
Le contenu de notre site portera sur les animaux.
Son nom : animania.
Il va contenir plusieurs pages et des images .
Afin que la structure du site ne soit pas confuse, on va créer différents
dossiers pour classer les images et fichiers.
Pour réaliser ce site, il vous faut un éditeur de texte.
J'utilise dreamweaver , vous pouvez le télécharger ici (gratuit 30 jours).
A vous de choisir celui que vous souhaîtez bien sûr.
J'utilise ici dreamweaver en exemple, mais la technique est presque la même suivant les éditeurs.
Par défaut, lorsque vous allez télécharger l' éditeur de texte, celui-ci
sera placer dans Program Files.
Pour dreamweaver :
C:\Program Files\Macromedia\Dreamweaver MX 2004\
Ouvrez maintenant votre éditeur. Nous allons placer un dossier portant le
nom de votre site.
Pour celà, faîtes Fichier > Ouvrir (ou CTRL+O).
Regarder dans: votre editeur de texte.
Créer un nouveau dossier (clic de droit)
Ce dossier va porter le nom de votre site.
Ici, ce sera donc animania.
Première règle pour les noms de dossiers, fichiers: pas d'accent, pas
d'espace.
Vous pouvez utiliser toutes les lettres de l'alphabet ( en minuscule ), les
chiffres de 0 à 9 et le trait de soulignement.
Nous allons maintenant voir l'arborescence du site.
Tout site doit comporter une page de démarrage :index.htm.
Vous allez donc créer une nouvelle page index.htm
que vous enregistrez dans le dossier animania.
Voici donc comment se compose votre site pour l'instant :
Pour un petit site d'une ou deux pages, vous pouvez placer
vos fichiers et images à la racine du site.
Mais lorsque votre site est constitué de beaucoup d'images
et de fichiers, pour s'y retrouver il est plus simple de créer
des dossiers afin de classer vos documents.
Sur notre site animania, nous allons parler de différentes
espèces d'animaux, leur nourriture et montrer quelques
photos.
Nous allons donc créer trois sous-dossiers :
1 / especes
2 / nourriture
3 / photos
Dans le dossier photos nous allons inclure deux sous-
dossiers:
a/ adulte
b/ bebe
Faîtes Fichier > ouvrir
regarder dans: animania
Clic de droit, nouveau dossier.
Nommez le : especes.
Faîtes de même avec les deux autres dossiers.Maintenant créons les deux sous-dossiers de photos :
Faîtes Fichier > ouvrir
regarder dans: photos
Clic de droit, nouveau dossier.
Nommez le : adulte.
Clic de droit, nouveau dossier.
Nommez le : bebe.
Ouvrez une nouvelle page nommée especes.htm que vous
enregistrez dans le dossier especes, une autre page nommée
nourriture.htm que vous enregistrez dans le dossier nourriture.
Ce qui nous donne:
Nous allons maintenant voir le chemin des images et des liens.
- Les liens et les images
Nous allons placer un lien vers la page nourriture.htm
sur notre page de démarrage index.htm.
Puis nous allons insérer des photos dans cette
même page et également dans especes.htm.
Ouvrez la page de démarrage index.htm.
Ecrivez sur cette page :
" Nous allons étudier les différentes espèces d'animaux"
Sur le mot espèces nous allons faire un lien vers la page especes.htm.
Voici ce que celà donne dans le code source:
<a href="especes/especes.htm">espèces</a>
a href indique le chemin emprunté:
le dossier especes / la page especes.htm
Si la page especes.htm se serait trouver à la racine du site,
le résultat aurait été:
<a href="especes.htm">especes</a>
Si nous avions créer un sous-dossier dans le dossier especes
(par exemples domestiques.htm), le résultat aurait été :
<a href="especes/domestiques/domestiques.htm">especes </a>
|
|
|
