Komposer una herramienta gratuita de desarrollo web.pdf

28
Los editores web, o editores
HTML, son programas informáticos
para crear páginas web
sin necesidad de saber HTML o programación.
Por eso, son las herramientas
fundamentales de desarrollo
web en la actualidad. Su función
principal es facilitar la creación del
código HTML con el que se construyen
las páginas que se hospedan en
la Red.
Existen dos tipos principales de editores
web, los de texto y los
“WYSIWYG”.
Los editores web de texto colorean
de diferente manera las instrucciones
y parámetros del texto, revisan la sintaxis
del código a la vez que indican
y corrigen errores, además de cumplir
otras funciones similares que
facilitan el desarrollo de código
HTML. Permiten mucha flexibilidad
para crear la página web, pero para
usarlos se necesita ser experto en
HTML y CSS (Cascading Style Sheets:
hojas de estilo en cascada), ya que el
código se introduce manualmente.
Suelen ser usados principalmente
por programadores y no son tan
apreciados por diseñadores.
Los editores web WYSIWYG se nombran
con esta sigla que significa
What You See Is What You Get (Lo
que ves es lo que obtienes). Son ideales
para diseñadores y para personas
sin mucho conocimiento de codificación,
ya que permiten crear la página
web en modo diseño, arrastrando
elementos y apretando botones. Por
tanto, no necesitas saber HTML ni
[GiGA 2 / 2012]
CSS, aunque la mayoría también
tiene una ventana que permite editar
directamente el código.
Los que trabajan en el desarrollo de
páginas web, seguramente han visto
y probado más de una herramienta
antes de optar por su preferida.
También es probable que se tenga
una postura a la hora de elegir entre
las aplicaciones privativas o las gratuitas.
Aquí vale aclarar que no todas
las herramientas gratuitas son open
source (código abierto); también
podremos encontrar aplicaciones
que cuentan con otro tipo de licencias
y diferentes tipos de libertades
y/o restricciones. Conozcamos algunas
de las herramientas gratuitas
más destacadas:
D.I. Humberto Becerra López
humberto@dmc.copextel.com.cu
Dirección Marketing y Comunicación
GiGA, Copextel
•KompoZer
Licencia: GPL, libre de costo.
Plataformas: Win | Mac | Linux.
Comenzó siendo una versión no oficial
de Nvu (un editor web surgido
desde el componente Composer de
Mozilla Suite), pero está siendo rescrito
a nivel interno y contiene numerosas
novedades. Tiene soporte para FTP
y la descarga es sorprendentemente
pequeña para la capacidad del programa.
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). También hay “etiquetas
HTML” de la ventana, que permiten la
misma funcionalidad que la barra de
herramientas Developer para Firefox.
KompoZer v0.8b3 para Windows.

