Les environnements de travail WYSIWYG, comme Adobe GoLive, Dreamweaver ou Microsoft FrontPage, ont permis de rendre accessible la conception de pages Web à un public ne connaissant ni le balisage, ni le CSS, et encore moins les normes du Web.

Ces logiciels sont conçus pour coder à votre place. On pourrait être tenté de croire qu'ils nous feront gagner du temps, que réaliser des pages Web dans Dreamweaver est plus efficace que de coder à la main le XHTML et le CSS. Ce n'est pas nécessairement le cas.

Si les éditeurs HTML peuvent sembler «plus puissants» et «plus efficaces», il suffit souvent d'observer le code source produit à l'aide de ces logiciels pour se convaincre du contraire. Ces éditeurs WYSIWYG font souvent un usage abusif des balises de présentation et produisent du code qui risque d'être plus difficile à maintenir et à réutiliser. Il est donc plutôt rare que ces éditeurs servent à produire la version finale d'un site Web, on les utilisera plutôt pour réaliser des prototypes ou des maquettes.

Coder à la main ne nécessitera qu'un simple éditeur de texte, comme le Notepad de Windows ou TextEdit sur Mac OS X. Votre connaissance du balisage et du CSS vous permettra de produire un code bien structuré, bien ordonné et ayant du sens. N'ayez crainte, il suffit souvent de connaître qu'une douzaine de balises HTML pour réaliser une page Web, et les langages HTML et CSS sont loin de la complexité des langages de programmation informatique.

Des éditeurs de code existent sur toutes les plateformes. Ces logiciels fournissent quelques outils simplifiant le travail des codeurs. De plus, ces logiciels sont généralement beaucoup moins dispendieux que les éditeurs WYSIWYG. Nous vous recommandons les suivants :

* TextMate (Mac OS X)
* BBEdit (Mac OS X)
* UltraEdit (Windows)
* Notepad (Windows)
* Style Master pour le CSS (Windows et Mac OS X)

Pour développer et tester vos pages, il est important de choisir un navigateur Web moderne et stable, afin d'éviter les problèmes et les bogues des navigateurs plus anciens. Le choix de ce navigateur dépendra de la clientèle à qui s'adresse le site. Utiliser un navigateur supportant bien le CSS et possédant des outils de développement vous permettra de sauver du temps lors du développement et des tests.

Mozilla Firefox est actuellement le navigateur tout indiqué pour les designers Web conscients de l'importance des normes. Firefox possède une suite imposante de près de 200 extensions pour les développeurs. Parmi ceux-ci, l'extension Web Developer de Chris Pederick et Firebug se révèlent particulièrement utiles lors du développement de pages Web.