2009-02-12 18 views
16

¿Cuáles son las ventajas y desventajas de utilizar un editor WYSIWYG para el desarrollo de páginas web frente a la codificación manual?Editor WYSIWYG versus código de mano

Con la excepción de simplemente no saber cómo crear algo con la codificación manual ¿hay alguna razón para usar WYSIWYG?

+0

¡Buena primera pregunta! – Suroot

Respuesta

4

I código de la mano, pero prefiero trabajar con un editor wysiwyg a cuestas, y por ese motivo sigo usando Dreamweaver como editor. Lo que estoy haciendo el 95% del tiempo es la codificación manual dentro del editor Source y la visualización de los resultados en la vista previa. De vez en cuando, paso por el editor wysiwyg para mover bloques directamente, y cuando lo hago, lo encuentro invaluable. I nunca utilice cualquiera de los asistentes de Dreamweavers o código generado y también limpio el html manualmente.

veo nada malo con este enfoque, me parece el diseño HTML equivalente de un IDE que llevó a completar las funciones etc. intelisense (o lo que su IDE puede llamar)

Yo también siempre uso un sistema de plantillas de una forma u otra, así que mi código de scripting está totalmente separado de html.

La combinación con Dreamweaver de la edición wysiwyg ocasional (invaluable que encuentro al diseñar o hacer cambios de diseño 'macro') y la vista previa de un clic me ha mantenido a pesar de buscar mejores herramientas - Aptana, NetBeans etc. De hecho, me gustaría cambiar a otro sistema: see this question, preferiblemente algo que se ejecute en Ubuntu y elimine la suciedad de Dreamweaver, dejando solo las características wysiwyg y posiblemente un editor de Javascript inteligente, pero aún no he encontrado nada. KompoZer está empezando a parecer prometedor.

1

Si el diseño no es muy importante y solo está lanzando un sitio web juntos, no hay nada de malo con el uso de un WYSIWYG. O si está intentando crear una maqueta marginalmente funcional para un cliente, es una buena forma de obtener algo rápidamente.

0

Este es el mismo tipo de cosas que Glade versus codificación manual de su código Gtk. Creo que agregas un nivel de ofuscación y cosas que pueden romperse cuando editas tu código a mano. Sin embargo, como dijo Spencer, si necesita hacerlo y debe funcionar; Normalmente, WYSI funcionará bastante bien y de manera confiable. Si está haciendo algo que va a mantener actualizado y administrando en los próximos años; debe conocer cada parte del código que está en esa aplicación/página web.

3

WYSIWYG puede ser útil si no conoces HTML o simplemente quieres combinar algo extremadamente rápido. Sin embargo, no obtendrás un código limpio. La mayoría de los editores de WSYIWIG aún arrojan un montón de HTML sucio innecesario en lugar de limpiar el marcado sólido.

Cualquiera que esté familiarizado con HTML generalmente puede actualizar algo tan rápido a mano en un editor de HTML. Y será limpio, etiquetado semántico compatible con xhtml en lugar de plantillas lanzadas con suciedad extraña.

Si configura la plantilla y CSS correctamente, es probable que pueda ser más rápido con la codificación manual que un editor de WSYIWYG, como los que trabajan contra usted cuando usted está tratando de crear css adecuadamente abstraído con el marcado semántico degradable.

4

Hay una variedad de razones para usar un editor WYSIWYG al crear HTML.

  • permite crear rápidamente prototipos
  • Permite a la gente de diseño-y a participar activamente en el desarrollo front-end
  • Algunas herramientas WYSIWYG te pondrán en marcha con una base limpia para ser modificado (diseños CSS de Dreamweaver son en realidad bastante bueno)

Creo que lo importante para recordar es que después de obtenerlo en forma aproximada, debe profundizar en el código y asegurarse de que no haya nada extraño. Los trazos anidados, el posicionamiento absoluto impar y los diseños basados ​​en tablas (señor todopoderoso) cuentan como cosas raras. Incluso si usa un WYSIWYG para comenzar, siempre debe verificar que el código sea válido y se vea de la manera que usted esperaría.

