3. Les logiciels éditeurs de sites

Il existe 2 styles d'éditeurs. Les éditeurs en mode "graphique" et ceux en mode "texte". Certains font les 2 modes.
Les éditeurs sont des logiciels gratuits ou payants qui s'installent sans souci sur un ordinateur.

3.1. Graphique ... texte ... Quid ?

Je veux taper un texte sous mon traitement de texte préféré ... Si je veux le mettre en rouge, je le surligne de la souris, puis clique sur la case "couleur" et choisis "rouge" ... Cette action a été faite purement graphiquement. Les éditeurs en mode graphique permettent de taper une page HTML comme sur un traitement de texte, on voit directement le tableau, les cellules, les couleurs de fond de page et/ou de police...

• Avantage : pour ceux qui ont un esprit créatif et visuel, voir un projet avancer au fur et à mesure peut les aider à mieux cerner leurs besoins
• Inconvénient : une page HTML, c'est avant tout du code source ... Du texte, en réalité. Donc lorsque je clique sur "tableau" dans mon éditeur HTML, c'est le logiciel qui s'occupe à ma place de générer le code source HTML correspondant au tableau que je vois. Certains logiciels génèrent un code simple, d'autres le remplissent de tas de fioritures... Le logiciel ne pourra jamais faire mieux que ce que ses concepteurs on pu/su/voulu lui donner comme manière de générer le code.

Maintenant si je suis plus axé sur l'écriture du code source de ma page, alors je peux taper en mode texte... Et le code correspondra exactement à ce que j'ai fait. Pour ceux qui passent par le mode graphique, il y a toujours moyen d'aller dans le code source pour modifier quelques éléments.
On parle souvent de What You See Is What You Get (ou WYSIWYG, en français parfois nommé éditeur tel-tel), littéralement "Ce que vous voyez est ce que vous obtenez {au final}" pour désigner les logiciels éditeurs HTML qui sont en mode graphique.

Voici une liste des principaux éditeurs ainsi que leur mode de travail.

Principaux logiciels d'édition de site, leur mode de travail et leur prix

Nom	Mode de travail	Prix	Divers
Bloc notes, Wordpad (intégré à Windows)	texte	gratuit
Emacs, vi, kwrite, kate (intégré à Linux)	texte	gratuit	kate assure la coloration syntaxique
ConText, colore syntaxiquement pas mal de langages	texte	gratuit	Coloration syntaxique
PSPad, colore syntaxiquement pas mal de langages	texte	gratuit	Coloration syntaxique
NotePad ++	texte	gratuit	Coloration syntaxique
Matizha Sublime	texte	gratuit	Coloration syntaxique
NVU	texte	gratuit	Coloration syntaxique
Eclipse avec le plugin PHP	texte	gratuit	Coloration syntaxique
Namo Web Editor	texte, graphique	~ 60 euros	Coloration syntaxique
Dreamweaver	texte, graphique	~ 500 euros	Coloration syntaxique

3.2. Au final, qu'est-ce que je peux prendre, je ne suis pas décidé ...

Commencer par un "graphique", et en cas de besoin d'affinage du code, ne pas hésiter à permuter le mode d'affichage, entre aperçu et code source ...

3.3. Petit bémol sur les comparatifs d'éditeurs de sites web

Beaucoup disent "prends mon logiciel, il est mieux que l'autre" ... Il n'y a, à mon sens, *pas* de meilleur logiciel qu'un autre, chacun a ses points faibles et ses points forts. Il faut simplement en essayer plusieurs afin de déterminer lequel est le mieux adapté à ses besoins.

Il est vrai, en outre, que certains logiciels sont "moins bons" dans la mesure où ils génèrent un code source horrible ... Je cite par exemple Microsoft Word, une simple page pour un "Bonjour Matthieu" prend facilement plusieurs kilo octets avec Word, alors qu'en texte simple, ce ne sont que quelques centaines d'octets. (Enfin, Word est un traitement de texte, pas un éditeur de site web ...)

3.4. Le mot de la fin ...

C'est vous qui voyez ! :-)