Kompozer: el arte del diseo web

Disear pginas web demanda mucha meticulosidad si se buscan

resultados profesionales, y pocas herramienta gratuitas son
adecuadas para este trabajo. Kompozer es una de ellas.

Por Carlos Rojas

A simple vista es evidente que Internet ha evolucionado mucho. Hoy
vemos todo tipo de novedades y servicios que causan gran impacto,
como MySpace, Facebook y YouTube. Se habla de una Web 2.0, que
significa contenido dinmico, y de una Web Semntica, que ofrecer
ms automatizacin. Pero esas tecnologas funcionan sobre todo en el
lado de los servidores; en tanto, las pginas web que vemos en el
navegador no han cambiado fundamentalmente desde hace aos.

De ah que el diseo de estas ha tenido pocos cambios y sigue siendo
una actividad bastante 'artesanal'. Por supuesto, hay herramientas que
permiten crear sitios completos; y los blog son una interesante opcin
para quienes no saben de diseo web. Pero existen miles de millones
de pginas en HTML (ver recuadro), diseadas manualmente por
profesionales y aficionados, que muestran cmo este sencillo lenguaje
sigue reinando.

Ellos todava utilizan herramientas para diseo profesional
tradicionales, como Microsoft FrontPage y Adobe Dreamweaver, pero
estas son aplicaciones comerciales. Hallar un programa similar, pero
gratuito, resulta toda una noticia. Esta herramienta se llama
Kompozer, y es capaz de satisfacer tanto a los diseadores web
profesionales como a los aficionados.

Multiplataforma y porttil

Hay muchas aplicaciones que funcionan en Windows y en Linux, pero
no en Mac. Kompozer no solamente se puede instalar en Mac OS X,
sino que tiene versiones para Ubuntu y Fedora, las dos distribuciones
Linux ms populares. Y todas se pueden descargar desde la direccin.

Adems, en Windows no requiere instalacin: basta descargar un
archivo .ZIP y descomprimirlo (se recomienda hacerlo en la carpeta
Archivos de programa). Eso crea la carpeta Kompozer 0.7.10 (este es
el nmero de la versin), donde se halla el archivo ejecutable
kompozer.exe. Cree un acceso directo a este, de forma que lo pueda
ejecutar rpidamente desde el escritorio.

Incluso, si lo desea, puede copiar la carpeta a una memoria USB y
ejecutar el programa desde esta, ya que adems es porttil.
Con todo lo necesario

Lo primero que sorprende en Kompozer es la rapidez con la que se
ejecuta, as como la sencillez de su interfaz. Aqu no hay cosas
superfluas, pero est todo lo que necesitan las personas a quienes les
gusta controlar cada elemento del diseo web.

El programa tiene mucho en comn con FrontPage, y menos con
Dreamweaver. Es una tpica herramienta para disear grficamente
que, como las aplicaciones mencionadas, ofrece varias vistas: Normal,
donde se disean las pginas sin necesidad de escribir cdigo;
Etiquetas HTML, una vista esquemtica de cmo estn distribuidas las
etiquetas; Cdigo fuente, que muestra el cdigo HTML tal cual, y Vista
preliminar, que exhibe las pginas como se vern en el navegador.

Cdigo fuente es la vista para los expertos; aqu pueden revisar el
cdigo para optimizarlo, e introducir lneas que no pueden ser
generadas por el programa.

Como otras herramientas profesionales, Kompozer dispone de
pestaas que permiten trabajar al tiempo en varias pginas, entre las
cuales se puede cambiar rpidamente; cuenta con una paleta de
colores muy completa (se puede personalizar), un excelente cuadro de
dilogo para generar tablas, ms otro muy completo para modificar
estas.

Las indispensables tablas

HTML es muy limitado, pues fue pensado para crear pginas similares
a un documento de Word; entonces por qu las pginas estn llenas
de cuadros coloridos? Porque a alguien se le ocurri que en vez de
agregar tablas dentro de un texto, se podan utilizar estas para meter
el texto, las imgenes e incluso, otras tablas.

Las tablas tienen muchas propiedades y se pueden modificar (incluso
celda a celda), cambiando el color del fondo, el ancho de los bordes
(que puede ser cero), los mrgenes, la alineacin horizontal y vertical,
etc. Y son bsicas para el diseo de pginas.
Dado lo dispendioso que resulta crear un sistema de tablas bien
organizado, los profesionales trabajan con plantillas. Estas se disean
de manera meticulosa y luego se rellenan de acuerdo con las
necesidades del sitio.

Por ejemplo, si una empresa tiene una docena de productos que
quiere presentar, necesitar otras tantas pginas, las cuales pueden
generarse a partir de una plantilla. Y Kompozer facilita crear estas
plantillas.

Adems, el diseador puede publicar las pginas (es decir, subirlas al
servidor web); trabajar con lenguajes complementarios como
JavaScript, CSS, XHTML y PHP; insertar imgenes controlando sus
propiedades (dimensiones, mrgenes y bordes); y crear formularios,
indispensables cuando se quiere tener un sito interactivo donde, por
ejemplo, los usuarios puedan enviar comentarios o registrarse.

Lectura 3 - Kompozer: el arte del diseo web - Final
Parte del proyecto Nave

Kompozer y otras aplicaciones, como Firefox (el popular navegador),
Thunderbird (cliente de correo electrnico), Sea Monkey (suite de
programas web), Sunbird (administrador de agenda), Flock
(navegador para redes sociales) y Nvu (herramienta para diseo web),
forman parte de un proyecto llamado Nave, que es el nombre
adoptado para la traduccin al espaol del legendario proyecto
Mozilla.

