Pour coder une page web, on peut très bien utiliser un simple bloc-note, mais on se rendra vite compte qu'il existe des outils plus ou moins simples, qui facilitent grandement le travail du webmaster... Il existe 2 types d'éditeurs, les éditeurs de type WYSIWYG, et les éditeurs de code. On pourrait aussi citer les IDE, qui regroupe le plus souvent un éditeur de texte, un compilateur et un débogueur.
WYSIWYG signifiant en anglais "Ce que tu vois est ce que tu obtiens", permettent de créer un site, sans toucher au code. c'est certes un gain de temps, utile pour de la grosse production, mais pas synonyme de rigueur... En effet, le code généré n'est pas des plus propres. Il existe des outils de "nettoyage de code" qui corrige certaines erreurs, mais ce n'est pas encore la bonne solution pour faire du code propre. Avec un WYSIWYG, il faut savoir le paramètrer sur le bout des doigts afin qu'il réponde aux exigences de la rigeur...
Dreamweaver est le plus connu des WYSIWYG du marché, racheté par Adobe. Il est payant et disponible sous Windows et MAC, il gère grand nombre d'outils comme le flash, le javascript... et depuis peu,
l'organisation par boites.
Site web: http://www.adobe.com/fr/products/dreamweaver/.
Nvu est le WYSIWYG gratuit et libre, concurrent direct de Dreamweaver. Il est multi-plateforme, C'est un outil qui a de l'avenir respectant au maximum les recommandations du W3C, cependant le développement fut temporairement arrêté après la version 1.0.
Site web: http://www.nvu.com.
Il existe une suite non officiel de ce logiciel, appelé KompoZer: http://kompozer.net/.
Les éditeurs purs sont orientés code source, et non pas rendu final, ils nécessitent donc d'avoir des bases en XHTML/CSS. Beaucoup plus minitieux qu'un WYSIWYG, c'est la solution que retiennent les webmasters qui cherchent la rigueur et la validation de leur code. La plupart des éditeurs de code fournissent la coloration syntaxique en fonction du langague traité (HTML, CSS, Javascript...).
Bluefish est un éditeur pour programmeurs et concepteurs de sites web expérimentés. Il prend en charge de nombreux langages de programmation et de balisage, bien qu'il soit essentiellement axé sur l'édition de sites Internet dynamiques et interactifs. Bluefish est développé dans le cadre d'un projet Open Source, soumis aux termes de la licence GPL, gratuit et disponible que sous Linux.
Ce qui est très intéressant avec Bluefish, ce sont tous ses raccourcis pour vers divers balises, l'assistant de nouvelle page web et ses fenêtres de dialogues pour insérer des liens, images, tables, listes, CSS... très utile.
Site web: http://bluefish.openoffice.nl/.
VIM est l'amélioration de Vi. C'est L'éditeur pour les puristes de la ligne de commande! Très répandu sur les systèmes de types UNIX, mais aussi multi-plateforme. Il dispose de nombreux plugins pour la coloration syntaxique, l'autocomplétion...
Pourquoi un éditeur de code en ligne de commande? c'est sur qu'il faut aimer, mais on peut vite imaginer les avantages d'un outil de ce type, à noter l'édition de code à distance par SSH, ou tout simplement retirer les défauts que l'on peut trouver à l'interface graphique. Un outil très puissant.
Site web: http://www.vim.org/.
Un IDE est un environnement de développement, ici, orienté web.
Aptana est un nouvel outil très puissant, libre et multi-plateforme tiré d'Eclipse, proposant le support de nombreux langages dont XHTML, CSS, Javascript, ScriptDoc, XML... L'autocomplétion HTML et CSS est très intéressante car elle montre la compatibilité des navigateurs avec la balise ou propriété CSS.
Site web: http://www.aptana.com/.
Il peut s'avérer très utile d'avoir à disposition des outils permettant de tester la validité de ces pages, la compatibilité entre navigateurs ou voir rapidement comment est structurée un page...
La barre d'outils Web Developer est un add-on de Firefox, c'est l'outil du developpeur web par excellence! elle permet de multiples actions sur le code source, le CSS, les formulaires, images...
Elle teste la validité du HTML, CSS, Javascript, des liens... Elle permet d'entourer les différents éléments d'une page, très utile pour tester la disposition de ses éléments, ou bien même pour voir rapidement comment est structurée une page sans avoir a éplucher la source.
Elle permet aussi d'éditer le code source ou le CSS d'une page, très utile pour débogguer une page, ou simplement pour tester directement les différentes propriétés CSS. A posséder absolument!
Télechargement: https://addons.mozilla.org/fr/firefox/addon/60.
Toutes les images présentes sur ce site, hormis certains logos de programmes, sont libres de droits. | Contact
