eao.gif

MÉTHODE RAISONNÉE POUR ÉCRIRE AVEC UN ORDINATEUR

Site de l'auteur Plan Précédent Suivant




II LES DONNÉES DU PROBLÈME

Saisissons bien la question telle qu’elle doit se poser. Il ne s’agit pas seulement de présenter un texte d’une façon optimale comme si l'on s'apprêtait à l’envoyer à l’imprimeur. Cela, le format pdf nous permet déjà parfaitement de le faire. Il s’agit bien de le présenter d’une façon optimale, mais de sorte qu’il permette, en plus de la lecture, d’être repris et modifié avec le moins de peine possible par soi ou d’autres, sur sa machine ou sur d’autres avec d’autres outils, et sur la longue durée. La question est de l’enregistrer à la fois pour la lecture et pour l’écriture.

 

Si je cherche à supprimer les espace après les paragraphes et à introduire des alinéas dans le HTML, ce sera pour me faciliter la conversion sur un traitement de texte, pour m’éviter de supprimer un saut de paragraphe surnuméraire chaque fois que j’ai fait un retour à la ligne, et certainement pas pour me la compliquer.

 

Il est évident que si l’on est amené à corriger du code source, plus celui-ci est simple et limité au strict nécessaire, plus ce sera facile. Le chois des outils de conversion est ici déterminant.


HTML et CSS

Il existe actuellement deux principaux moyens de mettre en forme un texte en html. Le plus sommaire consiste à utiliser des balises html, comme nous avons déjà commencé à le voir, et l’on s’en contentera si l’on n’est pas trop exigeant. Sinon, on pourra utiliser des feuilles de style (cascading style sheet) qui permettent un réglage plus fin et qui, somme toute, sont plus souples à utiliser.



Les CSS


Les CSS sont extrêmement pratiques pour mettre en page, et leur principe est à peu près le même que celui des feuilles de style des traitements de texte.

Le code commandant les différents styles est inscrit sur un fichier indépendant (disons « style1.css »). Il suffit de faire un lien dans la section « head » d’une page pour qu’elle adopte les styles.

Exemple ce code source d’un lien avec une CSS :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<title>Titre de la page</title>
<LINK rel=stylesheet type="text/css" href="style1.css">
</HEAD>

Le double avantage est que le code source n’en est pas surchargé, et que la seule modification de la feuille de style suffit à modifier la présentation de toutes les pages qui s’y rapportent.



III LES OUTILS

Manipuler du code source est beaucoup moins difficile qu’il pourrait le sembler quand on affiche pour la première fois le code d’une page, et le choix des outils peut nous aider considérablement.

 

• Le module Composer du navigateur libre Mozilla est un excellent éditeur wysiwyg.

 

• Les éditeurs HTML

On peut très bien se passer d’éditeur wysiwyg pour réaliser une page web. Il suffit d’afficher simultanément sa page sur le navigateur et sur l’éditeur. On observe les modifications à apporter sur le navigateur, on repère le code correspondant sur l’éditeur, on le corrige et on enregistre, on clique ensuite dans la fenêtre du navigateur sur le bouton « recharger la page » pour voir le changement. (Si le bouton « Recharger » n’est pas affiché sur la barre de navigation, chercher dans le menu « préférence » les options d’affichage.)

La plupart des éditeurs HTML ont un bouton « aperçu dans le navigateur ». Les fonctions « rechercher » et « rechercher-remplacer » facilitent grandement ce travail.

Il y a un grand intérêt quelquefois à ne pas utiliser ce bouton, mais à activer plutôt la fenêtre du navigateur et se servir du bouton "Recharger". La page alors se rafraîchira en s'affichant exactement à l'endroit où elle était déroulée avant qu'on la retouche.


Quelques éditeurs HTML

Alpha

Est un éditeur de texte extrêmement puissant. Il possède un mode HTML qui se lance automatiquement dès qu’on ouvre ou enregistre une page avec le suffixe « .HTML ». Il est en source libre, ce qui permet de le modifier à tous les niveaux si on en est capable.

Comme la plupart des éditeurs, il colorise le code, mais il offre en outre l’avantage d’afficher les caractères spéciaux en code ou en mode lecture.

Il est très complet (gestion de site, téléchargement, css…) et, pour 30$, représente le meilleur rapport qualité prix.

http://www.kelehers.org/alpha/

BBEdit

De Barebones, est une autre solution complète pour MacOS, mais nettement plus chère (119$). Il existe une version Lite gratuite, bien limitée, mais précieuse pour la richesse de ses fonctions de recherche.

http://www.barebones.com/

Creatext

De Marius Sauthier. Est encore un éditeur complet pour Mac. Il est gratuit et bien largement suffisant.

http://wasamoebel.de/marius

Frontier

Est un outil très singulier, très efficace et très complexe. Il est avant tout un éditeur de scripts, mais très bien adapté à la création de sites. Il est l’outil idéal pour effectuer des modifications systématiques sur l’ensemble d’un site, mais il est en conséquence très difficile à maîtriser, d’autant que sa puissance peut provoquer des catastrophes en cas de fausse manœuvre. À réserver aux experts.
http://www.scripting.com/



Site de l'auteur Plan Précédent Suivant



© Jean-Pierre Depétris, 2002