Test de l'éditeur HTMLPad Professional 2007 de Blumentals Software

| Adrien Pellegrini | Rodrigue Hunel |

Test de l'éditeur HTMLPad Professional 2007 de Blumentals Software. ♪

- Titre : Test de l'éditeur HTMLPad Professional 2007 de Blumentals Software

- Auteurs : Adrien Pellegrini, Rodrigue Hunel

- Parution : 22 avril 2008

- Licence : Copyright ® 2008 Adrien Pellegrini. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Sommaire

- I. Qu'est-ce que HTMLPad

- II. Première installation

- III. Premier lancement de HTMLPad

- IV. Configuration des options

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

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

- IV-C. Préférences des fichiers

- IV-D. Options pour les langages utilisés

- IV-E. Le correcteur orthographique

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

- V. À la découverte du logiciel

- V-A. Les projets

- V-B. L'interface

- V-B-1. L'explorateur de code

- V-B-2. Librairie et extrait de code

- V-B-3. Prévisualisation de la page

- V-B-4. Sélection du DOCTYPE

- V-B-5. Le Tidy HTML

- V-B-6. L'explorateur de fichiers

- V-B-7. Le presse-papier

- V-B-8. L'inspecteur de code (X)HTML et CSS

- V-B-9. Les barres d'outils

- VI. Avis final sur HTMLPad Professionel 2007

- VI-A. Avis de Adrien Pellegrini

- VI-B. Avis de Rodrigue Hunel

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

- VII. Liens

- VIII. Remerciements

I - Qu'est-ce que HTMLPad

De nos jours, il existe beaucoup d'éditeurs généralistes, mais très peu spécifiques 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 autocomplé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 Software
Version : 8.3.1.81
Site : http://www.blumentals.net/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 telles 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.

Écran de bienvenue

Sélection du type de fichiers à utiliser par défaut

Sélection de la spécification (X)HTML à utiliser par défaut

Sélection de la spécification CSS à utiliser par défaut

Sélection du type d'espace de travail

Sélection du thème utilisé par le logiciel

Sélection des associations à un type de fichier

Sélection du répertoire de travail

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

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'autocomplétion des balises. Le temps d'apparition de la liste des balises peut être configuré.

Fenêtre de configuration de l'autocomplétion

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

Fenêtre de configuration des remplacements automatiques

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

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

Fenêtre de configuration de l'encodage des fichiers

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

Fenêtre de configuration de l'autosauvegarde 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.

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.

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

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.

Fenêtre de configuration de la correction automatique

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

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

Fenêtre de configuration des options d'impression

V - À la découverte du logiciel

V-A - Les projets

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

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.

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

V-B - L'interface

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

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

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

Les diverses fenêtres du Code Explorer

V-B-2 - Librairie et extrait de code

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

Fenêtres de l'éditeur de codes

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

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

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

Utilisation de la validation avec Tidy HTML

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

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.

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

V-B-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 ça 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.

Le contrôleur (X)HTML et CSS

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

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

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

Éditeur : Blumentals Software
Site : http://www.blumentals.net/htmlpad/

VIII - Remerciements

Tous mes remerciements à David Gimelle pour sa relecture.