2009-02-12 5 views
16

Quels sont les avantages et inconvénients de l'utilisation d'un éditeur WYSIWYG pour le développement de la page web vs codage à la main?éditeur WYSIWYG vs Hand Code

À l'exception de ne pas savoir comment créer quelque chose à la main, y a-t-il des raisons d'utiliser WYSIWYG?

+0

Bonne première question! – Suroot

Répondre

4

Je code à la main, mais je préfère travailler avec un éditeur wysiwyg, et pour cette raison j'utilise toujours Dreamweaver comme éditeur. Ce que je fais 95% du temps est le handcoding dans l'éditeur de source et la visualisation des résultats dans l'aperçu. De temps en temps, je vais passer directement dans l'éditeur de wysiwyg pour déplacer des blocs directement et quand je le fais, je trouve cela inestimable. I jamais utiliser l'un des assistants Dreamweavers ou du code généré et je nettoie le code HTML aussi.

Je ne vois rien de mal avec cette approche, il me semble que l'équivalent de conception HTML d'un IDE invitant à remplir les fonctions, etc. (IntelliSense ou quel que soit votre IDE peut l'appeler)

J'utilise aussi toujours un système de templating d'une forme ou d'une autre donc mon code de script est totalement séparé de html. La combinaison avec Dreamweaver de l'édition occasionnelle de wysiwyg (valeur inestimable que je trouve lors de la mise en page ou de modifications de mise en page macro) et de l'aperçu en un clic m'a permis de continuer malgré les meilleurs outils - Aptana, NetBeans etc. En effet, j'aimerais beaucoup passer à un autre système - see this question - de préférence quelque chose qui fonctionne sur Ubuntu et supprime le crud dans Dreamweaver en ne laissant que les fonctions wysiwyg et éventuellement un éditeur Javascript intelligent, mais je n'ai encore rien trouvé. KompoZer commence à être prometteur cependant.

1

Si le design n'est pas très important et que vous lancez un site Web ensemble, il n'y a rien de mal à utiliser un WYSIWYG. Ou si vous essayez de créer une maquette légèrement fonctionnelle pour un client, c'est un bon moyen de créer rapidement quelque chose.

0

C'est le même type de chose que Glade contre le codage manuel de votre code Gtk. Je pense que vous ajoutez un niveau d'obscurcissement et des choses qui pourraient casser lorsque vous modifiez votre code à la main. Cependant, comme l'a dit Spencer, si vous avez besoin de le faire et que cela doit marcher; Habituellement WYSI fonctionnera plutôt bien et de manière fiable. Si vous faites quelque chose que vous allez garder à jour et gérer pour les années à venir; vous devriez connaître chaque partie du code qui se trouve dans cette application/page Web.

3

WYSIWYG peut être utile si vous ne connaissez pas le HTML ou si vous voulez simplement assembler quelque chose rapidement. Cependant, vous n'obtiendrez pas de code propre. La plupart des éditeurs WSYIWIG jettent encore un tas de HTML sale inutile au lieu de balisage solide propre. Quiconque est familiarisé avec le langage HTML peut généralement imprimer quelque chose d'aussi rapidement à la main dans un éditeur HTML. Et ce sera un balisage sémantique propre et conforme à xhtml au lieu de juxtaposer des gabarits avec un crud étranger.

Si vous configurez le modèle et css correctement, vous pouvez probablement plus rapide avec codage manuel qu'un éditeur de WSYIWYG, comme ceux qui travaillent contre vous quand vous essayez de créer css correctement abstraire avec un balisage sémantique dégradable.

4

Il existe plusieurs raisons d'utiliser un éditeur WYSIWYG lors de la création de code HTML.

  • Permet pour le prototypage rapide
  • permet d'être activement impliqués dans le développement frontal
  • Certains outils WYSIWYG vous mis en place avec une base propre à modifier (les mises en page CSS de Dreamweaver sont en fait assez les gens de concepteur-y bon)

Je pense que la chose importante à retenir est que, après l'avoir dans une forme approximative, vous devriez creuser dans le code et assurez-vous qu'il n'y a rien de bizarre. Les travées imbriquées, le positionnement absolu impair et les dispositions basées sur des tables (lord almighty) comptent comme des choses étranges. Même si vous utilisez un WYSIWYG pour commencer, vous devez toujours vérifier que le code est valide et qu'il ressemble à ce que vous attendiez.

+1

IMO Les «gens de la conception» devraient écrire leur propre HTML. Ne pas savoir HTML et CSS en tant que concepteur web, me dit seulement que vous ne connaissez pas le média que vous concevez bien. HTML et CSS font partie de ce que j'appelle le design web - pas seulement photoshop. –

1

Je développe sur ASP.net la plupart du temps, donc je suis en VS2008 la plupart du temps; cependant chaque fois que c'est possible (ce qui est la plupart du temps) je main-code encore .... mais je le fais dans le mode source de VS2008. Lorsque vous travaillez avec ASP.net, il y a toujours du code un peu gonflé que vous devez accepter (jusqu'à un certain point).

