Este documento describe los editores WYSIWYG (lo que ves es lo que obtienes), que permiten ver los cambios en el diseño de la página web en tiempo real. Explica las ventajas de estos editores como Dreamweaver y FrontPage, así como otros editores de código abierto como KompoZer y TinyMCE.
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024
Editores WYSIWYG
1. Editores WYSIWYG
REPÚBLICA BOLIVARIANA DE VENEZUELA
MINISTERIO DEL PODER POPULAR PARA LA EDUCACION UNIVERSITARIA
UNIVERSIDAD POLITÉCNICA TERRITORIAL DEL ESTADO ARAGUA
“FEDERICO BRITO FIGUEROA”
LA VICTORIA-ESTADO ARAGUA
Autor:
Robert Rodríguez
2014
http://www.facebook.com/1RdXD - http://www.twitter.com/1RdXD
2. ¿Que son los Editores WYSIWYG?
características:
•Es un tipo de editor quemuestra cómo lucirá la página en el navegadorweb al mismo tiempoque la están diseñando.
http://www.facebook.com/1RdXD - http://www.twitter.com/1RdXD
3. •Es el tipo de editor webideal para quienes no tienen mucha experienciaen el diseño de páginas web, opara quienes no tengan conocimientos en programaciónde lenguajes web, por lo tanto lo puede utilizar perfectamente cualquier persona que sepa cómo utilizar una computadora.
http://www.facebook.com/1RdXD - http://www.twitter.com/1RdXD
4. Ventajas de un editor WYSIWYG
•No es necesario complicarse con lenguaje de programación porque el editor WYSIWYG renderizalos códigossimplificando todo.
•Eleditor WYSIWYG vs. editor handcoding(codificación manual) te permite ver tal como se verá en Internet tu sitio web mientras lo creas y modificas.
•El WYSIWYG no ocupan demasiados recursos, ya quela mayoría de sus aplicaciones estás integradas en sus funciones.
•Con un editor WYSIWYG puedes crear y modificar con rapidez tudiseño web.
•La sencillez y la facilidad de ediciónson elementos claves en la creación y la mantención de una página web.
http://www.facebook.com/1RdXD - http://www.twitter.com/1RdXD
5. Dreamweaver
•Excelente para trabajos profesionales.
•Utiliza la tecnologíaweb comoCSSyJava Script.
•Se puede diseñar y crear paginas web sin conocimiento de códigoHTML
•Permite previsualizarlas paginasweben casi todos los navegadoresweb.
•Permite el uso de extinciones comoHTMLyJava Script.
http://www.facebook.com/1RdXD - http://www.twitter.com/1RdXD
6. FrontPage
La interfaz de frontpagees la misma que microsoftword.
La generación automática de código html, a través de una interfaz nada compleja, mediante la cual puedes “dibujar” el sitio, sin necesidad de programación.
Permite instalar algunas características extra de web dinámicas incluidas dentro del programa.
http://www.facebook.com/1RdXD - http://www.twitter.com/1RdXD
7. •Duplica y hasta triplica el espacio utilizado en disco.
•Necesita de las extensiones frontpage instaladas en su servidor virtual.
•Al instalar estas extensiones, su cuenta ftp deja de trabajar.
•Al instalar, no puede proteger páginas con contraseña ni ejecutar ningún tipo de script perlo php, menos aún trabajar con bases de datos mysql.
Desventajas
http://www.facebook.com/1RdXD - http://www.twitter.com/1RdXD
8. Otros Editores WYSIWYG KompoZer
Kompozeres otra aplicación de edición de páginas web,cuyo desarrollo llegó a su fin hace algunos años. Esta aplicación ha sido desarrollada, con el único objetivo de facilitar al máximo el desarrollo de páginas web, incluso para el usuario más inexperimentado.
http://www.facebook.com/1RdXD - http://www.twitter.com/1RdXD
9. Gestor de sitios FTP.
Pestañas.
Editor de CSS.
Barras de herramientas personalizables.
Marcas visibles.
Corrector ortográfico automatizado.
características:
http://www.facebook.com/1RdXD - http://www.twitter.com/1RdXD
10. Es un editor de texto WYSIWYG para HTML de código abiertoque funciona completamente en JavaScripty se distribuye gratuitamente. Al ser basado en JavaScript TinyMCEes independiente de la plataforma y se ejecuta en el navegador deinternet. Tiene la habilidad de convertir un campo del tipo textareau otros elementos de HTML en instancias del editor.
TinyMCE‘‘‘‘TinyMoxiecodeContent Editor’’
http://www.facebook.com/1RdXD - http://www.twitter.com/1RdXD
11. •Apoyo para la toma y edición de tablas.
•Buscar y reemplazar durante la edición.
•Soporte para etiquetas XHTM.
•Soporte para la adición de estilos CSS en línea a cualquier elemento.
•Es compatible con la mayoría de los navegadores comoFirefox,Internet Explorer, Opera.
•Es fácil de integrar en las páginas web, ya que solo tiene dos líneas de código.
Características
http://www.facebook.com/1RdXD - http://www.twitter.com/1RdXD