Nave tiene su sitio en la direccin www.proyectonave.es, y su
propsito es promover las aplicaciones de Mozilla (todas de uso libre)
en nuestro idioma, incluyendo aquellas derivadas de este proyecto,
como Kompozer.

Kompozer no pertenece a Mozilla, pero est basado en Mozilla
Composer, un editor web bastante tradicional que, como su nombre lo
indica, s forma parte oficial de ese proyecto.

Por esta asociacin, Kompozer funciona de forma predeterminada con
Firefox, por lo que conviene disponer tambin de este navegador;
aunque si el diseador lo prefiere, puede utilizar Internet Explorer (o
cualquier otro navegador) para probar sus pginas.

Kompozer es, en pocas palabras, una herramienta completamente
libre, ideal para quienes desean aprender a disear pginas para
Internet de la forma correcta, es decir, meticulosamente y entendiendo
qu se est haciendo. Y tambin una excelente alternativa para
quienes ya dominan los secretos del diseo web.

El cdigo HTML: lento pero seguro

HTML (Lenguaje de Marcas de Hipertexto) apareci en 1990 cuando
Tim Berners-Lee, considerado el padre de la World Wide Web,
present las primeras 22 etiquetas, que son ciertas palabras en ingls
encerradas dentro de parntesis angulares como <head> (indica el
encabezado de una pgina).

Este sencillo lenguaje es interpretado por el navegador, y en los
comienzos de la Web esto fue un problema: muchas pginas se vean
bien en Internet Explorer, pero no en otros navegadores como
Netscape (o viceversa), as que lo diseadores deban 'casarse' con
uno.

En 1994, Berners-Lee fund el Consorcio W3C (www.w3c.org) para
promover la estandarizacin de la Web, y en el que participan las
empresas y entidades del mundo de la tecnologa.

El W3C tom HTML, cuya versin 1.0 haba sido presentada en 1993,
y lanz varias versiones en pocos aos, causando cierto caos en los
navegadores. En 1999 present la versin 4.01, adoptada lentamente
en aos siguientes y que hoy sigue vigente.

Por qu esa lentitud? Porque pocos usuarios actualizan
constantemente sus navegadores, de manera que los diseadores
web no pueden crear sus pginas con la tecnologa ms reciente, so
pena de que resulten incompatibles con los navegadores ms viejos.

La permanencia de la versin 4.01 ha hecho que navegadores como
Explorer, Opera, Firefox, Konqueror (de Linux) y Safari (de Mac OS X)
muestren las pginas de forma muy similar.
HTML es muy limitado, por lo que se ha complementado con otros
lenguajes como JavaScript y CSS (Hojas de Estilo en Cascada), que
se utilizan para agregar efectos a las pginas y para manipular datos,
pero que crean muchos huecos de seguridad.

En 1999 el W3C lanz el lenguaje XML, con el fin de superar las
limitaciones de HTML. XML result excelente para estandarizar el
intercambio de datos entre diferentes plataformas, y fue fundamental
en la aparicin de la Web 2.0, que trajo las redes sociales, los blogs y
los servicios (de noticias) RSS. Pero es demasiado complicado para
disear pginas comunes. Adems, no admite errores, mientras que
una pgina HTML con ciertas fallas s se puede ejecutar.

En el 2000, el W3C lanz XHTML 1.0, mezcla de HTML y XML,
considerado fundamental para la denominada Web Semntica (Web
inteligente?), pero que no fue ciertamente el remplazo de HTML.

En el 2004 el consorcio inici la implementacin de la versin 5.0 de
HTML, que conserva la sencillez tradicional de este lenguaje (incluso
lo simplifica), agregndole nuevas caractersticas, como el manejo de
multimedia.

HTML 5.0 est prcticamente listo, pero su adopcin tardar, entre
otras cosas porque Internet Explorer an no lo soporta. Por ello, las
herramientas para diseo web, como Kompozer, siguen trabajando
con HTML 4.01.

CMS - SISTEMA DE ADMINISTRACION DE CONTENIDOS:

Los CMS (Content Management System - Sistema de administracin
de contenido.), son herramientas diseadas en ambientes web para
construir contenidos para sitios web de forma interactiva, estos utilizan
bases de datos para almacenar toda la informacin que manejan.

Pero contrario a lo que podemos pensar la administracin de los CMS
es bastante fcil, pues las bases de datos son casi transparentes al
usuario y en algunos programas especficos solo se interacta con
estas al crear la base de datos para la instalacin del sitio CMS. Los
CMS segn diversos autores tienen una caracterstica muy importante
que esla opcin de separar el diseo de la informacin por lo que la
actualizacin visual de un sitio solo se basa en el cambio de un
tmplate o plantilla lo cual no alterapor ningn motivo la informacin
del sitio, por el contrario lo hace ms dinmico yde mayor interaccin
con el usuario no avanzado quien puede administrar su SitioWeb sin
ningn problema.
CARACTERSTICAS DE UN CMS.

se aloja de forma local en un servidor Web

necesita una o ms bases de datos para gestionar los contenidos

se basa en sistemas multiusuario de administracin con perfiles o
roles definidos.

Puede ser accesado y administrado por medio de Http o FTP

Su entorno grafico esta dado por la aplicacin de templates o
plantillas

Dependiendo de la herramienta que se use estos gestores pueden
ser Privativos o de Cdigo Abierto.

Pueden usar diferentes lenguajes de programacin entre ellos
listamos algunos: Active Server Pages, Java, PHP, ASP.NET, Ruby
On Rails,Python.

Pueden ser utilizados en diferentes campos como la educacin en
lnea, la informacin, comercio en lnea, noticias, blogs, correos entre
otros.