CAPÍTULO VII: EL EDITOR DE FRONTPAGE

CAPÍTULO VII: EL EDITOR DE FRONTPAGE

1. INTRODUCCIÓN

Hasta ahora hemos visto las marcas del lenguaje HTML necesarias para la creación de páginas Web, y con esto, vemos que el diseño de una página es una tarea lenta y algo tediosa debido a la cantidad de marcas que es necesario poner para conseguir el efecto que deseamos.

Hasta hace unos años para crear una página HTML solamente se disponía de simples editores de texto. Estos mostraban únicamente el texto y las etiquetas HTML, de forma que, para ver el aspecto final que tenían las páginas era necesario visualizarlos con un navegador como el Netscape Navigator, Microsoft Explorer, Mosaic…

Actualmente esta situación ha cambiado vertiginosamente con la aparición de multitud de programas de edición que muestran las páginas casi exactamente igual a como se verían con un visualizador. Con estos programas la tarea de diseño, creación y edición de páginas se simplifica enormemente. Ya no es necesario introducir código HTML para definir el aspecto del texto, sino que ese código es generado automáticamente por el editor, que traduce lo que ve en la pantalla y lo convierte en un fichero HTML. Los nuevos editores HTML se denominan editores gráficos, por la capacidad de mostrar las páginas tal y como se verían con un visualizador, para diferenciarlos de los editores tradicionales que sólo muestran el texto y las etiquetas.

De hecho, para la creación de las ayudas de la Guía de Estilos y de la Guía de Géneros del analizador de textos de este proyecto, nos hemos ayudado de un editor gráfico (FrontPage 98). Pero a pesar de las evidentes facilidades que introduce, siempre se ha preferido tener un control sobre el diseño, la estructura y el código de las páginas, de manera que, aunque la estructura general era creada gracias al editor, la apariencia final y los detalles eran modificados y creados manualmente manejando las marcas HTML estudiadas.

Otros ejemplos de editores gráficos, además del Microsoft FrontPage 98, son:

 HOTDOG Professional

 HTML Assistant

 Web Edit Pro

 AOL Press

 Corel Web Designer

 HotMetal Pro

A continuación explicaremos el Microsoft FrontPage 98, que es el que hemos manejado en este proyecto.

2. PRESENTACIÓN DE MICROSOFT FRONTPAGE 98

En concordancia con el objetivo de Microsoft de adaptar todos sus productos a la ‘tecnología’ TCP/IP, surgió FrontPage para producir páginas Web, mantenerlas, actualizarlas en el servidor y ponerlas a disposición del usuario.

FrontPage 98 es la penúltima versión de esta herramienta multipropósito de diseño Web de Microsoft. En realidad, corresponde a la tercera versión del programa, y la segunda desde que Microsoft adquiriera su empresa creadora, Vermeer Technologies 1995.

El paquete de programas de FrontPage incluye varios módulos, fundamentalmente:

• El Explorer de FrontPage, desde donde podemos crear y administrar nuestros propios sitios Web.

• El Editor de FrontPage, con el que podemos crear y modificar las páginas de nuestros sitios sin necesidad de conocer el lenguaje HTML.

• Un servidor Web, que permite configurar el PC para que funcione como un servidor HTML en una red de área local (utilizando para la comunicación los protocolos TCP/IP, al igual que en Internet, en todos los ordenadores).

2.1. CARACTERÍSTICAS DEL EXPLORADOR FRONTPAGE

He aquí algunas de las características más importantes del Explorador FrontPage:

 Puedes crear sitios Web de FrontPage de muchos tipos y con calidad profesional utilizando los asistentes y plantillas para sitios Web de FrontPage.

 Para realizar un Web de FrontPage pueden colaborar varias personas como editores del Web. El administrador controla el acceso asignando contraseñas y, opcionalmente, restringiendo los usuarios finales.

 Con el Explorador de FrontPage, puedes ver gráficamente y de varias formas distintas la estructura de un Web de FrontPage.

 Si mueves o cambias el nombre de un archivo de tu Web, el Explorador de FrontPage actualizará todas las referencias de hipervínculos de dicho archivo en el Web de FrontPage.

 Puedes importar archivos a tu Web de FrontPage. También puedes exportar archivos de un Web de FrontPage a tu disco duro.

 Si haces doble click en una página en el Explorador de FrontPage, ésta se abrirá automáticamente para ser modificada en el Editor de FrontPage.

 Todos los sitios Web de FrontPage tiene una lista de tareas pendientes. Esta hace sencillo nombrar, seguir y terminar todas las tareas pendientes en un Web de FrontPage.

 FrontPage 98 incluye una galería de gráficos y combinaciones de colores, llamados temas, que puedes aplicar a tus sitios Web.

 Cuando tienes preparado un sitio Web, puedes publicarlo en World Wide Web (o en una Intranet) con el comando Publicar del Explorador de FrontPage.

