I. Qu'est ce que HTMLPad

De nos jours, Il existe beaucoup d'éditeurs généralistes mais très peu spécifique au langage (X)HTML. HTMLPad est un éditeur, payant, spécifique au développement de pages (X)HTML et nous avons décidé de le tester afin de connaitre les avantages comparés aux éditeurs généralistes.

HTMLPad n'est pas un éditeur WYSIWYG, autrement dit vous n'avez pas la possibilité de coder vos pages de manière graphique. Le fait qu'il ne soit pas WYSIWYG ne gène absolument pas, au moins il n'y aura pas de problème avec la génération de codes automatique qui est souvent mal faite et non valide.

Il permet de créer ou modifier facilement du code (X)HTML et CSS, d'avoir une prévisualisation quasi-instantanée de vos pages dans différents navigateurs, une auto-complétion des balises, une validation du code (X)HTML et CSS, et bien plus encore !!

Même si ce logiciel à pour spécificité le développement de documents (X)HTML et CSS, il nous permet tout de même et avec une certaine limitation, d'éditer des documents PHP, ASP, etc.

Pour notre test, nous avons utilisé la dernière version disponible sur le marché dont les caractéristiques sont les suivantes :

Nom : HTMLPad Professional 2007
Éditeur : Blumentals SoftwareBlumentals Software
Version : 8.3.1.81
Site : http://www.blumentals.net/htmlpad/HTMLPad
Support : Windows 98, Me, 2000, 2003, XP, Vista
Langue : Anglais

II. Première installation

La première installation du logiciel se fait comme tous les autres. Vous lancez l'installeur et vous suivez les indications qui vous sont données.

Une fois l'installation terminée, il vous reste plus qu'à saisir la licence qui vous a été fournie par l'éditeur.

III. Premier lancement de HTMLPad

Au premier lancement d'HTMLPad, il nous faut configurer les quelques options habituelles tels que l'association des fichiers, l'espace de travail, le style de l'interface, etc. En plus de cela, il nous est demandé la version du HTML et du CSS que l'on souhaite utiliser.

Les captures d'écran qui suivent représentent les différentes étapes de la configuration à effectuer suite à cette première exécution.

Configuration du logiciel aux premier lancement - 1
Ecran de bienvenue


Configuration du logiciel aux premier lancement - 2
Sélection du type de fichiers à utiliser par défaut


Configuration du logiciel aux premier lancement - 3
Sélection de la spécification (X)HTML à utiliser par défaut


Configuration du logiciel aux premier lancement - 4
Sélection de la spécification CSS à utiliser par défaut


Configuration du logiciel aux premier lancement - 5
Sélection du type d'espace de travail


Configuration du logiciel aux premier lancement - 6
Sélection du thème utilisé par le logiciel


Configuration du logiciel aux premier lancement - 7
Sélection des associations à un type de fichier


Configuration du logiciel aux premier lancement - 8
Sélection du répertoire de travail


Configuration du logiciel aux premier lancement - 9
Ecran de fin de configuration

IV. Configuration des options

Ce chapitre va vous montrer les quelques points intéressants qui peuvent être configurés. Intéressants dans le sens utiles mais aussi intéressants à savoir.

IV-A. Préférences générales

Comme dans la plupart des éditeurs, il est possible d'ouvrir automatiquement les précédents documents ouverts après une réouverture du logiciel.

On peut également définir une action à la fermeture tel que sauver les documents ouverts et/ou être averti des documents non sauvegardés.

Une option d'enregistrement automatique peut être activée et paramètrée pour sauvegarder les documents dans un quelconque répertoire.

Partie configuration de HTMLPad 2007
Fenêtre de configuration des préférences générales

IV-B. Préférences de l'éditeur de texte

HTMLPad propose évidemment l'auto-complétion des balises. Le temps d'apparition de la liste des balises peut être configuré.

Partie configuration de HTMLPad 2007
Fenêtre de configuration de l'auto-complétion


HTMLPad nous permet de définir des chaînes de remplacements ou des corrections automatiques.

Partie configuration de HTMLPad 2007
Fenêtre de configuration des remplacements automatiques


Dans le cas d'une correction automatique, faites par l'éditeur, un Smart Button apparaît et vous permet d'annuler cette dernière. Cette option peut être activer ou désactiver selon vos besoins.

Partie configuration de HTMLPad 2007
Fenêtre de configuration du Smart Button

IV-C. Préférences des fichiers

Comme dans tous éditeurs, il y a la possibilité de choisir le type d'encodage du document ainsi que le format Unix, Windows ou Mac.

