Test de l'éditeur HTMLPad Professional 2007 de Blumentals Software
Date de publication : 22/04/2008
Par
Adrien Pellegrini (Page d'accueil)
Rodrigue Hunel (Rodrigue Online)
Test de l'éditeur HTMLPad Professional 2007 de Blumentals Software.
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
IV.1. Les projets
IV.2. L'interface
IV.2.1. L'explorateur de code
IV.2.2. Librairie et extrait de code
IV.2.3. Prévisualisation de la page
IV.2.4. Sélection du DOCTYPE
IV.2.5. Le Tidy HTML
IV.2.6. L'explorateur de fichiers
IV.2.7. Le presse-papier
IV.2.8. L'inspecteur de code (X)HTML et CSS
IV.2.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é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 :
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.
Ecran 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
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.
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é.
Fenêtre de configuration de l'auto-complé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, 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.
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
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.
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.
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 bases.
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
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.
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.
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).
IV.2. 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
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.
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.
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
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
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.
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
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
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.
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
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'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
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'à 3 ans de prison et jusqu'à 300 000 E
de dommages et intérêts.
Cette page est déposée à la
SACD.
