Conception
de serveurs et de services sur internet
pour l'enseignement
des sciences de la vie et de la Terre
Université
d'été, CRDP de Versailles, 20-24 juillet 1998
Les éditeurs HTML
D. Lenne
Sommaire
Introduction
Gestion de sites
Fonctions de base
Fonctions avancées
Liens
Présentation d'éditeurs
Introduction
Le langage HTML (HyperText Markup Language) est un langage permettant
de décrire des pages à l'aide de balises (tags), de texte,
de références et de liens. Le code correspondant à
une page est un texte qui peut être édité par un éditeur
de texte quelconque (par exemple le bloc-notes de Windows). Un tel outil
n’apporte cependant aucune aide à l'édition des pages et
demande une bonne connaissance du langage HTML.
Pour faciliter la production de pages HTML deux types d'outils sont
disponibles :
-
Les éditeurs de code (tels que WebExpert ou HomeSite) qui
proposent simplement des fonctions permettant d'insérer les balises
et de contrôler la syntaxe et restent ainsi proches du code HTML.
-
Les composeurs (tels que FrontPage 98 ou PageMill), encore appelés
éditeurs wysiwig (what you see is what you get) qui au contraire
permettent de composer directement les pages et prennent en charge la traduction
en langage HTML.
Les composeurs sont plus faciles à utiliser que les éditeurs
de code. En effet, ces derniers demandent une connaissance au moins partielle
du langage HTML. En revanche, ils produisent généralement
un code de meilleure qualité et permettent de mieux exploiter les
possibilités du langage.
Nous décrirons plus loin un éditeur de code (WebExpert)
et quatre composeurs (AolPress, FrontPage 98, le composeur de Netscape
Communicator et PageMill).
Avant cela, nous présentons rapidement les principales fonctions
que proposent ces outils. Aucun d'entre eux n'est à l'heure actuelle
véritablement satisfaisant. Ils réalisent plus ou moins bien
les fonctions décrites ci-dessous. Ces fonctions peuvent donc constituer
des critères de choix selon l'importance qu'on leur accorde. Ainsi
les fonctions de gestion de site seront certainement plus importantes pour
un usage de type professionnel sur des sites de taille assez importante.
Pour des sites plus modestes, c'est au contraire la simplicité de
mise en œuvre des fonctions de base qui primera.
Nous avons distingué trois types de fonctions : les fonctions
de gestion de sites, les fonctions de base et les fonctions avancées.
Cette dernière distinction entre fonctions de base et fonctions
avancées est bien sûr assez arbitraire. Certaines fonctions
peuvent donc être transférées de l'une à l'autre
des catégories en fonction de l'utilisation envisagée.
Gestion de sites
-
Visualisation de l'intégralité d'un
site
La structure du site peut être visualisée sous la forme d'un
graphe dont les nœuds sont les pages ou les composants des pages (graphiques,
sons, applets, etc.) et dont les arcs sont les liens entre ces pages (ou
avec leurs composants). Une structure arborescente du site peut également
être proposée (comme dans FrontPage). Ce type de structure
permet notamment de générer automatiquement des barres de
navigation .
-
Vérification de la cohérence des liens
Cette fonction permet de détecter les liens non valides qu'ils soient
internes au site ou qu'ils soient distants.
-
Automatisation des transferts vers le serveur http
Le transfert vers le serveur http utilise le protocole ftp. Il peut être
automatisé et certains éditeurs permettent de remplacer les
seuls fichiers modifiés depuis la dernière mise à
jour.
Fonctions de base
L'ensemble des éditeurs permet d'utiliser les possibilités
de mise en forme des pages offertes par le langage HTML (polices, styles,
alignements, etc.).
De même, l'importation de textes produits avec d'autres logiciels
est généralement possible mais la mise en forme est plus
ou moins bien conservée en fonction des éditeurs.
L'insertion d'une image consiste à indiquer le chemin (relatif)
d'accès au fichier contenant cette image. Il faut de plus pouvoir
redimensionner l'image et indiquer un texte de substitution.
Insérer un lien vers une autre page (en précisant éventuellement
une ancre ou signet dans cette page) est une opération de base pour
un éditeur HTML. Tous les éditeurs réalisent donc
cette opération de manière satisfaisante. En revanche, la
possibilité de vérifier les liens internes au site ou distants
peut être un critère de choix.
Les éditeurs de code réalisent évidemment cette fonction.
Les composeurs disposent généralement eux aussi de possibilités
d'édition du code pour permettre de le vérifier ou de le
modifier plus facilement. Certains font appel à des éditeurs
externes, d'autres disposent d'un éditeur syntaxique, facilitant
la vérification de la syntaxe au moyen d'un jeu de couleurs.
Les tableaux peuvent prendre des formes relativement complexes. Il est
par exemple parfois nécessaire de subdiviser ou de changer la couleur
du fond pour des lignes, des colonnes ou même des cellules particulières.
Là encore, si l'ensemble des éditeurs permettent de créer
des tableaux, ils réalisent en revanche plus ou moins complètement
ls opérations plus complexes sur ces tableaux.
Fonctions avancées
-
Les images réactives (ou interactives)
Depuis la version 3 du langage HTML, la création d'images réactives
est devenue relativement simple. Il suffit d'associer une action (généralement
afficher une page) à une zone de l'image définie par ses
coordonnées. Le seul problème est de déterminer ces
coordonnées. Les éditeurs sont souvent dotés d'outils
permettant de définir des zones rectangulaires, polygonales ou circulaires
et calculant automatiquement les coordonnées correspondantes.
Les cadres sont de plus en plus souvent utilisés pour faciliter
la navigation. Ils se présentent généralement sous
la forme de bandes étroites horizontales ou verticales et contiennent
des index ou des barres de navigation. Un bon éditeur HTML doit
donc permettre de les mettre en place facilement.
Les formulaires sont souvent nécessaires pour recueillir des informations
fournies par les utilisateurs d'un site. Un éditeur HTML doit donc
permettre de mettre en place facilement les éléments constitutifs
d'un formulaire : boutons, boutons radio, cases à cocher, boites
de listes, zones de texte. Il faut noter que le traitement des formulaires
nécessite généralement la mise en place d'un programme
adapté sur le serveur.
-
Insertion d'objets (applets, activeX, plugins)
Des fonctions peuvent permettre de faciliter l'insertion d'applets Java,
de contrôles activeX ou d'objets associés à des plugins.
Si ces fonctions ne sont pas disponibles, il reste cependant possible d'insérer
le code correspondant au moyen de l'éditeur de code.
Enfin, certains éditeurs tels que FrontPage commencent à
prendre en compte le "Dynamic HTML" (DHTML) et les feuilles de style (Cascading
Style Sheets ou CSS)
Notons que des outils complémentaires tels que les convertisseurs
(ou filtres) peuvent également être utilisés. Ainsi
RtfToHtml permet de transformer un texte au format RTF en un texte au format
Html. De même, il existe des utilitaires qui permettent de transformer
une aide Windows en pages Html.
Liens
De nombreux sites proposent des informations plus ou moins à
jour sur les éditeurs HTML. Le site (et le livre) de Gilles Maire,
Un
Nouveau Guide Internet (UNGI), qui aborde en outre l’ensemble des aspects
liés à la conception de sites est certainement l’un des plus
intéressants. On y trouve notamment un tableau comparatif comprenant
les éditeurs présentés dans la suite.
Présentation d'éditeurs
Nous décrivons dans la suite un éditeur de code (WebExpert)
et trois composeurs (AolPress, FrontPage
98, le composeur de Netscape Communicator).
Ces éditeurs figurent parmi les plus complets et les plus utilisés
actuellement. La liste est cependant loin d'être exhaustive. D'autres
éditeurs tels que WebWeaver ou HotMetal Pro méritent certainement
d'être examinés avec attention.
Retour au sommaire des actes