Comme vous pouvez le voir dans la capture d'écran suivante, il y a très peu d'encodages disponibles (personnellement, ce n'est pas un réel problème, le plus important est là).

Partie configuration de HTMLPad 2007
Fenêtre de configuration de l'encodage des fichiers


Cette éditeur nous propose également une option d'auto-sauvegarde des fichiers. Il nous reste plus qu'à l'activer et définir le répertoire de sauvegarde.

Partie configuration de HTMLPad 2007
Fenêtre de configuration de l'auto-sauvegarde des fichiers

IV-D. Options pour les langages utilisés

Le (X)HTML étant le langage mis en avant par cet éditeur, il est tout à fait normal d'avoir une zone de configuration pour sa bonne utilisation. On peut y sélectionner le type de spécification, le Doctype à utiliser ou encore la fermeture automatique des balises.

Partie configuration de HTMLPad 2007
Fenêtre de configuration des options liées à l'utilisation du (X)HTML


Tout comme le (X)HTML, nous avons la possibilité de configurer certaines options relatives au CSS. On peut y choisir la spécification à utiliser, les règles de formatage du code, l'affichage de la barre d'outils, etc.

Partie configuration de HTMLPad 2007
Fenêtre de configuration des options liées à l'utilisation du CSS


Comme cela a été dit plus tôt, HTMLPad permet, de manière limitée, l'édition de scripts PHP mais cela n'empêche pas de configurer certaines options de bases.

Partie configuration de HTMLPad 2007
Fenêtre de configuration des options liées à l'utilisation du PHP

IV-E. Le correcteur orthographique

HTMLPad propose aussi un correcteur orthographique que certains s'empresseront sans doute d'activer.

Partie configuration de HTMLPad 2007
Fenêtre de configuration de la correction automatique

IV-F. Préférences d'impression

Cette éditeur nous offre, comme tous les autres, la possibilité d'imprimer nos pages de code. Et par conséquent, une fenêtre de configuration nous permet d'imprimer en spécifiant une certaine mise en forme.

Partie configuration de HTMLPad 2007
Fenêtre de configuration des options d'impression

V. À la découverte du logiciel

IV.1. Les projets

Il est possible de créer des projets et de les lier à un serveur FTP.

Partie création de projet de HTMLPad 2007
Fenêtre de configuration des options de projets


Pour lier un projet à un serveur, il y a la possibilité de faire une connexion rapide (Quick Connect) qui ne retient pas les informations relatives aux comptes FTP ou d'utiliser la fenêtre normale qui permet de sauvegarder les identifiants.

Partie création de projet de HTMLPad 2007
Fenêtre de connexion au serveur FTP


Il sera alors possible de travailler soit directement sur le FTP soit en local et de mettre à jour très facilement le FTP via le l'explorateur de fichiers (File Explorer).

IV.2. L'interface

Une fois que toutes les configurations ont été faites, on peut obtenir l'interface suivante :

Interface de HTMLPad 2007
Interface de l'éditeur avec tous les éléments d'édition

IV.2.1. L'explorateur de code

À gauche de la fenêtre se trouve l'explorateur de code ou Code Explorer. L'explorateur de code liste toutes les ressources utilisées dans la page si nous éditons une page (X)HTML, sinon il liste toutes les propriétés CSS dans le cas d'un fichier CSS ou encore une liste de fonctions ou d'includes pour un fichier JavaScript.

Code Explorer de HTMLPad 2007
Les diverses fenêtres du Code Explorer

IV.2.2. Librairie et extrait de code

HTMLPad nous fournit une librairie de codes tout fait avec la possibilité d'en créer, éditer ou supprimer. On peut aussi leur assigner une combinaison de touches.

Library et Code Snippet de HTMLPad 2007
Fenêtres de l'éditeur de codes

IV.2.3. Prévisualisation de la page

Il y a deux types de prévisualisation :

  • la visualisation complète ;
  • la visualisation simultanée de la page et du code.

Il est possible aussi de choisir le moteur de rendu de la page (Firefox, Internet Explorer, Opéra, Safari ; d'autres peuvent être ajoutés).

Prévisualisation de la page dans HTMLPad 2007
Prévisualisation de la page

IV.2.4. Sélection du DOCTYPE

Nous avons la possibilité de changer le DOCTYPE du document à la volée via un bouton de la barre d'outils.

C'est une fonction particulièrement intéressante puisqu'elle permet de l'ajouter automatiquement.

Doctype à la volée dans HTMLPad 2007
DOCTYPE à la volée

IV.2.5. Le Tidy HTML

Tidy est un puissant validateur et processeur (X)HTML. Il permet de valider, nettoyer du code (X)HTML selon les recommandations faites par le W3C.

HTMLPad intègre directement cet outil et permet via la barre d'outils de faire toutes sortes d'actions configurables.

Le résultat d'une validation via Tidy est directement visualisable en bas de la fenêtre.

Tidy HTML dans HTMLPad 2007
Utilisation de la validation avec Tidy HTML

IV.2.6. L'explorateur de fichiers

L'explorateur de fichiers de HTMLPad n'est pas un explorateur traditionnel. Il est divisé en deux parties :

  • La partie supérieure servant à naviguer dans les dossiers ;
  • La partie inférieure servant à naviguer dans les fichiers.
Explorateur de fichiers d'HTMLPad 2007
Explorateur de fichiers

Personnellement, je trouve cette façon de faire peu pratique. Dans un explorateur traditionnel on ouvre les dossiers et on a les fichiers dedans. Si on ouvre deux dossiers on aura les fichiers des deux dossiers visibles, mais ici ce n'est pas le cas.

IV.2.7. Le presse-papier

HTMLPad nous fournit un presse-papier qui garde en mémoire toutes les actions de copie que vous faites (même celles qui ne sont pas faites à partir de l'éditeur).

Presse-papier d'HTMLPad 2007
Presse-papier

IV.2.8. L'inspecteur de code (X)HTML et CSS

Il existe un inspecteur de code pour le (X)HTML et le CSS.

L'inspecteur de code (X)HTML permet lors d'un clic sur l'une d'elles, de lister les attributs de cette balise. Vous pourrez ensuite les modifier via l'Inspecteur et celui-ci mettra automatiquement à jour le code.

Je regrette seulement que l'inspecteur de code (X)HTML ne fasse pas un peu plus attention au DOCTYPE car il propose des attributs pas toujours valides. Ma foi ce n'est pas si grave que ca pour celui qui connait le langage.

Ensuite vient l'inspecteur de code CSS. Celui-ci, quand vous êtes entre les accolades d'une propriété CSS, va vous lister les propriétés selon la spécification CSS demandée (dans l'exemple c'est CSS 2.1).

En bas de l'inspecteur de code CSS se trouve une liste des navigateurs compatibles avec la propriété en cours de modification.

Inspecteur dans HTMLPad 2007
Le contrôleur (X)HTML et CSS

IV.2.9. Les barres d'outils

Les barres d'outils que fournit HTMLPad 2007 permettent, d'un simple clic, d'ajouter du code (X)HTML ou CSS.

Il est possible avec la barre (X)HTML d'ajouter une ligne horizontale (<hr /<>), un tableau, un formulaire, ou autres.

Barre d'outils (X)HTML de HTMLPad 2007
Barre d'outils (X)HTML


Avec celle pour le CSS, on peut rajouter des propriétés aux sélecteurs.

Barre d'outils CSS de HTMLPad 2007
Barre d'outils CSS

VI. Avis final sur HTMLPad Professionel 2007

VI-A. Avis de Adrien Pellegrini

HTMLPad 2007 est outil très complet. Il permet de faire pas mal d'opérations assez rapidement via la barre d'outils et les panneaux latéraux.

Ce que j'apprécie particulièrement c'est la possibilité, en un clic, de valider son code aussi bien (X)HTML que CSS, grâce à Tidy.

Malgré l'étendue des possibilités qu'offre ce logiciel, il existe un point qui me chagrine. En effet, lors d'un clic sur la zone d'édition, le curseur ne se positionne pas automatiquement après le dernier caractère de la ligne cliquée.

Je finirais par signaler que bien que ce test soit axé sur le (X)HTML et le CSS, HTMLPad 2007 prend en charge et met à disposition des outils pour PHP ou encore JavaScript aussi.

VI-B. Avis de Rodrigue Hunel

Personnellement, je trouve que cet éditeur est plus qu'intéressant. En effet, il permet d'éditer assez rapidement, à l'aide d'outils assez pointus et utiles, des documents (X)HTML et CSS. Que demander de plus ? Une traduction ?! *-)

Contrairement à certains éditeurs que j'ai pu utiliser auparavant c'est le seul que je trouve aussi abouti et sans trop de bugs sous Windows XP.

En conclusion, excepté le petit défaut de l'explorateur de fichiers, c'est un outil à utiliser et à recommander pour le développement (X)HTML et CSS.

VI-C. Points positifs et négatifs à retenir

Points positifs :

  • Temps de chargement très réduit ;
  • La richesse de l'interface. Tout se retrouve en quelques clics ;
  • Les différents validateurs mis à disposition ;
  • Le ColorPicker peut sélectionner toutes les couleurs de pixel se trouvant sur l'écran et non celle uniquement sur le logiciel comme certains le font ;
  • Le Code Snippet (l'éditeur de code) est très utile ;
  • L'option d'auto-remplacement n'est pas mal.

Points négatifs :

  • Quelques bugs qu'ils seraient bien de supprimer (notamment sous Vista).
  • L'explorateur de fichiers peu pratique.

VII. Liens

VIII. Remerciements

Tous mes remerciements à David Gimelle pour sa relecture.