5 alternatives à Dreamweaver que vous devriez connaître

Le successeur de Nvu, BlueGriffon, utilise la machine d’interprétation Gecko, écrite en C++ et mise en place entre autres sur le navigateur Firefox pour y intégrer l’éditeur WYSIWYG. Cela rend possible l’édition et la création de pages HTML4, HTML5 ainsi que XHTML. L’interface utilisateur est disponible dans 20 langues, parmi lesquelles on retrouve l’allemand, l’espagnol, l’anglais et le français. BlueGriffon fonctionne sous Windows (à partir de Windows 7) et Mac OS (à partir de 10.8), au contraire de Dreamweaver, qui ne marche que sous les distributions Linux Ubuntu (à partir de 16.04). L’éditeur Web comporte par ailleurs les caractéristiques suivantes :

• Intégration simple de formulaires HTML5, de vidéos et de fichiers audio

• Éditeur CSS (permet la technologie de transformation 2D et 3D)

• Éditeur SVG

• Gestionnaire de typographies pour FontSquirrel et Google Fonts

• Mise en avant de la syntaxe et autocomplétion

• Raccourcis et barres de menu modifiables

• Accessibilité avec ARIA (Accessible Rich Internet Applications)

Le logiciel de développement Web KompoZer est un projet Mozilla également basé sur Gecko. Il s’agissait tout d’abord d’une petite amélioration du logiciel Nvu, jusqu’à ce que le programme devienne un éditeur Web à part entière, publié sous une licence libre GNU GPL (GNU General Public License), GNU LGPL (GNU Lesser General Public License) et MPL (Mozilla Public License). L’équipe de Mozilla a arrêté son développement en 2010, mais le logiciel est encore utilisable sous tous les systèmes Windows et Mac OS courants, ainsi que sous Ubuntu (à partir de la version 14.04). Il existe plus de 20 différents paquets de langages, parmi lesquels on retrouve le français, l’allemand, l’anglais, l’italien et l’espagnol.

Même si KompoZer ne fait pas partie des alternatives à Dreamweaver qui peuvent tenir tête à Adobe au regard de l‘étendue de fonctionnalités et de la complexité de ce dernier, le programme open source propose quelques fonctions à ses utilisateurs avec lesquelles vous pouvez concevoir des pages Web de manière professionnelle :

• Editeur WYSIWYG performant, permettant de switcher simplement entre code et aperçu du résultat

• Editeur CSS intégré incluant une fonction d’import pour les feuilles de style existantes

• Barres de menu modifiables

• Vérification orthographique et syntaxique

• Onglets pour le traitement simultané de plusieurs pages 

• Assistant de formulaire

• Markup-Cleaner intégré, vérifiant la conformité W3C de votre projet

• Le gestionnaire de pages FTP incluant une fonction glisser-déposer pour les fichiers médias tels que les images

Brackets est un projet open source lancé en 2011, qui constitue une alternative à Dreamweaver issue de la même maison, Adobe. Il est possible de trouver plus de 5500 versions de ce logiciel construit sur HTML, CSS et JavaScript, sur la plateforme GitHub. L’éditeur Web est aussi bien disponible sous Windows et Mac que sous Linux (Ubuntu et Debian), mais ces dernières versions ne proposent pas l’étendue complète des fonctions du programme. Brackets fonctionne sur la base de l’environnement JavaScript Node.js, et peut être élargi à l’aide d’extensions, notamment avec un éditeur WYSIWYG (qui n’est pas compris dans la version standard).

Dans cette alternative à Dreamweaver, vous ne voyez pas l’aperçu du code directement depuis le programme. Vous avez toutefois la possibilité de regarder à tout moment le résultat provisoire de votre projet sur le navigateur Web Google Chrome. Il convient cependant dans ce cas d’installer le navigateur en question au préalable. Les développeurs de Brackets mettent en avant trois caractéristiques fondamentales pour leur éditeur Web moderne :

• Traitement rapide : Brackets est une plateforme idéale pour l’écriture de code. Il suffit d’ouvrir le programme pour pouvoir commencer immédiatement. Vous n’avez pas à switcher entre différents fichiers pour HTML, CSS et JavaScript car les feuilles de style et scripts sont directement intégrés dans le document HTML. Choisissez un élément et intégrez-le grâce au raccourci spécifique mentionné.

• Aperçu live : lorsque vous accédez à la fonction de prévisualisation, Brackets envoie automatiquement en temps réel toutes les modifications des codes HTML et CSS, pour que vous puissiez directement vérifier si ces dernières fonctionnent. Les modifications apportées sur une application JavaScript ne sont pas encore intégrées à cet aperçu live, mais ceci est prévu pour bientôt. Il est déjà possible actuellement de voir les modifications JavaScript dans l’aperçu du navigateur, en sauvegardant votre projet Brackets au préalable.

• Compatibilité avec des préprocesseurs : cette alternative gratuite à Dreamweaver ne se caractérise pas seulement par une édition de code rapide, mais aussi grâce à la possibilité d’utiliser des fichiers Less et SCSS. Cela est rendu possible grâce à la compatibilité des préprocesseurs CSS Less et Sass. Vous pouvez écrire et modifier vos feuilles de style encore plus rapidement avec une syntaxe simplifiée.