Cependant, dans mon temps libre, je fais aussi le développement de php, et de l'enfer comme vais-je pas main-code avec php. De plus, ce n'est pas comme VS avec le glisser-déposer.

+0

Ouais, la pensée de PHP généré automatiquement me fait peur. –

+0

Droite. J'adore php pour les petites choses, parce que c'est si maigre. Mais pour les choses plus importantes, c'est ce que asp.net brille vraiment. – patricksweeney

0

Vraiment, cela dépend de votre fonction.Si vous êtes avant tout un concepteur, les éditeurs WYSIWYG peuvent être très utiles pour créer des maquettes pour les clients, ou des prototypes qui peuvent être confiés aux développeurs.

Si vous êtes un développeur, vous préférerez probablement le codage à la main.

La plupart des éditeurs WYSIWYG offrent une vue de code et une vue de conception qui vous permet de basculer assez facilement.

Ma suggestion est d'essayer d'apprendre à coder manuellement votre site. Après des années de développement web, je trouve que le codage manuel est plus rapide pour moi que de tenter d'utiliser un concepteur. De plus, au fur et à mesure que vous comprendrez mieux le fonctionnement du HTML et du CSS, vous constaterez qu'il y a très peu de choses qui ne peuvent pas être faites gracieusement.

Il peut être frustrant d'apprendre, mais vous trouverez que vous êtes meilleur pour cela à long terme.

1

Si vous voulez être vraiment bon dans ce que vous faites, comme dans Guru, laissez tomber les trucs WYSIWYG et commencez le codage manuel. La courbe d'apprentissage est plus raide, mais elle vous permet de mieux comprendre ce que vous faites de manière significative.

1

Cela se résume à la maintenabilité et à la variabilité. Il est généralement beaucoup plus facile de modifier la disposition d'une interface graphique dans un éditeur graphique qu'à la main.

"Oh vous voulez déplacer ce JTable de cette position à cette autre position complètement indépendante". Si vous l'avez codé à la main, il s'avère qu'il s'agit en fait d'un travail de programmation (qui pour les mises en page non triviales peut être HARD), mais si c'est dans un bon éditeur graphique, c'est juste une question de point-click-move -Libération.

Les gens qui handcode probablement jamais eu à faire ce genre de changements :)

1

Les avantages d'utiliser un éditeur WYSIWYG pour le développement web sont assez évidentes. Le développement est beaucoup plus simple et plus rapide, même si vous savez coder le Web, car le développement web nécessite de connaître plusieurs langues et peut être désordonné lorsque vous essayez de les faire fonctionner comme prévu. Les concepteurs WYSIWYG réels devraient être en mesure de résoudre ces complexités en vous permettant de développer visuellement sur une forme dans une couche. Les inconvénients de ce genre de paradigmes de développement peuvent être qu'il vous limite parfois, ce qui signifie que vous êtes généralement contraint dans un cadre prédéfini.

Il est donc important de trouver un framework qui, en plus de son expérience de développement WYSIWYG, soit ouvert à l'extension et à la personnalisation. Jetez un oeil à http://www.visualwebgui.com/.

Questions connexes