5 éditeurs HTML et CSS OpenSource


  • Français


  • Adobe Dreamweaver est un outil populaire pour les professionnels de la conception de sites Web. Même s’il a connu toute sa splendeur au cours de la dernière décennie, ce n’est plus l’outil le plus populaire (du moins, pour autant que je sache).

    Ses plans d’abonnement coûteux et la disponibilité d’alternatives gratuites et open source ont eu un impact sur sa popularité.

    De plus, avec la croissance des options populaires de CMS open source et des créateurs de sites Web par glisser-déposer, il est vraiment facile de créer un site Web par rapport à la décennie précédente.

    Sauf si vous êtes un professionnel avec des exigences spécifiques, il n’y a aucune raison d’utiliser Dreamweaver. Donc, ici, dans cet article, je vais énumérer certaines des meilleures alternatives Dreamweaver gratuites et open source qui vous permettent de modifier HTML/CSS.

    Éditeurs HTML et CSS open source pour les développeurs Web

    Éditeurs HTML open source

    Je comprends que certains développeurs et concepteurs Web préfèrent la fonctionnalité WYSIWYG (What You See Is What You Get). Tous les éditeurs mentionnés ici n’offrent pas cette fonctionnalité, mais lorsqu’ils le font, je l’ai souligné explicitement.

    j’ai utilisé ce modèle de site Web pour tester les éditeurs HTML. Cette la liste n’est pas dans un ordre de classement particulier.

    1. Éditeur Bluefish

    Tassergal

    Points saillants:

    • Auto-complétion
    • Aperçu dans le navigateur
    • Options de chargement/téléchargement du site
    • Pliage du bloc de code
    • Prise en charge de plusieurs langages de programmation
    • Prend en charge les fichiers de définition de langage WordPress
    • Prise en charge multiplateforme

    Bluefish est un éditeur riche en fonctionnalités qui convient parfaitement aux concepteurs Web débutants et expérimentés.

    Même s’il n’offre PAS WYSIWYG, la fonction d’aperçu du navigateur vous permet d’apporter des modifications au codage et de le voir rapidement en action sans configuration particulière. C’est aussi une application légère, donc elle n’est pas gourmande en ressources.

    Essayez-le pour en savoir plus.

    Comment l’installer ?

    Vous pouvez le trouver répertorié dans votre centre de logiciels. Si vous ne le faites pas, vous pouvez suivre le instructions de montage officielles pour ajouter le référentiel et l’installer sur votre distribution Linux.

    Aussi, il y a un Paquet plat disponible si vous préférez l’utiliser. Je vous suggère de consulter notre guide Flatpak si vous ne le savez pas.

    2. BlueGriffon

    Bluegriffon

    Clé Points forts:

    • WYSIWYG éditeur
    • Thème noir et clair
    • Prise en charge de la conception réactive
    • Prise en charge EPUB 3.1
    • Prise en charge multiplateforme

    BlueGriffon est un impressionnant éditeur HTML WYSIWYG open source. Vous pouvez modifier les codes et vérifier le design ou simplement le modifier visuellement sans jouer avec les codes.

    Ceci est particulièrement utile pour les personnes qui ne sont pas à l’aise avec HTML/CSS et qui débutent. Il facilite l’édition tout en offrant toutes les fonctionnalités nécessaires à un concepteur de sites Web.

    Comment l’installer ?

    Vous pouvez télécharger le paquet deb à partir de son site officiel ou optez pour d’autres programmes d’installation et code source en fonction de la distribution Linux que vous utilisez.

    Vous voudrez peut-être lire les différentes manières d’installer un fichier DEB si vous utilisez une distribution basée sur Ubuntu.

    3. SeaMonkey

    Singe de mer

    Points saillants:

    • Éditeur WYSIWYG
    • Navigateur séparé
    • Édition HTML
    • Prise en charge multiplateforme

    SeaMonkey n’est pas votre éditeur de code typique – mais c’est une collection d’applications Internet comme un navigateur, un e-mail, un chat IRC et un éditeur HTML.

    Il prend en charge l’édition du code source d’une page Web et la possibilité d’éditer visuellement sans avoir besoin de connaître le HTML.

    Vous pouvez en savoir plus à ce sujet lorsque vous l’aurez installé.

    Comment l’installer ?

    Vous pouvez simplement télécharger le package pour Linux disponible sur leur site officiel et exécutez le fichier d’application exécutable SeaMonkey pour commencer.

    4. Supports

    Supports Alternative à Dreamweaver

    Points saillants:

    • Option d’aperçu en direct
    • Adapté à la conception Web
    • Auto-complétion
    • Multiplateforme

    Brackets est déjà l’un des meilleurs éditeurs de texte modernes pour le codage sous Linux. Il a été principalement conçu pour les développeurs Web tout en prenant également en charge d’autres langages de programmation.

    Étonnamment, c’est un projet open source d’Adobe, qui n’est pas très activement maintenu, mais il est là.

    Comment l’installer ?

    Vous pouvez simplement récupérer le fichier deb à partir de son site officiel pour Ubuntu 19.10 ou inférieur. Pour Ubuntu 20.04 ou toute autre distribution Linux, vous feriez mieux d’utiliser le Paquet plat ou la Se casser.

    Vous pouvez également explorer leur Section des versions de GitHub pour les autres téléchargements.

    5. NetBeans

    netbeans

    Points saillants:

    • Éditeur HTML
    • Multiplateforme

    NetBean n’est pas techniquement un éditeur HTML-CSS prêt à l’emploi. Mais vous pouvez l’utiliser comme éditeur HTML lors de la création d’une application HTML5.

    Ce n’est pas la solution idéale pour l’édition HTML, mais c’est une option pour un groupe spécifique de programmeurs. Vous pouvez l’essayer pour voir s’il fait ce que vous attendez de lui et si vous pouvez le considérer comme un outil de conception Web open source décent.

    Comment l’installer ?

    Vous pouvez le trouver répertorié dans votre centre de logiciels. Dans les deux cas, vous pouvez simplement vous diriger vers le page de téléchargement officielle pour le faire installer.

    Quel éditeur HTML utilisez-vous ?

    Vous pouvez utiliser quelques autres logiciels de conception Web open source pour modifier HTML et CSS. Il y a Édition communautaire de l’éditeur Aloha préféré par certains développeurs Web.

    Vous pouvez sûrement utiliser d’autres éditeurs de code modernes comme Atom et VS Code ou le bon vieux Éditeur de texte Geany pour éditer les fichiers HTML et CSS.

    Si vous travaillez régulièrement sur la conception et le développement de sites Web, quel éditeur HTML open source utilisez-vous et recommandez-vous ? Nous pourrions ajouter votre recommandation à notre liste ici. Vous pouvez également mentionner des éditeurs WYSIWYG non open source mais qui ne seront pas ajoutés à la liste pour des raisons évidentes.

    Source

    Houssen Moshinaly

    Pour contacter personnellement le taulier :

    Laisser un commentaire

    Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

    Copy code