|
Après la petites mise en jambe de la page précédente j'espère vous avoir donné envie de vous lancer dans cette aventure mais avant d'aller plus loin pour le moment parlons un peu comment s'organiser et organiser tout cela.
Avant toute chose, il faut savoir que la première page que le navigateur va rechercher lorsqu'il arrive sur un site devra s'appeler "index.html".
Ensuite, rien ne vous empêche de créer divers répertoires et sous répertoires permettant de mieux classer les rubriques du site.
Pour faire simple, en générale la page index.html sert de sommaire et à partir de liens on va chercher les autres pages disponibles sur le site.
voir un exemple de plan de site
Afficher une image
Par exemple si l'on désire afficher une image qui se trouve dans un répertoire nommé "images", sans indiquer un chemin particulier où la trouver, votre navigateur comprendra que ce répertoire "images" se trouve au même niveau que votre page html, c'est à dire soit au premier niveau du site ou alors dans le même endroit où se trouve la page.
Par exemple, pour le site d'AMIGAzette83, la plupart des pages principales se trouvent au premier niveau, là où l'on va trouver l'index, les petites annonces, les communiqués etc...
Après on trouvera plusieurs répertoires comme celui d'amigazette contenant tout ce qui concerne le E-zine, celui ci contenant les page.html des sommaires des rubriques et les répertoires des différentes rubriques.
Rien n'empêche de mettre tous les éléments d'un site au même niveau, mais cela deviendrait rapidement inexploitable.
Une place pour chaque chose et chaque chose à sa place. Donc soyons organisé, comme devrait l'être tout disque dur d'un ordinateur.
Un espace internet est un peu comme un disque dur, on va donc y trouver des répertoires et des fichiers. Pour y accéder il faut s'équiper d'un logiciel FTP dont le rôle est de donner l'accès aux données d'un site. Sur Amiga vous ne pourrez pas échapper à AmiTradeCenter (ATC) disponible sur Aminet, pas très compliqué d'emploi (quoique!).
Explication par l'exemple
Imaginons que je désire inclure l'image "perso.jpg" sur ma page nommée "perso.html".
Il va d'abord falloir créer un répertoire nommé images au même niveau de la sauvegarde de la page "perso.html" (revoir l'exemple1 de plan d'un site) et dans lequel on va installer l'image en question.
Jusque là vous suivez ?
Ensuite il va falloir écrire la ligne qui va permettre l'affichage de cette image:
<IMG SRC="images/perso.jpg">
|
|
Maintenant compliquons les choses On veut utiliser une image nommée "perso.jpg" qui se trouve 1 répertoire "images" en arrière, c'est dire (pour reprendre l'exemple 1) au premier niveau :
MonSitePerso/images/
Où MonSitePerso est l'endroit où se trouve index.html.
Vous suivez toujours ?
Donc notre ligne sera composée de cette manière:
<IMG SRC="../images/perso.jpg">
où "../" fait reculer d'un répertoire pour rejoindre celui où va se trouver l'image recherchée.
Nous venons de voir une manière de navigation arrière.
Il est évident que pour aller vers l'avant il suffit de nommer les repertoires.
Avec cette première approche avec la navigation dans la structure d'un site pour afficher des éléments, voyons comment visualiser ceci en revenant sur la balise <BODY>.
Précédemment nous avons donc vu que l'on pouvait utiliser l'option "BGCOLOR" pour modifier la couleur du fond de la page ainsi que celle du texte "TEXT", mais comme tout est possible, à la place d'une simple couleur, on peut installer un pattern qui va se répéter de page en page afin d'obtenir des fonds de fenêtre identiques:
<BODY BACKGROUND="../images/pattern.jpg">
Dans cet exemple, "pattern.jpg" se trouve dans le répertoire image au premier niveau, ce "BODY" étant, par exemple, celui de la "page1.html".
Pour éviter les répétitions ou doublons, il est judicieux d'utiliser le même support pour les fichiers communs, de cette manière, si l'on désire changer fond des fenêtre des pages, il suffit de ne changer qu'un seul "pattern.jpg" - ceci étant valable pour toutes images communes.
En résumé:
- ../ va faire reculer d'un répertoire
- ../../ idem mais pour deux répertoires
- BACKGROUND="nom de l'image" : option pour afficher une image, associée à la balise BODY. Attention l'image sera afficher en mode mosaïque, c'est à dire répéter plusieurs fois.
- IMG SRC="image" : sert à afficher une image sur la page en cours.
Rappels :
- en ce qui concerne les balises, on peut les écrire en majuscule ou minuscule.
- en ce concerne les noms de fichiers il est préférable d'utiliser une écriture minuscule pour éviter erreurs.
- ne pas utiliser d'accents pour les noms de fichiers, éviter également les espaces choisissez des noms courts.
José
|
|