Aptana Studio est un environnement de développement libre et intégré à la société Aptana Inc. La plateforme est basée sur l’outil Java Eclipse et, en plus d’être compatible avec JavaScript, HTML5 et CSS3, elle fonctionne également avec divers langages de programmation tels que PHP, Python et Ruby. Les bibliothèques Ajax telles que jQuery, Prototype ou script.aculo.us peuvent être intégrées directement et être utilisées de cette façon pour le processus de développement. L’alternative à Dreamweaver existe en version autonome pour Windows (à partir d’XP), Linux (à partir d’Ubuntu 9.04/Fedora 12), Mac OS (à partir d’OS X 10.5) et en tant que plugin Eclipse (au moins Eclipse 3.6). L’équipe de développeurs a répandu Aptana Studio sous un modèle à double licence. Les utilisateurs peuvent soit opter pour une combinaison de licences GNU-GPL et Aptana-GPL, soit choisir une licence publique Aptana (APL pour Aptana Public License).

En dehors des nombreuses compatibilités avec des langues de programmations et plateformes, l’éditeur Web présente les caractéristiques fondamentales suivantes:

• Aide au codage : une assistance pour l’écriture de code donne des propositions pour des arguments, propriétés ou méthodes possibles et montre par ailleurs une compatibilité complète avec tout élément HTML, CSS et JavaScript sur les navigateurs Internet les plus courants.

• Débogage intégré : les correcteurs de bugs JavaScript et Ruby-on-Rails intégrés permettent de détecter et de résoudre les erreurs éventuelles sur une application.

• Assistant de préparation : Aptana Studio propose une assistance de préparation pour que le téléchargement et la synchronisation de votre projet Web soit compatible via FTP, SFTP et FTPS.

• Contrôle des versions : vous pouvez relier votre projet Web avec Git pour travailler de manière plus sûre sur votre code source, tout comme c’est le cas sur la plateforme en ligne GitHub.

• Outil de lignes de commandes intégré : grâce à un terminal incorporé, vous exécutez des commandes système directement depuis Aptana Studio.

• Environnement de développement flexible : vous pouvez configurer Aptana Studio librement selon vos désirs et étendre les possibilités de base via des scripts de commandes standard ainsi qu’avec des raccourcis afin d’obtenir une utilisabilité optimale.

GitHub, le service d’hébergement pour les projets de développement Web en tous genres, a publié sa propre version d’un éditeur Web sous le nom d’Atom. Le Framework indépendant de toute plateforme Electron (auparavant appelé Atom Core), que le navigateur Chrome combine avec l’environnement d’exécution JavaScript Node.js, porte la marque de fabrique de son développeur GitHub. Après avoir donné libre accès à sa licence open source, ses packs et extensions, GitHub a décidé de nommer l’ensemble du projet sous une licence MIT. Les fonctions de l’éditeur Web sont accessibles via certains APIs JavaScript, avec lesquels les développeurs recommandent l’utilisation de CoffeeScript plutôt que JavaScript. Pour les contenus CSS sur Atom, on fixe au préalable les feuilles de style simplifiées Less comme standard.  

Outre les standard HTML, CSS et JavaScript, l’éditeur Web est compatible avec divers langages de programmation comme PHP, Ruby, Java, C++, C, Python et Perl grâce aux plugins correspondants. Parmi les nombreuses fonctionnalités de l’alternative gratuite à Dreamweaver, on compte entre autres les suivantes :

• Gestionnaire de paquets intégré : Atom attend de son propre gestionnaire de paquets apm (Atom Package Manager) qu’il transforme l’intégration et l’installation de paquets en un jeu d’enfants.  

• Autocomplétion automatique : selon le langage de programmation avec lequel vous travaillez, Atom vous propose des propositions d’autocomplétion de code lors de son écriture. Vous pouvez accepter les recommandations à l’aide d’une touche seulement. Vous pouvez par ailleurs élargir les propositions possibles via vos Code Snippets.

• Correction syntaxique : l’alternative à Dreamweaver propose une correction syntaxique sur les langages de programmation installés pour les règles les plus importantes. Celle-ci fait automatiquement ressortir les erreurs avec un code couleur spécifique dans la mesure où vous voulez utiliser cette option.

• Gestion des versions : en tant qu’application GitHub, Atom comporte l’outil de contrôle des versions Git permettant de garder un aperçu des modifications de votre projet Web. Vous pouvez par exemple paramétrer l’éditeur, de manière à ce que les lignes modifiées soient mises en avant visuellement.

• Navigateur des fichiers système : grâce au navigateur de fichiers système, vous pouvez chercher et ouvrir certains fichiers, un projet entier ou bien différents projets sur une même fenêtre.

• Palette de commandes : vous pouvez charger un masque de recherche à l’aide d’une combinaison de touches simple, qui vous permettra de trouver les commandes disponibles et d’y accéder facilement.