[Webmaster] Choisir un bon éditeur, les éditeurs à éviter

Introduction

Il existe plusieurs éditeurs, en mode code ou en WYSIWYG (le logiciel code à votre place), bons ou moins bons.

Le but de cette astuce est de vous faire éviter certains (soi-disant) éditeurs qui font du code n'importe comment, et de prendre à la place des éditeurs qui font du code valide, propre, et lisible. Certains sont gratuits, d'autres payants, certains open-source et d'autres non.

Cette liste sera sûrement subjective, mais approuvée par plusieurs webmasters/codeurs.

I Les éditeurs à éviter

I.1 Frontpage

Génère du code invalide : balises en majuscules, propriétés propriétaires (c'est-à-dire non standards, invalides et ne fonctionnant pas sous tous les navigateurs).

I.2 Word

Qui a dit que c'était un éditeur ?
Met des tableaux partout et referme les balises dans le mauvais sens.

I.3 Publisher

Idem. Ce n'est pas du tout un logiciel pour faire des sites WEB.

II Les éditeurs recommandés

II.1 Editeurs WYSIWYG

Les éditeurs WYSIWYG, soit "What you see is what you get" vous permettent de créer vos pages web de la même manière qu'avec un traitement de texte.

II.1.1 Dreamweaver

Le meilleur WYSIWYG je trouve.
C'est celui qui génère le code le plus propre en mode création, et l'auto-complétion des balises et attributs en mode code est appréciable.
Mais évidemment, le prix s'en ressent.
Si vous ne voulez pas forcément d'un logiciel professionnel, un gratuit conviendra amplement.

II.1.2 Web Expert

Éditeur WYSIWYG, payant, cher.
Génère un code propre.
Navigateur intérieur insuffisant.
Complet.

II.1.3 Nvu / Kompozer

Sous deux noms différents, nous trouvons deux projets basés sur le Composer de Mozilla.

Nvu est le premier à avoir vu le jour, mais le développement de ce logiciel est désormais suspendu et un certain nombre de défauts lui sont reprochés par des utilisateurs avertis.

Tout n'est pas perdu pour autant et le projet "non officiel" Kompozer a vu le jour. Il est fortement recommandé de préférer cette nouvelle version de l'éditeur, qui pour sa part, reste en développement, corrige des bugs de Nvu et apporte de nouvelles fonctionnalités à l'éditeur.
(Merci à Dalida)

Il existe un tutoriel sous forme d'extension ainsi qu'une version française.

II.1.4 Amaya

Un autre éditeur web respectueux des standards, créé par le W3C, gratuit et open-source.
Sans doute l'un des plus simples à prendre en main, il convient très bien aux débutants.

II.2 Editeurs en mode code

II.2.1 Notepad++

Notepad++ est un éditeur de code source qui supporte plusieurs langages. Il utilise la même composante que SciTE (Scintilla). Il offre la possibilité d'auto-complétion de texte avec certains langages en proposant une liste de fonctions de base utiles. Tout est paramétrable. La coloration syntaxique par défaut est très pertinente.
Distribué gratuitement sous licence GPL.

II.2.2 PSPad

Un excellent éditeur en mode code sous Windows. Possède un tas de fonctionnalités et détails pratiques. En plus, il est très léger. Il ressemble beaucoup à Notepad++
On peut lui ajouter des extensions, disponibles sur le site officiel.
Gratuit, mais propriétaire.

Il intègre Tidy (pour la vérification/correction du code HTML), ainsi que divers outils spécifiques HTML: compression du code HTML, reformattage, pipette de couleur avec insertion du code RGB, reformattage CSS, import CSV vers HTML, etc.

La coloration syntaxique peut prendre en compte plusieurs langages dans la même page: HTML, php, Javascript...

II.2.3 SciTE

Excellent, léger, simple et efficace (libre surtout :)).
Bluefish fait bien l'affaire aussi avec Linux.

Télécharger ces logiciels

Dreamweaver (Site officiel)
Nvu
Kompozer (Site "non" officiel)
Kompozer (version française)
Amaya
PSPad
Notepad++ (Site officiel)
SciTE (Site officiel)

A voir également

Code source d'une page simple avec différents éditeurs (on voit vite pourquoi Word est dans les mauvais)