Faire des propositions au novice en HTML / CSS est assez difficile, car la plupart des Webmestres connaissent déjà HTML, et utilisent donc un éditeur de source [1], avec coloration syntaxique.
Assez souvent reviennent sous Windows les deux produits PsPad et surtout Notepad++ avec le complément NppFTP de client FTP intégré, qui renvoie automatiquement sans manipulation le fichier modifié dès que l’on clique sur "Enregistrer"
De nombreux compléments possibles intéressants sur Notepad++ i.e. snippets, ANSI characters, Tortoise SVN, Zencoding, comparaisons de documents, etc.... et un template pour QuickText adapté à SPIP.
Mon outil préféré est certainement TotalCommander, qui permet d’intégrer l’éditeur préféré (Notepad++) et, avec son FTP intégré, des comparaisons et modifications entre fichiers en local et en distant) ; sinon, vous pourrez aussi rechercher des différences entre deux versions, voire trois jeux de fichiers, avec le comparateur bâti sur Diff : Kdiff3 !
D’autre part, quelques noms d’éditeurs HTML WisiWyg (libres) : Aptana , Komodo ou NVU, ou désormais les deux outils libres multiplateformes :
BlueGriffon permet d’avoir une double vue (HTML et vue Web)
Bluefish est extremement léger et rapide !
L’utilisation directe de traitements de texte (Word, Writer...) est par contre à proscrire, car les fichiers HTML produits comportent beaucoup de "scories" pour enregistrer les ’enrichissements graphiques’, qui vous compliqueront énormément le travail de mise-au-point, en rajoutant des codes internes au sein du source HTML..
Beaucoup de références sont données pour DreamWeaver (produit payant qui fut/est encore ? le leader de l’édition de pages Web) : la génération HTML n’est pas toujours satisfaisante, et nécessite d’avoir ’pris ses marques et habitudes’, mais si vous en disposiez, consultez la page dédiée de Spip-Contrib, qui explique :
- comment placer des images
sur les codes des boucles (en mode WYSIWYG) , - laisser ces codes tranquilles (Attention aux corrections automatiques),
- utiliser les noisettes comme des "librairies" de DW ,
- et les extensions rappelées sur la page DW drop-zone qui vont bien ....
Vous pouvez aussi vous aider de divers éditeurs spécialisés CSS : on citera
Simple CSS, CSS ToolBox et seulement deux produits gratuits sur PC : Free CSS Toolbox ou TopStyleLite, dans l’attente de suggestions autorisées par l’expérience...
Depuis les années 2010 la situation a beaucoup évolué : voyez Outils 2020 Webmestre.
Article publié le 31 janvier 2012, et actualisé en mai 2020 .
Répondre à cet article