Cette page est un prototype. Je pense séparer les logiciels indispensables, les conseils d´utilisation et surement une page entièrement consacrée à la création de pages Web sur
La Création de pages
Web
GraphicConverter peut vous aider pour
compresser des images au format JPEG (.jpg) ou GIF (.gif) pour les
effets de transparence. Vous utiliserez de préférence
l´excellent Fetch 3.0.3 pour "décharger" vos pages .html sur le Web
grâce au protocole FTP (File Transfer Protocole)
Il faut, pour une efficacité maximale un outil de
création de pages Web WYSIWYG (What You See Is What You Get,
c´est à dire que vous n´avez pas besoin de
connaissances préalables en langage HTML).
J´utilise pour ma part Claris Home
Page 2.0 et en suis
très content. Il offre souplesse et facilité
d´utilisation. Il semble que Adobe Page
Mill 2.0 soit plus puissant.
Si vous avez le budget nécessaire, foncez sur Golive Cyber
Studio 2.0, exclusivement sur
Mac.
Quelques conseils pour bien
débuter et éviter les plus gros
pièges.
Première chose pour une
efficacité optimale. Prenez une feuille de papier et
faîtes le shéma de votre site, les liens que vous voulez
créer sous forme d´arborescence.
Tout d´abord créez un
dossier qui contiendra vos
données (sur le bureau par exemple). Dans ce dossier,
créez un dossier "images". Avant toute
chose, mettez toutes les images au format .gif ou .jpg que vous
souhaitez utiliser dans ce dossier "images" Cela vous évitera
d´avoir des liens invalides ou l´image
n´apparaît pas sur votre page .html. Si vous êtes
sur de la composition de votre site, créez des pages .html
blanches que vous batiserez et enregistrerez( il est très
important d´enregistrer immédiatement la page .html
dès sa création pour que les liens soient corrects en
particulier quand vous insérerez plus tard des images) dans le
dossier adéquate (créé sur le bureau par
exemple, dossier qui lui-même contient le dossier
"images").
Pour un lien avec une autre page locale (c´est à dire
dans le dossier que vous avez mis sur le Web), activez
l´éditeur de lien, et inscrivez simplement le nom du
fichier auquel aboutira votre lien (par exemple mac.html ou mac.htm) Il n´est
pas nécessaire d´écrire par exemple
http://www.mygale.org/~jobs/mac.html car étant donné
que les fichiers qui sont liés entre eux seront dans le
même dossier.
Par contre lorsqu´il s´agit d´un lien vers une autre
page Web qui ne vous appartient pas, par exemple le serveur
américain d´Apple, vous devez écrire le chemin
complet : http://www.Apple.com
De même que les images (qui sont
locales, elles) auront le lien suivant (ceci est juste pour
information, car si vous avez suivi mes conseils
précédents, vous n´avez pas besoin de vous
préoccuper du "chemin" des images) images/macmade.gif
Remarque : Il faut bien garder en
tête que les images sont séparées des pages .html
(d´où le dossier "images") Il sera ainsi indispensable
que les pages sur lesquelles on insérera les images soient
préalablement enregistrées dans le dossier prévu
sur le bureau (surtout pas
mélangées avec les
fichiers .gif et .jpg dans "images"). Cette séparation permet
à Netscape par exemple de charger le texte sans les images si
l´utilisateur le désire.
Pour insérer une image, cherchez
la fonction "insérer image" ou plus simplement faîtes
glisser une image .gif ou .jpg du dossier "images" à
l´endroit voulu sur votre page.
Attention,
les images, c´est joli mais par contre c´est plus long
à charger. Toujours vérifier la taille des fichiers
afin de limiter au maximum le temps de chargement, ( le débit moyen sur internet peut tomber autour
de 1koctet par seconde). Pensez à
vos visiteurs. Attention pour les utilisateurs de gros disques durs
(plus d´1 giga) les tailles peuvent être trompeuses
(à la hausse) à cause du système HFS actuel. Le
problème sera réglé avec HFS Plus dans MacOS
8.1. Si vous voulez connaître plus précisément la
taille d´un fichier, copiez-le sur une disquette.
Très important :au fait si vous voulez que le visiteur tombe sur
votre page d´accueil lorsqu´il tape http://www.mygale.org/~jobs , vous devez nommer votre page d´accueil
index.htm ou index.html.
Grâce à cette astuce, cela équivaudra à
http://www.mygale.org/~jobs/index.htm
Avouez que c´est plus simple de
retenir une adresse plus courte.
Passons à une partie plus ardue, la
création de frames ou cadres
(multi-fenêtrage) en bon Français. Les éditeur
html wysiwyg diffèrent quelque peu de la façon dont ils
gèrent les frames. (PageMill est là plus intuitif
qu´HomePage). En général,
l´intérêt principal des frames est de permettre de
conserver un sommaire sur la fenêtre de gauche. On
créera une page sommaire.html avec divers liens vers les pages
de votre site. Alors maintenant je vous demande une grande attention.
Nous voudront que le lien mène vers une page qui devra
s´afficher dans la fenêtre de droite et non remplacer la
fenêtre de gauche qui contient le sommaire. C´est
là qu´intervient la fonction target Frame. Il faut que la
fenêtre de droite ait un nom, par exemple droite. Lors de la
création du lien, nous écrirons par exemple
mac.html
mais également dans la case "Target Frame" ou "Cadre cible"
droite.
Comme pour toutes les pages .html, la page contenant les frames devra
être enregistrée dans le dossier (posé sur le
bureau). S´il s´agit de la page d´acueil, vous avez
l´obligation de l´appeler index.htm ou index.html
ou default.htm ou default.html
Dès que j´en aurai le temps, j´ajouterai les conseils pour rajouter des ancres pour se déplacer rapidement à l´interieur d´une même page (par exemple des chapitres) ainsi que de la façon de créer des liens vers des adresses Mail, faire clignoter des textes, des zones chaudes (image maps), JavaScript pour faire défiler des textes...
Si vous avez créé votre site
sur Macintosh, n´oubliez pas de le préciser en bas de
page et d´apposer une image "made
with Mac". Une pomme multicolore
tournante sera du meilleur effet. Vous pouvez récupérer
cette image sur mon site comme sur de nombreux autres en cliquant sur
l´image plus d´une seconde (un menu contextuel
apparaît) et en maintenant appuyée la souris, cliquer
sur "Enregistrer sous) (Save as).Faîtes un tour sur
www.svmmac.com pour les boutons
"Touche pas à mon Mac"
©08/97.Lionel
Gentil. Made with Claris Home Page 2.0 for Apple PowerMac.