•Amaya
Licencia: W3C, libre de costo.
Plataformas: Win | Mac | Linux.
Es una herramienta combinada del
W3C compuesta por un navegador
web y un editor de páginas web con
todas las funciones. Cualquier página
web que se abra puede ser editada
inmediatamente. Se pueden ver y
generar páginas HTML y XHTML con
hojas de estilo CSS, expresiones
MathML y dibujos SVG. Una de sus
más notables características es que
se pueden ver los enlaces que se
crean con el editor. Renderiza imágenes,
por ejemplo en PNG y un subconjunto
del formato de Gráficos
Vectoriales Escalables (SVG, por sus
siglas en inglés), como: figuras básicas,
texto, imágenes y foreignObject
(que es útil para incluir fragmentos
HTML o expresiones MathML en
los dibujos). Los gráficos están escritos
en XML y pueden ser mezclados
libremente con HTML y MathML.
La última versión liberada es la
11.4.4, que fue lanzada el 18 de
enero de 2012. Esta soporta HTML
4.01, XHTML 1.0, XHTML Basic,
XHTML 1.1, HTTP 1.1, MathML 2.0,
muchas características CSS 2, e incluye
soporte para gráficos SVG (transformación,
transparencia y animación
SMIL), además de que permite,
no solo visualizar, sino además editar
de manera parcial documentos XML.
Se puede decir que es una aplicación
bastante extendida.
Amaya v11.4.4 para Windows.
•Bluefish Editor
Licencia: GPL, libre de costo.
Plataformas: Mac | Linux | (Windows
con Cygwin).
Bluefish es uno de los mejores editores
de texto disponibles para Linux,
dirigido a diseñadores web experimentados
y programadores. Se
enfoca en la edición de páginas
códigoabierto
dinámicas e interactivas, aunque no
está tan centrado en el desarrollo
web como las otras alternativas a
Dreamweaver. Corre en muchos de
los sistemas operativos compatibles
con POSIX (Portable Operating
System Interface) como
Linux, FreeBSD, MacOS-
X, OpenBSD, Solaris y
Tru64. Cuenta con características
tales como rapidez,
posibilidad de abrir
múltiples archivos simultáneamente,
soporte multiproyecto,
soporte para
archivos remotos mediante
gnome-vfs, marcado
de sintaxis personalizable
basado en expresiones
regulares compatibles
con Perl, así
como soporte para sub-
Bluefish v2.0.0 para Linux.
patrones y patrones predefinidos
(para HTML,
PHP, Javascript, JSP, SQL,
XML, Python, Perl, CSS,
ColdFusion, Pascal, R,
Octave/Matlab), diálogos
para etiquetas HTML, asistentes
para creación fácil
de documentos, creación
de tablas, marcos
(frames); soporte para
múltiples codificaciones,
trabajo con diferentes
juegos de caracteres, numeración
de líneas, menús
desplegables, barras
de herramientas configurables, diálogo
para insertar imágenes y buscador
de referencia de funciones. También
ofrece integración personalizable
con varios programas (make,
javac, etc), resaltado de sintaxis
(C, Java, JavaScript, Python, Perl,
ColdFusion, Pascal, R y Octave) y traducciones
completas para aproxima-
damente veintidós idiomas.
•Screem
Licencia: GNU, libre de costo.
Plataformas: Mac | Linux.
Es un editor para el desarrollo de
sitios web diseñado para Linux, que
Screem v0.16.1 para Linux.
trabaja en código fuente,
de manera que se puede
tener mayor control sobre
el código del sitio. Tiene
soporte para HTML, Java-
Script, CSS, PHP etc.
Actualmente se han liberado
las versiones 0.8.2
(estable) y 0.9.0 (inestable),
de las cuales se corrigen
fallos menores como
el crasheo, corregido en la
versión 0.90. También se
adjuntan nuevas características
como el ajuste de
línea y la fijación del espaciado del
tabulador (v0.8.2) w.
•Quanta Plus
Licencia: GNU, libre de costo.
Disponible para: Linux (KDE).
Quanta Plus se está convirtiendo en
un competidor de peso para los editores
web comerciales del mercado,
pues el proyecto está ganando una
serie de desarrolladores de software
de código abierto. Para los que usan
PHP como lenguaje de desarrollo
principal resulta difícil encontrar una
herramienta mejor que Quanta. Tiene
un conjunto de características que
incluyen la interfaz multidocumento,
edición WYSIWYG y plantillas. Entre
las características más avanzadas se
encuentra el plug-in de apoyo e integrado
de depuración de PHP. También
cuenta con el apoyo de terceros para
el control de revisión y control de código
fuente (con equipos). Usa KIO para
FTP, SSH (con FISH) y soporta otros
protocolos. Tiene asistentes para crea-
[GiGA 2 / 2012]
29