2.2. CARACTERÍSTICAS DEL EDITOR DE FRONTPAGE

Las principales características del Editor de FrontPage son las que aparecen a continuación:

 Puedes crear páginas HTML nuevas a partir de los asistentes y plantillas incorporados al editor. Además puedes crear tus propias plantillas.

 Puedes abrir archivos o documentos de los tipos más populares y el Editor de FrontPage los convierte a HTML automáticamente.

 El Editor de FrontPage se integra perfectamente con los programas de la familia Microsoft Office, conservando los hipervínculos en los documentos de Microsoft Office.

 Las imágenes de archivos se convierten automáticamente a formato de intercambio de gráficos (GIF, Graphics Interchange Format), adecuado para el uso en el Web.

 Puedes insertar imágenes de prácticamente cualquier formato y el Editor de FrontPage las convierte de forma automática a formato GIF o JPEG.

 Puedes aplicar uno de los temas de FrontPage predefinidos, para dar a tus páginas una apariencia dinámica y llena de colorido.

 Puedes diseñar y agregar bordes o insertar barras de exploración que servirán de guías a los usuarios en las páginas de tu sitio Web.

 Puedes insertar texto en todos los estilos de HTML y con cualquier alineación, crear listas en varios niveles, cambiar el tamaño y el color del texto, aplicar formatos (como el centrado de un encabezado), poner el texto en negrito o cursiva…

 Mediante una interfaz simple de apuntar y hacer click, puedes crear hipervínculos a páginas y archivos de un Web de FrontPage o a páginas y archivos de World Wide Web.

 Puedes crear formularios que contengan campos de texto, casillas de verificación, botones de opción, listas desplegables y botones de comando.

 Puedes crear una tabla con títulos, crear celdas con encabezado y combinar y/o dividir las celdas. El Editor de FrontPage muestra las tablas tal y como aparecen en los navegadores. En la versión de FrontPage 98 incluso puedes dibujar las tablas.

 Puedes insertar controles Active-X, complementos y subprogramas Java en el Editor de FrontPage o crear y modificar secuencias de comando de JavaScript y Microsoft Visual Basic Scripting Edition.

A la hora de crear la Guía de Ayuda, hemos usado fundamentalmente el Editor de FrontPage, de manera que explicaremos con más detalle esta aplicación y los controles más utilizados para el diseño de nuestras páginas HTML [Casanova 1998].

3. UTILIZAR EL EDITOR DE FRONTPAGE

Decíamos que el Editor era la herramienta que utilizamos para editar y modificar cada una de las páginas Web. El Editor de FrontPage (figura 7.1) nos permite entrar y editar el texto de una página como en un procesador de textos, de manera similar a Microsoft Word. También puedes añadir imágenes, tablas, esquemas, formularios y otros elementos, así como crear hipervínculos entre páginas. El programa se encarga de codificar todas las entradas en formato HTML.

Figura 7.1. La ventana del Editor de FrontPage.

3.1. CREAR UNA PÁGINA

Puedes crear una página utilizando una plantilla o asistente, que no son más que páginas de formato estándar para un propósito determinado.

Los pasos a seguir son:

1) Selecciono Archivo|Nuevo, apareciendo el cuadro de diálogo de la figura 7.2 con la lista de plantillas existentes.

2) Elijo un asistente en el que basar la nueva página.

3) Hago click en Aceptar.

Una vez creada la página podemos modificarla utilizando todas las posibilidades del Editor de FrontPage.

Figura 7.2. Cuadro de diálogo con la lista de plantillas existentes.

3.2. CREAR UNA PLANTILLA

Una vez que se crea, y quizá se ha modificado, una página se puede guardar como una nueva plantilla para utilizarla en más ocasiones. Para ello:

1) Seleccionamos Archivo|Guardar Como..., apareciendo un cuadro de diálogo.

2) Hacemos click en Como Plantilla..., apareciendo otra ventana como la de la figura 7.3

3) Escribimos el Título, Nombre y Descripción de la plantilla.

4) Para guardar la plantilla hacemos click en Aceptar.

Figura 7.3. Guardar una página como una plantilla.

3.3. ABRIR UNA PÁGINA

Para abrir una página en el Editor de FrontPage seguimos los siguientes pasos:

1) Hacemos click en el botón Abrir o seleccionamos Archivo|Abrir, abriéndose un cuadro de diálogo.

2) Para abrir una página desde el sistema de archivos, hacemos click en el botón Archivo y examinamos el disco duro.

...