FRONTPAGE I LECCIÓN N 14

Transcripción

1 Creación de un mapa de imágenes En esta sección creará un mapa de imágenes en la subpágina principal del Mapa del cielo. Va a crear el mapa de imágenes a partir de una imagen del sistema solar. Dará formato a la imagen del sistema solar para que, cuando los usuarios hagan clic en el gráfico de Marte, se muestre la página mars.htm que creó en la sección anterior. Para lograrlo (es más fácil de lo que parece), siga estos pasos: 1 Abra FrontPage, haga clic en el icono Carpetas de la barra de vistas y, después, haga doble clic en el archivo skyguide.htm. 2 Haga clic a la derecha del gráfico de la barra de título, presione Mayús+Entrar, haga clic en Insertar imagen desde archivo en la barra de herramientas Estándar y haga doble clic en t_skyguide.gif. 3 Con el cursor situado todavía al final del gráfico del mapa del cielo, presione la tecla Supr dos veces para acercar la tabla a la imagen t_skyguide.gif. 4 Haga clic con el botón secundario del mouse en la imagen t_skyguide.gif, seleccione Propiedades de imagen, haga clic en la ficha General, escriba Mapa del cielo en el cuadro de texto Representaciones alternativas y haga clic en Aceptar. Ahora agregará texto a la tabla de la página Web. 5 Haga clic en la celda de la tabla grande situada a la derecha del botón Página principal y escriba Tema de este mes: nuestro sistema solar. 6 Seleccione el texto, haga clic en el icono Centrar en la barra de herramientas Formato y seleccione Comic Sans (o Comic Sans MS) en la lista desplegable Fuente. 7 Haga clic a continuación de la palabra solar y presione Mayús+Entrar dos veces. 8 Escriba Haga clic en un planeta para ir a la página de información del mismo. Nota: en este momento sólo hay información de Marte. 9 Haga clic en el área en blanco que hay entre los dos componentes de texto que agregó en los pasos 5 y En la barra de herramientas Estándar, haga clic en Insertar imagen desde archivo, vaya a la carpeta C:\sky\images si es necesario y haga doble clic en solarsystem.gif.

2 11 Haga clic con el botón secundario del mouse en cualquier lugar de la tabla, elija Propiedades de tabla, establezca el Tamaño de borde a 0 en el cuadro de diálogo Propiedades de tabla y haga clic en Aceptar. 12 Haga clic en Guardar en la barra de herramientas. A continuación, obtenga una vista previa de su página Web. Su página debe ser similar a la que se muestra en la figura Figura Utilizará la imagen del sistema solar para crear un mapa de imágenes. 13 Vuelva a la vista Normal en FrontPage. Jerga: una zona activa es un área de una imagen en la que puede hacer clic y que está vinculada a otra página Web o a otra área de la página actual.

3 14 Haga clic en la imagen del sistema solar. La barra de herramientas Imágenes debe abrirse automáticamente. Observe las herramientas Zona activa rectangular, Zona activa circular y Zona activa en forma de polígono que se encuentran en el extremo derecho de la barra de herramientas Imágenes. 15 Haga clic en la herramienta Zona activa en forma de polígono, y haga clic en varios puntos alrededor de Marte y de la etiqueta Marte en el gráfico del sistema solar para crear un polígono, como se muestra en la figura Cuando haya completado el polígono, aparecerá automáticamente el cuadro de diálogo Insertar hipervínculo. Si es necesario, haga clic en Archivo o página Web existente en la sección Vincular a: Figura Las herramientas de zona activa de la barra de herramientas Imágenes permiten dibujar áreas donde se puede hacer clic en los gráficos. 16 En el cuadro de diálogo Insertar hipervínculo, haga doble clic en mars.htm (no en mars.doc) en la lista de archivos de la carpeta C:\sky. Si crea una línea que no desea usar, haga clic con el botón secundario del mouse para quitar las líneas existentes y vuelva a empezar. 17 Cree formas alrededor del resto de los planetas, si lo desea, que señalen a futuras páginas, como mercury.htm, venus.htm, earth.htm, jupiter.htm, saturn.htm, uranus.htm, neptune.htm y pluto.htm.

4 18 Guarde el archivo skyguide.htm, obtenga una vista previa de la página en Vista previa, mueva el cursor sobre Marte (observe que el cursor cambia y adopta la forma de una mano) y haga clic en Marte para ver si el vínculo funciona. 19 Haga clic en la ficha vista Normal, cierre el archivo skyguide.htm y cierre FrontPage. Va por buen camino para crear el sitio Web del club de astronomía. La subpágina final que va a crear es un formulario dentro de la página contact.htm. Creación de formularios Cuando use Formularios en un sitio Web, su servidor debe admitir Extensiones de servidor de FrontPage y debe publicar el formulario con la herramienta de publicación de FrontPage. Ya se está habituando a agregar elementos y configurar opciones en FrontPage. Como mencionamos al principio de la lección, el truco consiste en saber dónde buscar las herramientas y los menús de configuración. En esta sección creará un formulario en línea. Un formulario en línea permite a los usuarios especificar información en cuadros de texto. Después, cuando los usuarios hagan clic en el botón Enviar del formulario, los resultados se enviarán a la dirección de correo que haya especificado. Precaución No muestre el formulario en la pantalla Vista previa antes de publicarlo en el Web. Si lo hace, FrontPage 2002 agregará código que impide que la página se publique correctamente. Cuando cree un formulario, debe publicarlo en el Web y obtener después una vista previa del mismo en FrontPage o en un explorador.

5 Preparación de la página Contactos El primer paso para crear un formulario en la página Contactos consiste en agregar una barra de título e insertar el texto del título para preparar la página, como se describe en los pasos siguientes: 1 Abra FrontPage, haga clic en Carpeta en la barra de vistas y haga doble clic en el archivo contact.htm. 2 Haga clic a la derecha de la barra de título, presione Mayús+Entrar, haga clic en Insertar imagen desde archivo, muestre el contenido de la carpeta C:\sky\images y haga doble clic en t_contact.gif. 3 Con el cursor situado todavía al final del gráfico de Información de contacto, presione la tecla Supr dos veces para acercar más la tabla a la imagen t_contact.gif. 4 Haga clic con el botón secundario del mouse en la imagen t_contact.gif, seleccione Propiedades de imagen, haga clic en la ficha General, escriba Página de contacto en el cuadro de texto Representaciones alternativas y haga clic en Aceptar.