Les Outils indispensables pour votre Mac

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.