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 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

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 . Cette fonction permet de détecter les liens non valides qu'ils soient internes au site ou qu'ils soient distants. 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

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. 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