30
ción de tablas, enlaces y páginas en
blanco; resaltado de sintaxis de HTML,
Javascript, CSS y varios más. Soporta
plug-ins a través de KParts; por
defecto son: Konsole, KImageMap-
Editor, KLinkStatus, Cervisia (CVS) y
KFileReplace. Es una herramienta
libre de desarrollo de páginas web
diseñada para el proyecto KDE, además
funciona en el entorno GNOME.
Su versión actual es la 3.5. Forma
parte del paquete kdewebdev.
•Aptana Studio
Licencia: dual y costo gratuito.
Win | Mac OSX 10.4 + | Linux (con GTK).
Es un entorno de desarrollo integrado
basado en eclipse y desarrollado
por Aptana, Inc., que puede funcionar
bajo Windows, Mac y Linux.
Provee soporte para lenguajes como:
PHP, Python, Ruby, CSS, Ajax, HTML y
Adobe AIR y el desarrollo de Apple
iPhone. Tiene asistente de código
para HTML y Javascript; librerías Ajax
(jQuery, prototype, scriptaculous, Ext
JS, dojo, YUI y Spry entre otras),
conexión vía FTP, SFTP, FTPS y Aptana
Cloud. Es una herramienta para trabajo
con bases de datos que ofrece
marcado de sintaxis mediante colores.
Es compatible con extensiones
para Eclipse (existen más de 1000).
[GiGA 2 / 2012]
Quanta Plus v3.5 para Linux.
Aptana Studio v1.0.0 para Windows.
códigoabierto
•BlueGriffon
Licencia: libre de costo.
Mac OS X 10.5 y 10.6 |
Windows XP | Ubuntu
32 y 64 bits.
Nuevo editor visual diseñado
para aprovechar el
potencial de HTML 5. Su
creador es el autor de
Nvu, lo que asegura la
calidad del proyecto y
su resultado. Utiliza el
motor de renderizado de
Firefox (en su versión 4),
es software libre, y multi-
BlueGriffon v1.5.1 para Windows.
plataforma. Está preparado
para trabajar con
HTML 4, XHTML 1 y
HTML 5 (tanto en HTML
como en XML), incluye
las herramientas para
crear y gestionar CSS en
su versión 3, integrar
multimedia con etiquetas
de HTML 5, así como
la edición interactiva de
tablas, y la integración
de WebFonts, tan de
moda en los dos últimos
años. Además, ya gestiona
imágenes vectoriales en formato
SVG. La estructura de la aplicación
permite añadir a la misma complementos
o add-ons, que extienden sus
funcionalidades (estos complementos
son de pago).
Después de conocer algunos de
los editores web gratuitos más difundidos,
pasemos a repasar algunas
de las principales características de
KompoZer, un editor de páginas web
de los que facilitan la vida a los usuarios
con poca experiencia y que no
desean vérselas con el lenguaje
HTML. KompoZer permite editar las
páginas aunque no se cuente con
conocimientos técnicos, y lo hace de
manera muy sencilla, como si estuviésemos
trabajando en un programa
del estilo de Word. Se adapta
especialmente a las personas que tienen
pocos recursos y desean un producto
que cumpla sus necesidades,
pero sin tener que invertir mucho
tiempo en aprender a manejarlo, ni
tener que gastar dinero en comprar
una licencia.
KompoZer a fondo
Antes de comenzar con el porqué de
la recomendación de este programa,
hagamos un poco de historia. En un
principio existió el Nvu,
un poderoso editor de código
HTML creado sobre el
motor del compositor del
Mozilla Application Suite,
por sus mismos desarrolladores.
Fue tal la recepción
que tuvo, que se
convirtió en el freeware
más popular para crear
sitios web. En 2006,
Daniel Glazman (líder del
desarrollo) anunció que
iban a cesar el desarrollo
de dicho programa para
concentrarse más en algunos
proyectos de Mozilla. Sin embargo,
el sitio web de Nvu siguió online,
al igual que la última versión disponible.
La comunidad, viendo su gran
potencial, creó sobre la base del
mismo programa un editor de HTML
llamado KompoZer. Esta bifurcación
se ha situado como el mejor editor
HTML gratuito, ya que es muy similar
a su antecesor, solo que con la mayoría
de los bugs arreglados. Actualmente
su desarrollo sigue una línea
completamente renovada, escrito desde
cero, y con muchas mejoras y novedades
respecto a su antecesor, además
de que está apoyado por la Fundación
Mozilla.
Los que alguna vez han usado programas
como el Frontpage o el Dreamweaver
(los más populares), conocerán
cómo funciona este programa, y
para qué sirve. KompoZer provee las
herramientas necesarias para crear
sitios web sin la necesidad de tener un
conocimiento de código HTML. La
forma en que funciona es bastante
simple: el usuario crea la página de la
manera que desea verla, es decir, si
quiere una imagen en cierto lugar,
simplemente carga la imagen y la
coloca donde desea. A este estilo de
programas se le llama “WYSIWYG”.

