Tecnología WYSIWYG y 6 Editores Web
WYSIWYG es el acrónimo de What You See Is What You Get (en español, "lo que ves es lo que obtienes"). Se aplica a los procesadores de texto y otros editores de texto con formato (como los editores de HTML)
que permiten escribir un documento viendo directamente el resultado
final, frecuentemente el resultado impreso. Se utiliza en contraposición
a otros procesadores de texto, hoy en día poco frecuentes, en los que
se escribía sobre una vista que no mostraba el formato del texto, hasta
la impresión del documento. En el caso de editores de HTML este concepto
se aplica a los que permiten escribir la página sobre una vista
preliminar similar a la de un procesador de textos, ocupándose en este
caso el programa de generar el código fuente en HTML.
Procesadores de texto WYSIWYM
LyX
El primer procesador de textos (y primer editor) en utilizar el modelo WYSIWYM es el programa LyX.1 LyX está diseñado como un editor gráfico construido sobre un procesador de LaTeX, por lo que está especialmente enfocado, aunque no limitado, a la creación de documentos científicos.
En este caso, la estructura de los documentos que se pueden editar
viene dada en forma de plantillas propias del editor, que a su vez hacen
referencia a tipos de documentos LaTeX. El proceso para generar el
documento con su apariencia final es doble, en primer lugar se
transforman los contenidos de un formato propio a formato LaTeX y a
continuación, el procesador de LaTeX genera el documento en su formato
final (DVI, PDF, etc.).
Nesteditor
De forma muy similar a Lyx, trabaja Nestededitor,
un proyecto bajo licencia Free/Libre and Open Source Software bajo
licencia GPL2+ y Multiplatforma (Ubuntu 11.10+ Oneric Ocelot GNU/Linux,
Debian Wheezy GNU/Linux, Windows XP, Windows Vista y Windows 7)
desarrollado por Carlos Jenkins. Escrito en Python utiliza un
superconjunto de etiquetas basadas en txt2tags,
que permiten dotar al editor de mayores funcionalidades. Asimismo, es
posible introducir filtros utilizando la sintanxis de Python.
Celtx
Celtx
es un programa gratuito para escritura de guiones audiovisuales, obras
de teatro y libros de historietas con un enfoque WYSIWYM
(What You See Is What You Mean, lo que ves es lo que quieres decir).
El programa se encuentra bajo la Licencia Pública Celtx, que es
derivada de la Licencia Pública de Mozilla. Celtx dispone de
herramientas que permiten al usuario hacer desgloses de guion,
calendario de producción y demás elementos comunes en la preproducción
de piezas audiovisuales.
Celtx dispone de la posibilidad de trabajar en grupo, vía internet, con otros usuarios.
WYSIWYM en entornos web
La edición de páginas web está dominada por el modelo de edición WYSIWYG. Aunque este modelo ha sido criticado,2 3 especialmente por generar páginas de escasa calidad, y hay voces que reclaman un cambio hacia editores del tipo WYSIWYM.4 5 6
El primer editor web en definirse como un editor WYSIWYM es el WYMEditor.7
En este editor la estructura de los documentos se define mediante
clases CSS aplicables a elementos HTML. Dichas clases también contienen
la información acerca de la estética final del documento. Aunque sigue
un modelo WYSIWYM, el formato de los documentos es siempre HTML,
por lo que las posibilidades para definir estructuras y generar el
documento final se limitan a definir nuevas clases y aplicarles
elementos de presentación.
En el año 2008 INTECO, desarrolló un proyecto, merecedor de un premio,,8
cuyo objetivo era definir una arquitectura que permitiese el uso de
editores puramente WYSIWYM. Para ello utilizaba un lenguaje propietario,
denominado WebCS, que definie la estructura de los documentos. Mediante
un editor WYSIWYM se editarían los contenidos propios de cada tipo de
documento. Estos contenidos se almacenan en un formato XML,
etiquetados según su valor semántico, y la transformación al formato de
documento final se realiza mediante una hoja de estilos XSL.
Por lo que los contenidos pueden transformarse a cualquier otro
formato. En este caso la separación entre contenido y presentación se
realiza mediante el par XML-XSL, por lo que se produce a un nivel
superior que la separación aportada por HTML-CSS.
Actualmente el proyecto se encuentra abandonado y en la página web de
INTECO se hace mención únicamente al premio recibido en el año 2008.
6 EDITORES WYSIWYM QUE DEBES CONOCER
#1
Adobe Dreamweaver es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems)
es uno de los programas más utilizados en el sector del diseño y la
programación web por sus funcionalidades, su integración con otras
herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.
Sus principales competidores son Microsoft Expression Web y BlueGriffon
(que es de código abierto) y tiene soporte tanto para edición de
imágenes como para animación a través de su integración con otras. Hasta
la versión MX, fue duramente criticado por su escaso soporte de los
estándares de la web, ya que el código que generaba era con frecuencia
sólo válido para Internet Explorer y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.
Se vende como parte de la suite Adobe Creative Suite. A partir de la
compra de Macromedia por parte de Adobe. Las letras CS significan
Creative Suite
La gran ventaja de este editor sobre otros es su gran poder de
ampliación y personalización, puesto que en este programa sus rutinas
(como la de insertar un hipervínculo, una imagen o añadir un
comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de Javascript
que hace que sea un programa muy fluido y todo ello permite que
programadores y editores web hagan extensiones para su programa y lo
pongan a su gusto.
Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.
Dreamweaver ha tenido un gran éxito desde finales de los años 1990 y
actualmente mantiene el 90% del mercado de editores HTML. Esta
aplicación está disponible tanto para la plataforma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.
Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML
de cara al usuario, haciendo posible que alguien no entendido pueda
crear páginas y sitios web fácilmente sin necesidad de escribir código.
Algunos desarrolladores web criticaban esta propuesta ya que crean
páginas HTML más largas de lo que solían ser al incluir mucho código
inútil, lo cual va en detrimento de la ejecución de las páginas en el navegador web.
Esto puede ser especialmente cierto ya que la aplicación facilita en
exceso el diseño de las páginas mediante tablas. Además, algunos
desarrolladores web han criticado Dreamweaver en el pasado porque creaba
código que no cumplía con los estándares del consorcio Web (W3C).
No obstante, Adobe ha aumentado el soporte CSS y otras maneras de
diseñar páginas sin tablas en versiones posteriores de la aplicación,
haciendo que se reduzca el exceso de código.
Dreamweaver permite al usuario utilizar la mayoría de los navegadores
Web instalados en su ordenador para previsualizar las páginas web.
También dispone de herramientas de administración de sitios dirigidas a
principiantes como, por ejemplo, la habilidad de encontrar y reemplazar
líneas de texto y código por cualquier tipo de parámetro especificado,
hasta el sitio web completo. El panel de comportamientos también permite
crear JavaScript básico sin conocimientos de código.
Con la llegada de la versión MX, Macromedia incorporó herramientas de
creación de contenido dinámico en Dreamweaver. En lo fundamental de las
herramientas HTML WYSIWYG, también permite la conexión a Bases de Datos
como MySQL y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP, ASP.NET, ColdFusion, JSP (JavaServer Pages) y PHP sin necesidad de tener experiencia previa en programación.
Un aspecto de alta consideración de Dreamweaver es su funcionalidad
con extensiones. Es decir, permite el uso de "Extensiones". Las
extensiones, tal y como se conocen, son pequeños programas, que
cualquier desarrollador web puede escribir (normalmente en HTML y
Javascript) y que cualquiera puede descargar e instalar, ofreciendo así
funcionalidades añadidas a la aplicación. Dreamweaver goza del apoyo de
una gran comunidad de desarrolladores de extensiones que hacen posible
la disponibilidad de extensiones gratuitas y de pago para la mayoría de
las tareas de desarrollo web, que van desde simple efectos rollover
hasta completas cartas de compra.
También podría decirse que, para un diseño más rápido y a la vez fácil, podría complementarse con Fireworks
en donde se podría diseñar un menú u otras creaciones de imágenes (gif
web, gif websnap, gif adaptable, jpeg calidad superior, jpeg archivo más
pequeño, gif animado websnap) para un sitio web y después exportar la
imagen creada y así utilizarla como una sola en donde ya llevará los
vínculos para dicho sitio.
#2
Microsoft Expression Web con nombre código Quartz es un editor de páginas web HTML considerado una versión superior de FrontPage 2003 por su semejanza en aspectos a este último. Utiliza el mecanismo WYSIWYG (Lo que ve es lo que obtiene) para modificar páginas Web.
Características
Está enfocada al cumplimiento de estándares, ya que permite validar
nuestro contenido contra el estándar que el usuario desee seguir o navegadores en los que se planea montar la aplicación Web. Además, Expression Web es compatible con hojas de estilo CSS y con Microsoft Visual Studio. Asimismo, incluye la capacidad de procesar archivos XML mediante JavaScript.
Desde la versión 2 del programa, se permite la integración con lenguajes de servidor como ASP.NET o PHP sin necesitar de instalar un servidor. También permite la interacción con Adobe Photoshop para generar imágenes.
Historia de versión
Microsoft Expression Web
El 14 de mayo de 2006, Microsoft lanzó la primera versión en
Community Technology Preview de Expression Web. El 5 de septiembre de
2006, Microsoft lanzó la Beta 1. El cambio importante desde el 1 de la
CTP fue que se han eliminado la mayoría de los antiguos robots de FrontPage, piezas, funciones y características no estándar. La versión RTM se puso a disposición de 4 de diciembre de 2006.
Microsoft Expression Web 2
Microsoft Expression Web 2 se lanzó en 2008.1
Expression Web 2 ofrece soporte nativo para PHP y Silverlight.
Microsoft Expression Web 3
Microsoft Expression Web 3 fue lanzado en el 2009.2 Actualiza su interfaz de usuario, creada con Windows Presentation Foundation,
en línea con el resto de aplicaciones de la Suite Expression, e incluye
la herramienta SuperPreview, para comparar y renderizar páginas web en
diferentes navegadores.
Microsoft Expression Web 4
Microsoft Expression Web 4 fue lanzado el 7 de Junio de 2010.3
Añade la opción de complementos HTML y el acceso a una función
SuperPreview en línea, para probar las páginas en exploradores no
instalados en el sistema del usuario (como exploradores para las
plataformas Mac OS X o Linux)
de forma online. Microsoft Expression Web 4 también incluye un
analizador de SEO, que comprueba el Web creado para optimizar y mejorar
lo máximo posible su posicionamiento en buscadores. 4
Debido a su anticipada salida al mercado (menos de un año entre dos
versiones), Microsoft ofrece actualizaciones gratuitas a Expression Web 4
a clientes de la tercera versión. Para ello basta con descargar la
versión de prueba y automáticamente se activará el software. 5
#3
El Editor HTML CoffeeCup es un editor de HTML que es compatible tanto con HTML puro y edición WYSIWYG, aunque la edición WYSIWYG ya no está disponible en las versiones más recientes, a partir de 2012, (después de la versión 12.5). Originalmente creado por Nicholas Longo y Kevin Jurica, fue lanzado por primera vez al público en agosto de 1996.
Según los autores el editor fue el primero en apoyar Javascript (versión 3.5 09 1996), edición en pantalla dividida (versión 4.0, marzo de 1997) y una función de carga FTP (versión 5.2, febrero de 1998).
El editor de HTML fue votado como el mejor de Windows Editor HTML en los lectores de About.com Premios de dos años en una fila en 2011 y 2012. [1]
#4
BlueGriffon es un editor de páginas web WYSIWYG mayormente libre y de código abierto pero con componentes opcionales privativos y comerciales. Está basado en Gecko, el motor de renderizado dentro de Firefox, y usa XULRunner, el entorno de tiempo de ejecución para Gecko. Se puede bajar gratuitamente y está disponible para Mac OS X, Windows y Linux y está traducido a 17 idiomas.
BlueGriffon cumple con los estándares web W3C. Puede crear y editar páginas conforme a HTML 4, XHTML 1.0, HTML 5 y XHTML 5. Es compatible con CSS 2.1 y todas las partes de CSS 3 ya aplicadas por Gecko. BlueGriffon también incluye SVG-edit, un XUL editor basado en SVG que se distribuyó originalmente como una extensión para Firefox y se adaptó a BlueGriffon.
Hay ciertas funcionalidades del programa a las que sólo se puede acceder a través de extensiones pagas (privativas).
Entre ellas, para ver el programa en pantalla completa es necesaria la
extensión 'FullScreen view/Edit', para editar hojas de estilo en cascada
se necesita otra llamada 'CSS Stylesheet editor'. Inclusive el manual
de funcionamiento del programa es vendido aparte como extensión,
careciendo completamente de documentación detallada para el usuario. En
total son 17 las extensiones privativas pagas. Sólo se concede acceso
gratuito a 2 extensiones, a saber 'FireFTP' y 'Dictionaries'.
#5
KompoZer Es un completo sistema de Web que combina archivos Web manejables y de fácil uso del editor de páginas WYSIWYG.
En marzo de 2007 fue comentado en Download.com, que lo consideró una de las mejores alternativas libres a Adobe CS3, y lo comparó favorablemente con Adobe Dreamweaver.
El próximo lanzamiento, KompoZer 0.8, ha sido actualizado a Gecko 1.8.1, y el código está siendo finalizado después de las pruebas. La primera versión pública alfa de KompoZer 0.81 fue publicada el 11 de febrero de 2009 y ofreció una nueva interfaz de usuario.2
Las capacidades WYSIWYG de KompoZer son una de las principales
atracciones del software. Adicionalmente, KompoZer permite la edición
directa de código así como una opinión de vista dividida de código
gráfico.
Conformidad con los estándares
KompoZer cumple con los estándares web de W3C. Por defecto, las páginas son creadas en acuerdo a HTML 4.01 Strict y usan las hojas de estilo en cascada (CSS) para el estilo, pero el usuario puede cambiar los ajustes y elegir entre:
La aplicación incluye un validador HTML incorporado, que sube las páginas al W3C Markup Validation Service y comprueba para saber si hay conformidad.
#6
Atom es un país libre y de código abierto editor de texto y código fuente para OS X, Linux y Windows con soporte para plug-ins escritos en Node.js, y embebidos de control Git, desarrollado por GitHub . La mayoría de los paquetes que se extienden tienen licencias de software libre y son También se puede utilizar como un IDE y mantenido Atom se basa en cromo y escrito en CoffeeScript construido comunidad...
Se basa en Sublime Text y pide prestado una considerable cantidad de características de la misma.
licencia
Inicialmente, paquetes de extensión para Atom y no nada parte del núcleo del átomo fueron liberados bajo una licencia de código abierto. El 6 de mayo de 2014, el resto de Atom, incluyendo la aplicación principal, gestor de paquetes de Atom, y el marco de Atom basados en cromo aplicación de escritorio, Electron (antes conocido como Atom Shell), fueron liberados como software libre bajo la licencia MIT.
Se basa en Sublime Text y pide prestado una considerable cantidad de características de la misma.
licencia
Inicialmente, paquetes de extensión para Atom y no nada parte del núcleo del átomo fueron liberados bajo una licencia de código abierto. El 6 de mayo de 2014, el resto de Atom, incluyendo la aplicación principal, gestor de paquetes de Atom, y el marco de Atom basados en cromo aplicación de escritorio, Electron (antes conocido como Atom Shell), fueron liberados como software libre bajo la licencia MIT.
En GitHub, estamos construyendo el editor de texto que siempre hemos querido. Una herramienta que puede personalizar para hacer cualquier cosa, sino también utilizar de manera productiva en el primer día sin tener que tocar un archivo de configuración. Atom es moderno, accesible, y hackable hasta la médula. No podemos esperar a ver lo que usted construye con ella.
Atom es una aplicación de escritorio basado en tecnologías web. Al igual que otras aplicaciones de escritorio, tiene su propio icono en el dock, menús nativos y diálogos, y el pleno acceso al sistema de archivos.
Abrir las herramientas dev, sin embargo, y el núcleo basado en la web de Atom brilla. Ya sea que esté modificando el aspecto de la interfaz de Atom con CSS o la adición de las principales características con HTML y JavaScript, nunca ha sido más fácil de tomar el control de su editor.
Abrir las herramientas dev, sin embargo, y el núcleo basado en la web de Atom brilla. Ya sea que esté modificando el aspecto de la interfaz de Atom con CSS o la adición de las principales características con HTML y JavaScript, nunca ha sido más fácil de tomar el control de su editor.
0 comentarios:
Publicar un comentario