Systèmes de communication

Mise en page de documents sur WWW

Mise en page d'un document simple

• Checklist des fonctions de mise en page à explorer
  • Style et grandeur des caractères, format des paragraphes (HTML 2.0)
  • listes (HTML 2.0)
  • tableaux (avec modification des paramètres) (HTML 3.2)
  • Insertion d'une image (menu 'elements') (HTML 2.0)
  • Un 'coller' d'une image bitmap provoque sa conversion en format gif (très pratique !) (AOLpress)
• Création de liens (la source du lien peut être un fragment de texte ou une image)
  • Lien sur un autre fichier
  • Lien sur un autre serveur
  • Ancre (cible du lien)

Fonctions (un peu plus) avancées

• Création de liens: n'importe quel URL permet de réaliser un lien! Essayez avec ftp (par exemple: ftp://ftp.cray.com/) pour d'autres protocoles un service est nécessaire. Essayez mailto
• Vous voulez offrir à vos clients de charger un fichier 'doc'; comment vous y prenez-vous ?

Images "clicables"

Il y a quelque temps, le lien entre une zone d'image et le nom du lien se faisait à l'aide d'un programme cgi et d'un fichier se trouvant sur le serveur. Une proposition (adoptée par AOLpress) a été de transférer le fichier des liens sur le client. La solution actuelle est de faire figurer les liens dans la page HTML . Il est donc nécessaire de compléter le code produit par AOLpress (1.2) (à moins qu'une option existe ou qu'une correction ait été introduite ?)

Code produit par AOLpress

<IMG ISMAP SRC="image.gif" ALT="" USEMAP="#image1" WIDTH="335" HEIGHT="35">
<MAP NAME="image1">
<AREA SHAPE="RECT" NOHREF COORDS="164,9,292,33">
</MAP>

Code modifié

<IMG ISMAP SRC="image.gif" ALT="" USEMAP="#image1" WIDTH="335" HEIGHT="35">
<MAP NAME="image1">
<AREA SHAPE="RECT" HREF="http://..." COORDS="164,9,292,33">
</MAP>

Regardez ....

Pratique:

• Testez les pages réalisées sur un autre navigateur (Netscape); il peut y avoir des différences sensibles d'un navigateur à l'autre!
• Vos pages pourront changer de serveur, n'utilisez aucun nom spécifique à votre machine (nom de device, etc.)
• Un coup d'oeil aux "General Preferences" rubrique "Helpers" montre:
  • les différents formats pris ou non en compte par Netscape
  • leur description selon la norme MIME.

Pour créer du code HTML

• Editeurs texte (Bloc note, etc.)
• Editeurs HTML (AOLpress, HoTMetaL, FrontPage 97, etc.)
• Convertisseurs (rtf2html, textohtml, etc.)
• Générateurs (modèle dans Word, Microsoft assistant (?), FrameMaker (Adobe) permet de générer des fichiers PDF et des fichiers HTML, etc.)
• Divers (UTOPIA, etc.).