+1

IMO Las "personas designery" deben escribir su propio HTML. Al no conocer HTML y CSS como diseñador web, solo me dice que no conoce bien el medio que está diseñando. HTML y CSS es parte de lo que yo llamo diseño web, no solo photoshop. –

1

Me desarrollo en ASP.net la mayor parte del tiempo, así que estoy en VS2008 la mayor parte del tiempo; sin embargo, siempre que sea posible (que es la mayoría de las veces), sigo escribiendo el código ... pero lo hago en el modo fuente de VS2008. Cuando se trabaja con ASP.net, siempre hay un código un tanto inflado que debe aceptar (hasta cierto punto).

Sin embargo, en mi tiempo libre, también hago el desarrollo de PHP, y el infierno como ¿Alguna vez no mano de código con php. Además, no es como VS con las cosas de arrastrar y soltar.

+0

Sí, la idea de PHP generado automáticamente me asusta. –

+0

Derecha. Me encanta php para cosas pequeñas, porque es muy delgado. Pero para cosas más grandes, eso es con lo que asp.net realmente brilla. – patricksweeney

0

Realmente se trata de la función de su trabajo.Si usted es principalmente un diseñador, los editores WYSIWYG pueden ser muy útiles para crear maquetas para los clientes, o prototipos que pueden ser entregados a los desarrolladores para codificar.

Si eres desarrollador, probablemente prefieras codificar manualmente.

La mayoría de los editores WYSIWYG ofrecen una vista de código y una vista de diseño que le permite cambiar de un lado a otro con bastante facilidad.

Mi sugerencia es tratar de aprender cómo codificar manualmente su sitio. Después de años de desarrollo web, descubrí que la codificación manual es más rápida para mí que tratar de usar un diseñador. Además, a medida que comprendes mejor cómo funcionan HTML y CSS juntos, verás que hay muy poco que no se puede hacer con gracia.

Puede ser frustrante aprender, pero a largo plazo será mejor para usted.

1

Si quieres ser realmente bueno en lo que haces, como en Guru, deja las cosas WYSIWYG y comienza a codificar a mano. La curva de aprendizaje es más pronunciada, pero te hace mejor en lo que haces de una manera significativa.

1

Todo se reduce a la capacidad de mantenimiento y la capacidad de cambio. Por lo general, es mucho más fácil cambiar el diseño de una GUI en un editor de GUI que hacerlo manualmente.

"Oh, desea mover esa JTable desde esta posición a esta otra posición completamente no relacionada". Si lo has codificado a mano, básicamente resulta ser un trabajo de programación (que para diseños no triviales podría ser realmente DURO), pero si está en un buen editor de GUI, es probablemente solo una cuestión de apuntar-clic-mover -lanzamiento.

Las personas que handcode probablemente nunca han tenido que hacer ese tipo de cambios :)

1

Las ventajas de usar un editor WYSIWYG para el desarrollo web son bastante obvias. El desarrollo es mucho más simple y rápido, incluso si usted sabe cómo codificar la web, ya que el desarrollo web requiere conocer muchos idiomas diferentes y puede complicarse al tratar de que funcionen como se planeó. Los diseñadores WYSIWYG reales deberían ser capaces de resolver esas complejidades al permitirles desarrollar visualmente en una sola forma en una capa. Las desventajas de este tipo de paradigmas de desarrollo pueden ser que a veces lo limita, lo que significa que generalmente está limitado dentro de un marco predefinido.

Por lo tanto, es importante encontrar un marco que, además de su experiencia de desarrollo WYSIWYG, esté abierto a la extensión y personalización. Eche un vistazo al http://www.visualwebgui.com/.

Cuestiones relacionadas