On se limitera ici à des outils simples d’utilisation, voire minimalistes. À tel point d’ailleurs que passer de l’un à l’autre de ces logiciels ne pose pas de problème…
PageMill (environ 60F.), Netscape Compose (fourni avecNetscape), FrontPage Express (livré en standard avec Windows 98).
Même en se limitant à
un site de quelques pages, il est nécessaire de le structurer :
Le site doit correspondre
à un « dossier », pour reprendre la terminologie de W95.
À la racine du site –
que l’on appellera, pour faciliter les choses, monsite
– doivent se trouver :
–
un fichier qui constituera la page d’entrée : « index.htm »
–
des dossiers pour le contenu du site : on se limitera, pour
l’exemple, à un dossier nommé cont
(comme contenu), et un autre nommé img
(comme images).
–
Bien entendu, toutes les variantes sont possibles.
Dans l’Explorateur
Windows, cela donnera :
Et en ouvrant monsite :
Ce qui pourrait donner
l’adresse Internet suivante :
http://www.hebergeurdepages/monsite/
Nota : le fait
de donner le nom index.htm au fichier
d’entrée évite de le saisir dans l’adresse.
On a affaire en fait à
un outil très proche d’un traitement de textes, à quelques réserves près.
Elle servira de modèle
pour les autres pages. Aller dans la commande Format, puis Propriétés et couleurs de la page,
et régler les différents paramètres : couleurs du fond et du texte, des
liens et de leurs variations.
Elle doit être vide. Lui
donner le nom « index.htm ».
En « l’enregistrant
sous » : Commande Fichier,
puis enregistrer sous : par exemple ,
page1, puis page2, etc. Ces derniers fichiers ne seront pas placés à la racine
du site (du dossier), mais dans le dossier cont.
Nota 1 : les pages
ont d’une part un nom de fichier (par exemple « page1.htm ») et
d’autre part un Titre, qui apparaît
dans l’explorateur sur la "barre de titre" (par exemple « Accueil »).
Pour donner un titre à une page, aller dans Propriétés
de la page, puis Générales.
Nota 2 :
dans les noms de fichiers, proscrire les espaces (que l’on peut remplacer par
_ ), les accents, et d’une façon générale les signes de ponctuation.
C’est le principe de
base de la navigation sur Internet : créer des liens hypertexte.
(ou le groupe de mots, ou
l’image) qui servira de lien, puis cliquer sur le bouton Lien.
La fenêtre suivante
s’ouvre :
Nota 1: même dans
un site de quelques pages, il faut veiller à ce que la navigation soit aisée,
par exemple en créant sur chaque page un lien de retour vers la page
d’accueil.
Nota 2 : il est
possible de créer des liens internes au site, mais aussi des liens externes,
qui pourront renvoyer à Yahoo par exemple, ou à n’importe quelle page (dans
ce cas, on entrera l’adresse complète) : http://www.multimania.com/ecrantot/tice/ (il s’agit d’un
exemple pris au hasard).
On dispose des mêmes
fonctions que dans un traitement de texte.
Pour que le texte ne soit
pas "collé" au bord gauche de l’écran, plutôt que d’utiliser
des tabulations, on aura recours à un tableau à structure transparente.
Dans ce cas de figure, on
pourra choisir :
–
Nombre de lignes et de colonnes :1
–
Largeur des bords : 0 pixel (pour ne garder que la structure du
tableau.
–
Largeur du tableau : par exemple, 85 %
Commande Insertion,
puis choisir l’image dans le dossier adéquat.
Mêmes contraintes que
dans le traitement de texte Word : pour associer images et texte, on
prendra le support d’un tableau (transparent), à 2 colonnes, et n
lignes.
Il est possible ensuite,
par un clic droit sur l’image, de modifier ses propriétés.
Par exemple, ses dimensions.
Bouton Enregistrer
puis Aperçu, qui permet de contrôler la validité des liens.