Frontpage

Capítulo 2 DISEÑO Y ELABORACION DE PAGINAS WEB: FRONTPAGE XP

2

Izaskun Ibabe y Joana Jauregizar

Las páginas web son los documentos básicos del World Wide Web y se visualizan con navegadores de Internet. Hasta hace poco las páginas web había que diseñarlas en código html y comprobar el resultado en un navegador. En la creación de páginas web, Frontpage XP es uno de estos programas quenos permite trabajar directamente sobre los resultados finales. También mantiene la posibilidad de trabajar con el código, y resulta imprescindible recurrir a él cuando se pretende realizar tareas avanzadas. Las páginas web están basadas en el formato hipertexto y éstas no siguen el formato de los documentos Word, sino que se establecen enlaces (hipervínculos) de forma que cada vez que encontramosalguno de ellos podemos ir a otro sitio de la página. Son documentos que se crean para ser vistos en pantalla. Se puede crear una página web utilizando cualquier editor de textos, como por ejemplo el programa Microsoft Word. Sin embargo, el programa FrontPage permite crear páginas Web de apariencia profesional, ya que incluye numerosas plantillas que sirven de ayuda para crear rápidamente páginascon una gran variedad de diseños. El programa FrontPage está integrado en el paquete Office XP.

2.1. Creación de una Web Al conjunto de páginas Web que se relacionan entre sí y tienen una estructura específica, como si se tratase de una enciclopedia, se denomina sitio Web. Lo habitual es que toda esta información se localice en un servidor, aunque no es imprescindible. La estructura comienza porla página de inicio o página principal de la Web que es la que se visualiza al acceder a un sitio Web, y donde

FrontPage XP 3

se presenta el menú principal. Es recomendable denominar index.html a este archivo porque facilita el acceso al sitio, ya que no es necesario escribir el nombre del archivo en la dirección URL. Las páginas se crean y se modifican igual que en un procesador detextos, escribiendo el texto e insertando gráficos, tablas u otros elementos. Además, FrontPage agrega las etiquetas HTML en segundo plano (opción HTML) y, si se está familiarizado con este lenguaje, se puede escribir y modificar la configuración de la página. La página web se mostrará tal como aparecería en un explorador de Web utilizando la opción de Vista previa.

2.1.1. Operaciones básicas Elprograma se inicia haciendo doble clic en el icono de FrontPage, y por lo general aparece el panel de la barra de herramientas estándar (que se muestra más abajo). Contiene la mayoría de las opciones que se utilizan para administrar y editar un sitio web. A continuación, se describen los iconos propios de la aplicación, ya que el resto son muy conocidos.

Publicar web

Vista previa en elexplorador Lista de carpetas

Insertar imagen desde archivo

Insertar componente

Figura 2.1 En la columna de la izquierda se puede apreciar la barra Vistas y una página web en blanco, preparada para su edición. También existe la opción de

4

Izaskun Ibabe y Joana Jauregizar

abrir una página nueva (Archivo – Abrir) o una página web existente (Archivo – Abrir web). Es muy recomendable teneractivada la opción de abrir automáticamente la página Web más reciente al iniciar el programa FrontPage: Herramientas – Opciones – Abrir automáticamente el web más reciente. Si es la primera vez que utilizamos FrontPage,

comenzaremos creando una Web de una sola página, utilizando la opción Abrir – Nuevo – Página – Plantillas de página (elegir una de las opciones que se presentan dependiendo deltipo de web que queramos diseñar): página normal, asistente para páginas de formulario, bibliografía, cuerpo centrado, ... Podemos comprobar la ortografía a medida que escribimos. Las palabras incorrectas aparecen subrayadas con una línea roja ondulada. Suele ser habitual ocultar los errores de ortografía hasta terminar de modificar la página (Herramientas – Opciones de página – General –...