Esto quiere decir que puedes crear
sitios web directamente escribiendo
texto sobre KompoZer, como si fuera
un editor de texto normal y sin tener
que escribir el código fuente HTML
necesario para construir la página.
Cuando quieres insertar otros contenidos,
como imágenes o enlaces, tienes
que utilizar botones de la barra de
herramientas, que te muestran formularios
para especificar las propiedades
de los elementos, como el archivo de
la imagen, el texto alternativo, o en el
caso de un enlace, la dirección adonde
se dirige, etc.
Esto simplifica bastante la tarea de
las personas que quieren empezar a
crear sus páginas web, porque no tienen
que conocer HTML. Simplemente
tienen que aprender a manejar
KompoZer, con sus menús, formularios,
etc. Pero no hay que engañarse,
porque utilizar un programa de este
estilo, como mínimo, requerirá unos
conocimientos básicos para aprender
a manejar archivos de diversos tipos,
conexiones FTP, y otras características
propias de la publicación en Internet.
A la hora de maquetar contenidos en
una Web ─lo que se hace con
KompoZer─ también viene bien saber
las distintas propiedades que podemos
aplicar a los elementos de la
página para cambiar su apariencia,
colocación o comportamiento.
Principalmente, para mantener el control
sobre los resultados finales será
importante conocer las particularidades
de diseñar una web, ya sea formateando
el aspecto directamente con
atributos HTML o con hojas de estilo
en cascada. KompoZer presta ayuda a
los principiantes porque se pueden
definir todas estas cosas con el propio
programa, sin tener que lidiar con los
lenguajes, pero conocer un poco sobre
ellos siempre nos ayudará.
El programa ayuda bastante a la hora
de diseñar la página web, pero además
tiene diversas herramientas para
facilitar también la publicación en un
servidor. Dispone de un gestor de
sitios (site manager), en el que podemos
configurar un acceso por FTP al
servidor web donde está alojada la
página. A través de ese gestor podemos
abrir archivos que estén en el
servidor para editarlos directamente
con KompoZer y luego guardarlos en
el servidor con el botón Publish.
También se puede crear nuevos archivos
y subirlos a un servidor que se
tenga configurado en el gestor de
códigoabierto
sitios. El mismo gestor de sitios se utiliza
también para acceder a directorios
y ficheros que se tengan de
forma local en el ordenador, configurando
un sitio sin indicar los datos de
FTP, sino indicando el directorio del
disco duro donde están los archivos
de la web.
Otro detalle es que la aplicación es
bastante ligera y una vez descargada
no necesita instalación. Esta característica
realmente resulta útil para guardarla
en un dispositivo externo, como
una llave de memoria; para llevarla a
otro ordenador y tener capacidades de
edición de web, sin tener que instalar
nada en él. Otros usuarios podrán
encontrar problemas justamente por
esto, porque piensen que tienen que
instalar el programa y no encuentren
el instalador, sino directamente el ejecutable
con muchos otros archivos.
Un detalle muy provechoso es el
corrector ortográfico que una vez
activado corrige a medida que uno
escribe. Como lo hacía el Nvu, el
KompoZer corre sin problemas en
cualquier PC. No se cuelga, ni se congela.
Funciona realmente muy bien. A
pesar de tantas cosas positivas, las
negativas se hacen presentes. Uno de
los problemas más molestos es que el
código no se redacta de una manera
que sea fácil de leer. Para aquellos que
lo utilizan con una base mínima de
HTML puede ser muy molesto.
Una de las grandes adiciones en las
últimas versiones de KompoZer es el
editor de hojas de estilo en cascada,
también conocidas como CSS. Este
editor, llamado CaScadeS, se utiliza
en una ventana separada del programa
en sí. La ventana tiene diferentes
pestañas en donde aparecen las partes
del sitio que se pueden personalizar,
como el fondo, el texto, y los
bordes, entre otras cosas. Aunque en
un principio puede parecer un poco
abrumador, finalmente resulta muy
simple de usar. Es una gran opción
para poder darle un toque de originalidad
a tu sitio.
Por último, según los autores, muchas
personas les estuvieron preguntando
por qué nunca salió una
versión final del programa, ya que el
número de las versiones siempre sale
con un cero al inicio, indicando que
no es una versión final. A esa interrogante
ellos respondieron que se debe
a que KompoZer no es un software
con fines comerciales, y está siempre
en constante cambio y mejora, por
eso no hay, y seguramente no habrá,
una versión final. Es por eso que los
usuarios pueden esperar que sea gratis
por mucho tiempo más.
Los detractores dirán que esta clase
de programas escribe el texto de una
manera poco funcional y que no es el
modo en que un sitio web debería
ser creado, pero da la posibilidad de
crear un sitio de manera eficiente y
relativamente fácil. Y como si todo
eso fuese poco, es gratis.
Conclusiones
KompoZer se anuncia como un editor
de extrema facilidad de uso y en eso
no estamos tan de acuerdo. Es verdad
que se han simplificado mucho los
menús y se ha tratado de minimizar
las herramientas y opciones del programa,
de modo que no abrumen sus
posibilidades, pero eso no significa
que el programa sea extremadamente
fácil de usar. Quizás sea más
cómodo si se compara con otros programas
similares, como Frontpage o
Dreamweaver, pero cualquier programa
de este estilo tiene un grado de
complejidad más o menos grande. Es
que crear una web, aplicarle todo tipo
de estilos y complementos y subirla al
servidor, puede resultar complejo para
usuarios inexpertos. Pero al menos
hay que aceptar que han intentado
simplificar los procesos. A pesar de no
estar oficialmente abandonado, en la
práctica hace mucho que el desarrollador
principal y casi único, Fabién
Kazenave, no le puede dedicar tiempo,
por lo que no ha aportado nuevos
desarrollos, solo la corrección de errores
y bugs.
Tampoco el editor del W3C, Amaya, ha
corrido mejor suerte, ya que su desarrollo
se detuvo en 2009. Estos editores
no ofrecen las funcionalidades
necesarias para trabajar con las nuevas
prestaciones que ofrece HTML 5. Por
esta razón, pueden quedar desplazados
por otros que sí se han adaptado
a la nueva versión del lenguaje de marcación
HTML, como es el caso de su
hermano más joven BlueGriffon que sí
sabe aprovechar el potencial de HTML
5. Por lo demás, es una opción, casi la
única, que tenemos para diseñar y
codificar páginas web en HTML5 con
software libre. La última versión revisada
de BlueGriffon, la 1.1.1. del 10 de
junio de 2011, es un buen paso adelante,
rápido y fiable. Un par de versiones
más y estará maduro para su
uso en producción.
[GiGA 2 / 2012]
31