3.2 Editores
Aunque cualquier editor convencional se puede emplear a partir de unos conocimientos mínimos del lenguaje HTML, existen en el mercado abundantes versiones, libres o de pago, de herramientas que facilitan y potencian la edición de páginas Web.
Debido a que nuestras exigencias eran muy reducidas, no habría sido necesario extenderse en un análisis pormenorizado de ellos, a pesar de lo cual , se seleccionaron algunos de los existentes, apoyándonos en las evaluaciones realizadas por algunas publicaciones y revistas del sector.
Un buen criterio de selección sería establecer los objetivos que debería cumplir el que sería el editor ideal.
Por un lado debería ser capaz de transcribir documentos montados con cualquier aplicación de autoedición o cualquier procesador de texto, guardando la estructura y el maquetado del documento, admitiendo, a ser posible, cualidaes drag & drop. Por otro lado un editor que dispusiera de utilidades gráficas para la inserción de formularios electrónicos y los enlaces a otros servicios que nos puede dar Internet.
Además, debería incluir un corrector ortográfico, utilidades para tratar imágenes y capacidad para salvarlas en formatos GIF y JPEG, y un visualizador de páginas HTML. Otro elemento muy útil sería alguna aplicación para llevar un control de las páginas realizadas, que señalara los enlaces y las imágenes empleadas, realizando el correspondiente chequeo de la existencia de ficheros.
Partiendo de estos requisitos, clasificamos los editores en dos grandes grupos: los gráficos y los basados en el código.
Con los editores gráficos se trabaja con una interpretación WYSIWYG (What You See Is What You Get) de las páginas, ajustada más o menos a como aparecerían en la ventana de un navegador. El código se encuentra embebido en las páginas, pero no se trabaja con él directamente.
Los editores basados en el código muestran las instrucciones en su estado puro, pero proporcionan sofisticadas facilidades de generación de código para que no tengamos que programar a mano si no queremos.
Ambos tipos disponen de similares instrumentos para creación y edición de páginas. Las barras de herramientas disponen opciones de rápido acceso a imágenes, listas, y enlaces, o a los tags que crean o insertan dichos elementos, y generalmente invocan a cuadros de diálogo que nos guian en la tarea. Muchos productos ofrecen asistentes que automatizan la elaboración de una página tipo y facilitan el diseño de formularios, mapas de imágenes, y otras complejas construcciones.
Determinar cual de ambos tipos es mejor resulta difícil. Incuestionablemente, los editores WYSIWYG son más sencillos de usar, especialmente para los no iniciados, ya que ocultan la sintaxis HTML; podemos crear atractivas páginas que contienen potentes elementos, sin conocer el lenguaje. Su principal problema estriba en que dan una aproximación, a menudo muy pobre, de como nuestra página será visualizada por un navegador.
Los editores basados en el código nos dan mayor potencia y flexibilidad, ya que nos obligan a ser más cuidadosos con la sintaxis de los documentos. El precio que pagamos es que debemos aprender muy bien el lenguaje y que, al estar tan pendientes del código, prestemos más atención al método que a la forma y los contenidos.
A continuación se enumeran y describen brevemente las que, por sus
prestaciones, resultaron más interesantes.
GNNpress es un editor WYSIWYG de 16 bits totalmente libre, desarrollado por America Online´s GNN Hosting Service, que presenta mayor flexibilidad y facilidad de uso que la mayoría de los productos de pago, a tenor de las fuentes consultadas. La copia beta de la versión 1.2 (sep 96) crea tablas, formularios y mapas de imágenes desde el punto de vista del cliente, pero no marcos (frames). También soporta applets de Java y muchos de los elementos recogidos en el estandar HTML 3.2.
Puesto que este editor también actúa como navegador, habría que acostumbrarse a las peculiaridades de su interfaz, que incluye una barra de herramientas, un cuadro que da nombre a la localización del fichero en uso, y otro con el título del fichero HTML, que se puede editar.
Se pueden crear textos, encabezados, tablas y formularios en la ventana de edición como se hace en un procesador de texto, ya que GNNpress construye el código a partir de los contenidos e incluso, si se hacen cambios que atentan contra la sintaxis HTML, el programa los corrige.
GNNpress se comporta aún mejor cuando se utiliza para construir un Web site completo. Organiza las páginas en "MiniWebs", disponiéndolas en forma de diagramas en los cuales cada página, enlace, o fichero gráfico se representa por un icono y un color. Para crear una nueva página, basta enlazarla a una de las editadas. Cuando cliqueamos sobre el enlace para saltar a la nueva página, el cuadro de diálogo nos dirá que no existe y nos ofrecerá crearla. Cada nuevo elemento es añadido automáticamente al MiniWeb en uso. Se puede crear incluso un MiniWeb a partir de unas cuantas páginas que ya tenemos, sin más que copiarlas en un directorio y diciéndole al programa que las "Websize".
La parte más débil del GNNpress es su interfaz, que al trabajar con tantas ventanas, induce a la confusión y nos puede hacer perder el hilo del proceso. Así, la barra de control de la ventana en la que estamos trabajando a menudo se oculta tras la barra de herramientas, donde no es accesible al ratón, y sólo puede hacerse nuevamente visible al yuxtaponer o superponer todas las ventanas abiertas.
Con todo, se trata de una pequeña deficiencia de un producto que ofrece suficiente solvencia y alternativas para aquellos que quieran editar páginas web.
FrontPage , un programa de 32 bits que corre sobre Windows 95 o Windows NT, nos permite, sin ningun esfuerzo, construir formularios, tablas, mapas de imágenes, marcos, y motores de búsqueda para nuestras páginas; todo ello tan fácilmente como crear enlaces, imágenes, y texto, sin tener que escribir una sola línea de código HTML.
El software de edición de FrontPage consta de dos componentes entrelazados: Explorador, que crea y gestiona Web sites enteros, y el Editor, en el que se elaboran las páginas y los enlaces. El Explorador muestra la organización del sito de dos maneras: una vista en forma de resúmen jerárquico y una vista en forma de enlaces que representa los enlaces desde y hacia las páginas individuales. Al cliquear una página concreta en cualquiera de las dos posibilidades, esta aparece en el Editor.
Un Website se crea en el Explorador empleando uno de los asistentes disponibles, que marca los pasos básicos para la construcción de sitios corporativos o de discusión de grupos. Podemos personalizarlos por medio de "bots" automáticos que actualizan enlaces o rellenan en las direcciones del Webmaster corporativo campos como el mailto. Los Webs estan protegidos con passwords y se pueden copiar o mover fácilmente a otros ordenadores que dispongan de FrontPage.
El Editor de páginas Web es completamente WYSIWYG y no deja modificar el código HTML que crea, aunque una herramienta especial posibilita la introducción de programas a mano, y se puede seleccionar algún sencillo editor por defecto, como NotePad, para acceder a las páginas en estado puro. Al texto se le da formato usando barras de herramientas, menús, o instrucciones como en Microsoft Word. FrontPage importa ficheros en formato ASCII, HTML y RTF pero no convierte ficheros de procesadores de texto, ni siquiera del Word.Virtualmente cualquier fichero de imagen de mapa de bits es convertida a formato .GIF o .JPEG, dependiendo de la profundidad de colores del original.
Siguiendo la dinámica del producto, se pueden crear tablas de forma tan asequible como en un procesador, además de poder insertar cualquier campo dentro de un formulario. Cuando se añaden imágenes, enlaces, tablas o formularios a las páginas, el programa inserta las intrucciones usadas por defecto. Éstas se pueden modificar, si se domina la sintaxis del lenguaje HTML, con objeto de utilizar las extensiones de Netscape o los tags HTML propuestos para el estandar, realizando los cambios oportunos en el cuadro de Propiedades. FrontPages soporta scripts CGI, pero no son necesarios ya que el programa arbitra un mecanismo de almacenamiento de resultados, en una gran variedad de formatos, para poder ser importados a bases de datos, vistos en un navegador, etc.
La mayoría de las fuentes consultadas señalan al FrontPage como el más completo e innovador editor de sitios Web del mercado, amén de uno de los más sencillos en cuanto a su manejo. Si se desea crear un gran y consistente Web site con un mínimo esfuerzo, parece que esta es la opción adecuada.
El principal incinveniente contra el que nos estrellamos fue que las
versiones de prueba disponibles estaban muy limitadas en sus posibilidades, lo
que nos impidió evaluar correctamente esta herramienta.
No se trata del editor más avanzado, ni permite crear Web site corporativos, pero no existe ninguno tan integrado con un navegador y, lo más importante, disponíamos de él como integrante de nuestros recursos desde el principio. ( Ya se indicó que Netscape Navigator 3.0, gold version, fue el browser asisuamente empleado. Este editor WYSIWYG está integrado en dicha versión).
El editor se lanza desde el menú de ficheros del navegador o empleando una línea de comando sin necesidad de éste. La ventana de edición se asemeja a la del Navigator, pero con tres barras de herramientas en su parte superior: una para los caracteres, gráficos y enlaces; otro para funciones relacionadas con los ficheros; y una tercera para los párrafos. Los contenidos se crean mecanografiándolos en la ventana de edición y aplicando el formato, bien desde la barra de herramientas, bien desde las completas listas de los menus "drop-down".
Las imágenes se importan al editor arrastrándolas desde el navegador o el explorador del Windows, siendo posible modificar su tamaño, posición, borde, etc, simplemente haciendo doble click sobre ellas. (Esto nos conducirá a un cuadro de ayuda con todas las posibilidades disponibles). También se pueden crear enlaces a páginas remotas siguiendo el mismo procedimiento con un icono de enlace del navegador.
Cuando se abren ficheros que incluyen formularios y otros elementos que no están directamente soportados por el editor, los tags HTML que crean dichos elementos se representan como iconos. Haciendo doble click sobre ellos se abre una ventana en la cual se puede editar el código HTML puro; utilizando el mismo procedimiento puede añadirse código a cualquiera de los archivos almacenados. El botón de verificación ("verify") del menú sólo asegura que se ha respetado la sintaxis "< tag >", de manera que cualquiera que sea la expresión que aparezca entre estos símbolos, el programa los procesa aunque no los reconozca; exclusivamente se limita a presentar al usuario un icono de tag desconocido. En cualquier caso, el editor recurre siempre al mínimo código imprescindible para que el archivo pueda ser visionado por un navegador.
Navigator Gold crea tablas pero no formularios o marcos ("frames"). No
dispone de asistentes para la construcción de páginas, pero el Web Site de
Netscape los incluye "on-line" y siempre cabe la posibilidad de refinar los
resultados en Navigator Gold u otro editor HTML cualquiera. A medida que se
trabaja con las páginas se pueden cargar en el servidor vía FTP o http, si es
que trabajamos en una máquina remota.
WebEdit es uno de los más elegantes y actualizados editores de páginas Web basados en el código. Está dirigido fundamentalmente a expertos conocedores de la estructura lógica del HTML, aunque dispone de asistentes que ayudan en la tarea a los principiantes. Todo en este programa tiene un toque profesional que inspira confianza.
En la edición no asistida, se insertan los encabezados, tablas, formularios, y marcos rellenando los cuadros de diálogo o escribiendo directamente el código. Un fichero puede verse en tiempo real gracias a la opción de previsionado WYSIWYG, que puede ser accionada o no, de la que dispone.
WebEdit convierte archivos limitados de bases de datos en tablas HTML, organiza ficheros múltiples en proyectos ("projects") que pueden ser editados o cargados vía FTP, y construye mapas de imágenes a gusto del cliente. Soporta, aunque no pueden previsionarse, marcos, tags de Java, o módulos ActiveX.
Su interfaz consta de dos barras de herramientas y una fila de botones que habilitan listas "drop-down" de tags HTML. El número de documentos que abramos simultáneamente sólo esta limitado por la memoria disponible, si bien únicamente podemos previsionar uno. A menos que usemos el asistente para la creación de una "home page", cada nuevo archivo aparece completamente vacío. Insertar los tags básicos, <HTML>, <BODY>,...,se reduce a cliquear el botón adecuado. También resulta sencillo la realización de páginas que no son estandar, como las que incorporan marcos, o fragmentos de otras existentes en la red o en otros documentos.
En la figura aparece el cómodo interfaz de Webedit. Puede
apreciarse las dos barras de herramientas, los botones que habilitan las listas
"drop-down",o como, con la opción de previsionado WYSIWYG activada, la pantalla
se divide en dos para permitirnos ver en tiempo real las modificaciones
introducidas en el archivo.
A medida que movemos el puntero del ratón a través del cuadro de diálogo en el que se constuyen los tags, aparece una pequeña explicación sobreimpresionada, que complementa el magnífico glosario de instrucciones HTML contenido en el archivo de ayuda. WebEdit construye o importa tablas en un editor interactivo, aunque para incorporar los encabezados es imprescindible regresar a la pantalla principal. Este editor de tablas también las exporta como ficheros "comma-delimited". Las próximas versiones de este producto incorporarán facilidades similares para formularios y marcos.
Se puede arrastrar un icono desde el escritorio o el explorador y crear automáticamente un enlace o editar un archivo en una ventana separada. La versatilidad de WebEdit hace posible la detección de un fichero gráfico binario, con lo cual no descompondrá el texto HTML que editamos, intentando incorporarle los caracteres binarios de la imagen.
El programa importa cualquier clase de archivo HTML sin preocuparse de sus posibles errores, e incorpora una herramienta de chequeo (" tag checker"), que sólo avisa en caso de emplear tags irreconocibles por varios niveles del estandar HTML. Muy destacable es la utilidad de buscar y reemplazar que permite cambiar unas expresiones por otras en todos los documentos que estén abiertos.
Una de las opciones del menú exporta los ficheros en formato Macintosh o Unix
en lugar del habitual DOS.
Existe una copia local de este editor aquí
Una vez seleccionados estos cuatro editores, surgió la necesidad de decantarse por alguno. Los criterios que se fijaron para ello fueron fundamentalmente tres:
1.- Que se trataran de herramientas libres, o al menos, que dispusieran de periodos de evaluación en caso de ser de pago. (En este último caso se exigió además que las versiones disponibles fueran completas).
2.- Que su potencia o flexibilidad no hipotecase la facilidad de su manejo.
3.- Que se tratase substancialmente de buenos editores, descartando aquellas herramientas que se escapan de este propósito al incluir facilidades de gestión; para esta misión disponíamos de herramientas más completas a las que nos referiremos más adelante. WebEdit, del que disponíamos de una versión shareware, cumplía fielmente estos propósitos, aportando, además, ciertas mejoras:
- Al disponer de un previsualizador posibilitaba trabajar en la construcción o recomposición de páginas almacenadas, sin necesidad de otro recurso (navegador, conexión a red,...).
- Sus asistentes y herramientas eran de los más sencillos de usar y conseguían resultados excelentes. Ejemplos importantes son "search and replace" y "easy links" que tan relevantes fueron en etapas finales del proyecto.
Éstos fueron los argumentos que nos condujeron al uso de WebEdit en
detrimento de los otros. Sin embargo hay que hacer notar que el descubrimiento
tardío de GNNpress impidió que probablemente este hubiera sido nuestra elección,
pues cubría el espacio existente entre los sencillos editores y las complejas
herramientas de gestión y mantenimiento.
Este apartado se completa con una tabla donde se recogen aquellos editores, disponibles en el mercado cuando se llevó a cabo el proceso de selección-evaluación, de los que se pudo recoger información referente a sus potencialidades y manejo.
| Creación de páginas simples | Creación de páginas complejas | Gestión de Web Sites | ||||
| potencia | facilidad | potencia | facilidad | potencia | facilidad | |
| Alchemy |
|
baja | buena | baja | buena | media |
| Backstage Designer Plus | buena | buena | buena | media | buena | excelente |
| CorelWeb Designer | excelente | excelente | mala | buena | no dispone | no dispone |
| DeltaPoint QuickSite | media | buena | mala | media | buena | buena |
| GNNPress | excelente | excelente | buena | buena | buena | excelente |
| HotDog 32 | excelente | buena | buena | media | buena | buena |
| HoTMetaL Pro | excelente | excelente | excelente | buena | no dispone | no dispone |
| HTML Assistant Pro | excelente | buena | buena | media | no dispone | no dispone |
| HTMLed Pro | excelente | buena | buena | media | buena | buena |
| InContext Spider | media | media | media | media | buena | buena |
| Microsoft FrontPage | excelente | excelente | excelente | excelente | excelente | excelente |
| Netscape Navigator Gold | excelente | excelente | media | buena | media | buena |
| Quartedeck Web Author | buena | buena | media | media | no dispone | no dispone |
| WebEdit
PRO 2.0 |
excelente | buena | excelente | buena | buena | buena |