Qu'est-ce qu'un bon éditeur HTML WYSIWYG?
J'ai utilisé Dreamweaver (bien que CS3, donc quelques versions en arrière), mais je suis déçu de la quantité de balises non valides produites. Existe-t-il d'autres éditeurs WYSIWYG qui produisent un balisage valide?
Si vous souhaitez contrôler votre code, utilisez la vue de code dans Dreamweaver ou simplement un éditeur de texte tel que Notepad ++ sous Windows, Textmate sur Mac ou Vim sur * nix. Le problème avec WYSIWYG est que vous n’avez pas le contrôle total sur le code que vous produisez, bien que vous soyez libre de tout nettoyer après le cours.
Une question connexe ici: validation HTML: en vaut-il la peine? . Je soulève cette question puisque vous avez mentionné que vous êtes contrarié par le balisage invalide. La sémantique du balisage est plus importante que la validité du balisage à mon avis, et généralement cela ne peut être fait correctement que par un humain - , en particulier avec tous les nouveaux éléments présentés par HTML5.
Jeffery Zeldman a récemment publié un article sur ce sujet: InDesign pour HTML et CSS . Inspiré par les propos de certaines personnes chez Adobe, il affirme qu'aucun éditeur WYSIWYG ne peut créer de balisage significatif et sémantique, pas plus qu'un programme informatique ne peut composer une musique significative et émotionnelle.
Si vous choisissez de vous en tenir à Dreamweaver et d’utiliser son affichage en code (c’est ce que j’utilise depuis très longtemps, c’est très bien), vous devriez envisager de passer à CS5. Adobe, étant donné toute la haine de Flash, a tout mis en œuvre pour améliorer la qualité du code généré. Ils ont également créé le Pack HTML5 .
Cette extension assure la prise en charge initiale de HTML5 et CSS3 dans Adobe Dreamweaver CS5 et vous aide à créer facilement des pages HTML5 et des styles CSS3. Il inclut également des mises à jour et des améliorations WebKit pour les rendus Design View et Live View.
Bien que HTML5 et CSS3 ne soient pas finalisés avant un certain temps, l'extension prend en charge un ensemble de fonctionnalités actuellement implémentées.
Cette extension améliore Dreamweaver CS5 des manières suivantes:
- Introduit le panneau Aperçu sur plusieurs écrans, permettant l’affichage en direct sur 3 tailles d’écran différentes, avec la prise en charge de Media Query. (Fenêtre> Aperçu multi-écran)
- Ajoute des indicateurs de code pour la bibliothèque de balises HTML5 avec de nouveaux balises, attributs et propriétés.
- Met à jour les indicateurs de code pour les nouveaux attributs et valeurs dans les balises HTML existantes.
- Ajout de conseils de code pour les spécifications CSS3 suivantes: Transformations 2D/3D; Des animations; Contexte et frontière; Interface utilisateur de base; La disposition des lignes; Chapiteau; Requêtes de médias; MultiColonne; Rubis; Texte; et transitions.
- Met à jour Live View pour prendre en charge <vidéo> et <audio>. (Nécessite l'installation de Quicktime.)
- Rendu amélioré pour CSS3 en mode Live View.
- Ajoute des mises en page de base HTML5 à la boîte de dialogue Nouveau document.
- Offre un meilleur rendu des nouvelles balises en mode Création.
Dreamweaver existe depuis beaucoup plus longtemps que la plupart de ses concurrents. Il s’agit d’un programme solide. Si vous choisissez de vous en tenir à l’éditeur WYSIWYG, vous ne tirerez pas mieux d’autres applications.
Coda des gars de Panic est un très bon produit Mac. Vous écrivez le balisage vous-même et conservez ainsi un contrôle complet, comme vous le feriez avec TextMate, Notepad2, etc. Mais il existe également un aperçu en direct que vous pouvez voir sur un écran divisé afin que vous puissiez immédiatement savoir quel effet vous avez sur la page. C'est une belle solution "le meilleur des deux mondes".
J'ai utilisé par jEdit et Eclipse car ils ont bien fonctionné dans le reste de mon flux de travail de développement. La mise en évidence de la syntaxe de jEdit et la capacité de reconnaître une grande variété de formats de texte sont très utiles pour une révision rapide des choses étranges que j'ai tendance à faire.
Je suis d'accord avec d'autres qui ont mentionné éviter les éditeurs WYSIWYG. Les dernières versions de DW génèrent du code acceptable la plupart du temps, mais quand je l'utilise, je passe quand même 95% de mon temps en mode d'affichage.
J'utilise Microsoft Visual Web Developer 2010 Express (gratuit, y compris pour un usage commercial) :)