Anda di halaman 1dari 74

Tutorial de Microsoft FrontPage 2002

Contenido
Introducción.........................................................................................................................3
Antes de comenzar...........................................................................................................3
Generalidades...............................................................................................................3
Si tiene software de servidor Web instalado................................................................4
FrontPage y Microsoft Internet Explorer.....................................................................4
Si utiliza Windows NT® Workstation 4.0 o Windows NT Server 4.0........................4
Lo que va a aprender........................................................................................................5
Lección 1: Crear páginas Web.....................................................................................5
Lección 2: Mejorar y publicar un sitio Web................................................................5
Aprender más acerca de FrontPage..................................................................................6
Lección 1 Crear páginas Web.............................................................................................8
Información general.........................................................................................................8
Abrir FrontPage...............................................................................................................9
Información general del área de trabajo.........................................................................10
Primeros pasos...............................................................................................................12
Para crear la página principal.....................................................................................12
Para insertar un gráfico en la página principal...........................................................13
Para crear un hipervínculo a partir de una imagen.....................................................15
Para centrar los elementos de una página..................................................................16
Para guardar la página actual.....................................................................................17
Opciones de la vista Página...........................................................................................18
Para mostrar etiquetas HTML en la página actual.....................................................18
Para mostrar el código HTML de la página actual....................................................18
Para obtener una vista previa de la página actual......................................................19
Crear un sitio Web con FrontPage.................................................................................20
Para crear un nuevo sitio Web...................................................................................20
Para crear una estructura de exploración..................................................................22
Para importar una página en un sitio Web.................................................................23
Crear contenido para el sitio Web..................................................................................25
Modificar la página Información sobre nuestra empresa...........................................25
Para modificar la página Productos...........................................................................26
Diseñar una página.........................................................................................................27
Para crear una lista con viñetas..................................................................................27
Para colocar imágenes y texto....................................................................................28
Para agregar un grupo de archivos al sitio Web actual..............................................29
Para finalizar el diseño de página..............................................................................30
Para crear un formulario de comentarios...................................................................31
Para personalizar el formulario..................................................................................32
Crear una galería de fotografías.....................................................................................34
Para modificar la página Galería de fotografías.........................................................34

Tutorial de Microsoft FrontPage 2002


Vínculos a otros sitios Web...........................................................................................36
Para comenzar la página Vínculos.............................................................................36
Para crear un efecto de texto dinámico......................................................................36
Para crear hipervínculos a partir de texto...................................................................37
Para insertar caracteres especiales o símbolos...........................................................38
Para crear un hipervínculo automático.......................................................................38
Para crear un hipervínculo verificado........................................................................39
Aplicar formato a los títulos de párrafo.........................................................................41
Para aplicar estilos de párrafo a los títulos.................................................................41
Para repetir el formato de párrafo con la herramienta Copiar formato......................42
Para terminar de aplicar estilos de párrafo a los títulos.............................................43
A continuación...............................................................................................................44
Fin de la Lección 1.....................................................................................................44
Para cerrar Microsoft FrontPage................................................................................44
Lección 2 Mejorar y publicar un sitio Web......................................................................45
Información general.......................................................................................................45
Mejorar el aspecto de un sitio Web................................................................................46
Para abrir un sitio Web existente...............................................................................46
Para crear hipervínculos a otras páginas....................................................................46
Para utilizar el comando Deshacer múltiple..............................................................48
Agregar bordes compartidos y barras de exploración....................................................49
Para crear bordes compartidos en todo el sitio Web..................................................49
Para probar los hipervínculos de la barra de vínculos...............................................50
Para personalizar barras de vínculos..........................................................................51
Aplicar un tema..............................................................................................................54
Para aplicar un tema al sitio Web...............................................................................54
Para mostrar botones gráficos de exploración en todas las páginas..........................56
Modificar un tema..........................................................................................................58
Para modificar un tema..............................................................................................58
Obtener una vista previa del sitio Web Championzone.................................................61
Para obtener una vista previa del sitio Web actual en un explorador Web................61
Organizar los archivos del sitio Web.............................................................................63
Para mover archivos de imágenes a la carpeta Imágenes..........................................63
Para crear una nueva carpeta......................................................................................65
Generar un resumen del sitio.........................................................................................66
Para generar un informe de resumen del sitio............................................................66
Revisar la ortografía.......................................................................................................67
Para revisar la ortografía del sitio Web actual...........................................................68
Reemplazar texto en las páginas....................................................................................69
Para reemplazar texto en todas las páginas del sitio Web actual...............................69
Completar tareas de sitio Web.......................................................................................70
Para completar tareas en la vista Tareas....................................................................70
Publicar el sitio Web Championzone.............................................................................72
Para publicar el sitio Web actual................................................................................72
Fin de la Lección 2.....................................................................................................73

2
Introducción
Tanto si está en el trabajo o en casa, un sitio Web es una de las formas más fáciles
de distribuir información. En una gran organización, por ejemplo, cada departamento
podría tener su propio sitio Web en la intranet para que el resto de la compañía
estuviera al corriente de lo que sucede. Con Microsoft® FrontPage® 2002, cualquier
persona puede crear páginas y sitios Web atractivos y de aspecto profesional.

La mejor forma de familiarizarse con FrontPage 2002 es practicando.


En las dos lecciones siguientes, aprenderá a crear un sitio Web que contenga
información acerca de un establecimiento ficticio de artículos de deporte denominado
Championzone. Hemos preparado una carpeta de archivos para que pueda practicar
con ellos mientras crea este sitio Web. Estos archivos de práctica se han instalado en
la carpeta FPTutor2002 del disco duro, junto con el tutorial.

La imagen a continuación muestra el sitio Web que va a crear utilizando este tutorial.

Antes de comenzar
Generalidades
• Para realizar las tareas de este tutorial es necesario que su equipo cumpla los
requisitos mínimos del sistema para FrontPage 2002. Para obtener más
información, visite el sitio Web de FrontPage en
http://www.microsoft.com/frontpage (el contenido de esta página está en
inglés).

• Si todavía no tiene instalado FrontPage, deberá hacerlo para poder empezar


este tutorial.

• Las páginas que cree se parecerán más a los ejemplos de las pantallas de
este tutorial si utiliza un monitor estándar con una configuración mínima de

3
pantalla de 800x600. Si utiliza una resolución distinta, puede que las páginas
que cree sean un poco diferentes de los ejemplos mostrados en el tutorial.
Si tiene software de servidor Web instalado
El sitio Web que creará durante el tutorial de FrontPage se guardará en una carpeta
del disco duro local. Si utiliza software de servidor Web, como Servicios de Internet
Information Server (IIS) de Microsoft, puede aceptar el destino predeterminado para
el sitio Web del tutorial o guardarlo directamente en su servidor Web.

FrontPage y Microsoft Internet Explorer


Para obtener el máximo rendimiento de FrontPage, se recomienda instalar Microsoft
Internet Explorer. Cuando se instala Internet Explorer, FrontPage permite obtener
una vista previa mejorada de las páginas y los temas con respecto a otros
exploradores Web.

Sugerencia Puede utilizar varios exploradores Web. Aunque tenga instalado


otro explorador Web en el equipo, puede instalar Microsoft Internet Explorer de
modo seguro. Cuando diseñe páginas Web, se dará cuenta de que es muy útil
probar las páginas en más de un tipo de explorador antes de publicar el sitio
Web.

Si utiliza Windows NT® Workstation 4.0 o Windows NT


Server 4.0
Las lecciones de este tutorial se han diseñado para realizarlas utilizando
FrontPage 2002 en un equipo que tenga instalado Microsoft Windows 98, Microsoft
Windows 2000 o Microsoft Windows Millennium Edition. Si utiliza Windows NT, puede
que perciba pequeñas diferencias en la interfaz de usuario y en el modo referirse a
las carpetas.

• Por ejemplo, la carpeta Mis documentos de Windows 2000 se denomina


Personal en Windows NT. Estas diferencias no afectan a la funcionalidad de
FrontPage ni le impedirán realizar este tutorial satisfactoriamente.

4
Lo que va a aprender
Este tutorial se divide en dos lecciones:

Lección 1: Crear páginas Web


Esta lección enseña a trabajar con texto e hipervínculos, a agregar imágenes,
animaciones, imágenes prediseñadas y archivos, a aplicar formato a las listas,
colocar objetos, diseñar un formulario de comentarios, crear una galería de
fotografías, diseñar una estructura de sitio Web y crear un sitio Web.

Lección 2: Mejorar y publicar un sitio Web


En esta lección aprenderá a configurar la exploración, agregar bordes compartidos y
barras de vínculos a las páginas, insertar titulares de página, aplicar y personalizar
un tema gráfico, revisar la ortografía y reemplazar texto en todo el sitio Web,
ordenar y organizar archivos y carpetas, ver informes de sitios Web, obtener una
vista previa y publicar el sitio Web acabado.

5
Aprender más acerca de FrontPage
Utilizar el Asistente para Ayuda

FrontPage incluye un amplio sistema de Ayuda que contiene información general


conceptual de las principales funciones, procedimientos paso a paso y una completa
ayuda contextual. Asimismo, contiene el Asistente para Ayuda, al que puede
formular preguntas acerca de las funciones utilizando sus propias palabras.

Para tener acceso rápido al Asistente para Ayuda:

1. Busque el cuadro Formular una pregunta en la


barra de menús.

2. Escriba una pregunta utilizando sus propias palabras.

Por ejemplo, escriba “¿Cómo puedo revisar la ortografía de la página?”

3. Presione ENTRAR.

Nota No todos los idiomas disponen del cuadro Formular una pregunta.

Utilizar el glosario

Mientras realiza el tutorial de FrontPage, puede que encuentre términos que son
nuevos para usted. Es posible que dichos términos aparezcan en la interfaz de
usuario de FrontPage, o bien que se utilicen en el entorno de Internet. Para consultar
las definiciones de las palabras que le son desconocidas, utilice el glosario del
sistema de Ayuda en pantalla de FrontPage 2002.

Para buscar el glosario, siga este procedimiento:

1. En el cuadro Formular una pregunta, escriba la palabra FrontPage.

Importante Si no escribe una palabra o una frase directamente


relacionadas con FrontPage, es posible que se muestre el sistema de Ayuda
en pantalla de Microsoft Office XP en lugar del sistema de Ayuda de
FrontPage.

2. Presione ENTRAR.

3. En la lista de elementos mostrados que coinciden con el término buscado,


haga clic en el primer elemento.

4. Haga clic en el icono Mostrar de la barra de herramientas Ayuda.

5. Se mostrará un panel oculto que contiene las fichas Contenido, Asistente


para Ayuda e Índice.

6
6. Haga clic en la ficha Contenido.

Si hay un signo más (+) junto al libro Ayuda de Microsoft FrontPage,


significa que el contenido de esa lista esta “contraído”, es decir, oculto.
Cuando vea este signo más, puede expandir la lista.

7. Haga clic en el signo más a la izquierda del icono


en forma de libro.

8. Al final de la lista de temas que aparecerá, haga clic en el signo más junto al
elemento de la lista denominado Glosario.

En la lista expandida bajo Glosario verá un único tema, también denominado


Glosario.

9. Haga clic en el tema titulado Glosario .

Aparecerá una lista de términos ordenados alfabéticamente en el panel de la


derecha.

10. Desplácese por la lista hasta encontrar el término acerca del cual desea más
información.

11. Haga clic en el botón Cerrar cuando termine.

7
Lección 1 Crear páginas Web
En esta lección, creará un sitio Web que contiene información acerca de un
establecimiento ficticio de artículos de deporte denominado Championzone. El sitio
tendrá información comercial, una galería de fotografías en línea y una lista de
vínculos a otros sitios.

Hemos preparado una carpeta con varios archivos para que pueda practicar mientras
crea este sitio Web. La carpeta está ubicada en <unidad>:\FPTutor2002, donde
<unidad> representa el disco duro en el que ha instalado el tutorial. Después de
completar las lecciones, debería haberse hecho una buena idea acerca de FrontPage
y sus funciones.

Información general
Aprenderá a:
• Abrir FrontPage.
• Crear páginas Web.
• Trabajar con texto e hipervínculos.
• Insertar imágenes y archivos.
• Aplicar formato a listas.
• Colocar objetos.
• Agregar un formulario de comentarios.
• Diseñar una galería de fotografías.
• Crear una estructura de sitio Web.
• Guardar el trabajo realizado.

8
Abrir FrontPage
Para ejecutar FrontPage, siga este procedimiento:
• En la barra de tareas de Windows, haga clic en el botón Inicio , elija
Programas y después haga clic en Microsoft FrontPage.

Si utiliza FrontPage por primera vez, el programa se abrirá y mostrará una


página en blanco lista para empezar a trabajar.

Notas
o Si ya se ha utilizado FrontPage para modificar otro sitio Web, el
programa abrirá automáticamente el último sitio Web.

o Para cerrar un sitio Web: en el menú Archivo, haga clic en Cerrar


Web.

9
Información general del área de trabajo
FrontPage 2002 tiene una interfaz integrada que ayuda a crear y modificar páginas
Web, y a administrar sitios Web a partir de una única aplicación. El funcionamiento
de las barras de herramientas y los menús es como en el resto de programas de
Microsoft Office XP, de modo que podrá personalizarlos totalmente. Asimismo, puede
utilizar métodos abreviados de teclado para acelerar tareas comunes como abrir
páginas y sitios Web, imprimir y muchos comandos más.

El gráfico y la tabla a continuación muestran algunos de los elementos de la interfaz


de FrontPage 2002 utilizados con más frecuencia.

Elemento Descripción
Ficha de página Permite seleccionar fácilmente la página
que desea cuando hay varias páginas
abiertas.
Barra de título Muestra el nombre de la página actual y
su ubicación en el sitio Web.
Barra de menús Contiene menús como Archivo, Edición,
Ver e Insertar, y es el punto de partida
para realizar muchas de las tareas de
FrontPage.

10
Elemento Descripción
Cuadro Formular una pregunta Para encontrar más información acerca
de un procedimiento de FrontPage,
escriba una pregunta en el cuadro
Formular una pregunta, con el que
podrá tener acceso al sistema de Ayuda
en pantalla.
Cerrar página Este botón cierra la página que se está
mostrando.
Barras de desplazamiento Permiten mover la página para mostrar
una parte distinta.
Barra de estado Indica el estado de la tarea actual. Por
ejemplo, puede que la Barra de estado
muestre “Recuperando Index.htm” al
abrir la página principal o que muestre el
destino de un hipervínculo al situar el
cursor del mouse (ratón) sobre un
vínculo en el panel Normal.
Paneles de vista de página Representan los distintos paneles del
área de trabajo. Por ejemplo, el panel
Normal es donde realizará gran parte de
las tareas de este tutorial. Hay otros
paneles, como el panel HTML y el panel
Vista previa.
Indicador de progreso Muestra el estado de la acción actual.
Tiempo de descarga estimado Permite hacerse una idea del tiempo que
tardará el usuario en ver su página Web
en un explorador.
Panel de tareas Panel de los programas Office XP que
proporciona comandos de uso frecuente.
Por su ubicación y su reducido tamaño,
podrá utilizar estos comandos mientras
continúa trabajando en los archivos.
Barras de herramientas Estándar y Se muestran de modo predeterminado.
Formato Dan acceso rápido a los comandos que se
utilizan con más frecuencia mientras se
trabaja con FrontPage.
Barra Vistas El contenido de la ventana principal del
programa depende de la vista
seleccionada. Con los iconos de la barra
Vistas podrá ver la información de la
página o del sitio Web de distintas
formas.

Sugerencia Puede personalizar el área de trabajo mostrando barras de


herramientas adicionales o cambiando los botones que contienen. En el menú
Ver, elija Barras de herramientas y, a continuación, seleccione las barras de
herramientas que desee mostrar. Para agregar o quitar botones de las barras
de herramientas, haga clic en Personalizar.

11
Primeros pasos
En este tutorial, vamos a crear un sitio Web de cuatro páginas, en las que informará
a los visitantes del sitio acerca de un establecimiento ficticio de artículos deportivos.
La tarea de elaborar un sitio Web es más sencilla de lo que parece. Puede agregar la
información y otras páginas a su sitio Web gradualmente. A diferencia de las cartas,
los memorandos y los documentos de programas de procesamiento de texto
impresos, los sitios Web se pueden cambiar o actualizar incluso después su
publicación. Puede agregar, eliminar y modificar texto, imágenes y páginas
completas en cualquier momento.

FrontPage permite ponerse manos a la obra escribiendo texto en el documento en


blanco de la vista Página. En esta lección, empezaremos con la página principal, es
decir, el documento que da la bienvenida a los visitantes la primera vez que exploran
su sitio Web.

Para crear la página principal


La página principal es la puerta de entrada a su sitio Web y proporciona información
acerca del contenido o el tema del sitio para suscitar interés entre los visitantes del
sitio. Asimismo, la página principal contiene vínculos al resto de páginas del sitio
Web.

1. En la página en blanco de la vista Página, escriba Welcome to


Championzone! (Bienvenido a Championzone) y, a continuación, presione
ENTRAR.

Al igual que en los procesadores de texto, cuando se presiona ENTRAR el


cursor pasa a la siguiente línea.

2. A continuación, escriba la frase Take a look around to learn more about


our sporting goods, see pictures of our merchandise, and look at our
Sports Photo Gallery (Dé una vuelta para saber más acerca de nuestros
artículos deportivos, vea las imágenes de los productos y no se pierda la
Galería de fotografías de deporte).

3. Presione ENTRAR.

Gran parte del contenido del sitio Championzone ya ha sido creado. Cuando
esté listo para crear su propio sitio Web, con FrontPage podrá importar
directamente cualquiera de los documentos que tenga a las páginas Web sin
necesidad de volver a escribir.

12
La página debería tener el aspecto siguiente:

A continuación, vamos a agregar una imagen a la página Web. Las imágenes pueden
ser fotografías digitalizadas, dibujos o gráficos creados mediante un programa de
dibujo o de edición de imágenes.

Para este ejemplo, la imagen que va a insertar es un gráfico del logotipo de


FrontPage:

Para insertar un gráfico en la página principal


1. En el menú Insertar, seleccione Imagen y, a continuación, haga clic en
Desde archivo.

FrontPage muestra el cuadro de diálogo Imagen.

Note El archivo de imagen que va a insertar está en la carpeta Tutorial que


se instaló junto con los archivos de programa de FrontPage.

2. Junto a Buscar en, seleccione el disco duro en el que instaló el tutorial.

Lo más probable es que instalara el tutorial en la unidad C o D.

3. Para llegar a la carpeta denominada FPTutor2002, haga doble clic en las


carpetas de esta ruta hasta que el cuadro Buscar en muestre FPTutor2002.

Verá que en la carpeta FPTutor2002 hay varios archivos. Cuando inserte una
imagen, FrontPage buscará archivos de imagen de manera predeterminada.

13
4. Haga clic en el archivo denominado frontpage y, a continuación, en
Insertar.

FrontPage inserta el archivo de imagen seleccionado en la página actual. En


este caso, es un gráfico en el que los visitantes del sitio podrán hacer clic para
obtener más información acerca de FrontPage 2002.

5. Presione ENTRAR para crear una línea nueva.

La página debería tener el aspecto siguiente:

El hecho de insertar una imagen de un botón no significa que vaya a suceder algo
cuando un usuario haga clic en él desde un explorador Web. Para que se pueda hacer
clic en una imagen o una palabra, ésta debe tener asociado un hipervínculo.

Un hipervínculo es un indicador de texto o de imagen que lleva a otra página u otro


archivo de Internet o de una intranet. En el World Wide Web, los hipervínculos son el
modo más común de explorar páginas y otros sitios Web.

En los siguientes pasos, vamos a crear un hipervínculo a partir del gráfico que acaba
de insertar en la página principal.

14
Para crear un hipervínculo a partir de una imagen
1. En la página principal, haga clic en la imagen del botón FrontPage 2002 que
insertó.

Una imagen está seleccionada cuando se muestran los controladores de


archivo (ocho pequeños cuadros alrededor del borde de la imagen). Los
controladores se pueden utilizar para cambiar el tamaño o el aspecto de las
imágenes. Cuando se selecciona una imagen, FrontPage muestra la barra de
herramientas Imágenes, que proporciona herramientas de edición y
formato. Más adelante hablaremos de ellas.

Nota Si la barra de herramientas Imágenes no aparece


automáticamente, en el menú Ver, seleccione Barras de herramientas y
haga clic en Imágenes.

2. En el menú Insertar, haga clic en Hipervínculo.

FrontPage muestra el cuadro de diálogo Hipervínculo. En este cuadro de


diálogo, especifique el destino del hipervínculo que está creando.

3. En el cuadro Dirección, escriba www.microsoft.com/frontpage.

Notas

o Tenga en cuenta que FrontPage agrega automáticamente las letras


HTTP. HTTP son las siglas de Hypertext Transfer Protocol (Protocolo de
transferencia de hipertexto), que es el protocolo de Internet con el que
exploradores de World Wide Web recuperan información de los
servidores Web.

o Como está creando un hipervínculo a partir de un botón denominado


Microsoft FrontPage, se vinculará a la página principal de FrontPage en
World Wide Web. Cuando los visitantes del sitio hagan clic en el botón
desde su explorador Web, se les conducirá a la página principal de
Microsoft FrontPage.

4. Haga clic en Aceptar para finalizar la creación del hipervínculo.

Puede que perciba que el aspecto del botón no ha cambiado. A diferencia de los
hipervínculos, que suelen ser de color azul y estar subrayados, los hipervínculos de
imagen no necesariamente indican la presencia del hipervínculo. Esto está hecho a
propósito, puesto que si se cambiara el aspecto de la imagen, en algunos casos se
podría dar una idea confusa acerca del diseño de la página.

Puede comprobar rápidamente la existencia de un hipervínculo a partir de una


imagen situando el puntero del mouse (ratón) sobre la imagen. Si hay un
hipervínculo, FrontPage muestra la dirección URL del hipervínculo en la barra de
estado.

A continuación, le enseñaremos a insertar una imagen del logotipo de Championzone


en la parte superior de la página.

15
Insertar una imagen en la página principal
1. Presione CTRL+INICIO para saltar rápidamente al principio de la página actual.

Sugerencia La combinación de teclas CTRL+INICIO sitúa el cursor en la


posición inicial, es decir, en el margen superior izquierdo de la página
actual.

2. En el menú Insertar, seleccione Imagen y haga clic en Desde archivo.

Esta vez, FrontPage mostrará inmediatamente el contenido de la carpeta


FPTutor2002. Durante cada sesión de trabajo, FrontPage recuerda los nombres y
las ubicaciones de las carpetas que ha explorado.

3. Haga doble clic en el archivo denominado czlogo.

FrontPage inserta el gráfico en la página actual.

4. Presione ENTRAR para mover el texto de bienvenida a la siguiente línea.

La página debería tener el aspecto siguiente:

Para terminar la página principal, tendrá que centrar el texto y las imágenes.

Para centrar los elementos de una página


1. En el menú Edición, haga clic en Seleccionar todo.

FrontPage selecciona todos los elementos de la página actual.

16
2. En el menú Formato, haga clic en Párrafo.

FrontPage muestra el cuadro de diálogo Párrafo. En este cuadro de diálogo,


puede cambiar la alíneación de los elementos seleccionados y aplicar sangrías y
espaciados personalizados al texto y los gráficos.

3. En la lista Alíneación, haga clic en Centrar y, a continuación, haga clic en


Aceptar.

FrontPage centra el texto y las imágenes de la página principal.

4. Haga clic en cualquier parte de la página para anular la selección de los


elementos de la página.

Para guardar la página actual


Después de haber dedicado algún tiempo a la página y haber completado una serie
de procesos, es conveniente guardarla.

1. En el menú Archivo, haga clic en Guardar como.

FrontPage muestra el cuadro de diálogo Guardar como. En este cuadro de


diálogo, puede especificar la ubicación de la página actual y revisar o modificar
el título de página, el nombre o el tipo de archivo.

2. En el cuadro de diálogo Guardar como, haga clic en el icono Mis documentos


de la barra de ubicaciones vertical.

Se mostrará el contenido de la carpeta Mis documentos. Si no aparece ningún


archivo en la lista de archivos, significa que actualmente no tiene más páginas
Web almacenadas allí.

3. Haga clic en el botón Cambiar título, junto al campo Título de página.

FrontPage muestra el cuadro de diálogo Establecer título de página. El título


de página predeterminado se basa en la primera línea del texto de la página
actual. Los títulos identifican el contenido de las páginas cuando se muestran
en un explorador Web. En este tutorial, va a cambiar el título de la página para
que sea más descriptivo.

4. En el cuadro de diálogo Establecer título de página, escriba Página


principal y, a continuación, haga clic en Aceptar.

5. En el cuadro Nombre de archivo, cambie el texto que se sugiere por el de


página principal y, a continuación, haga clic en Guardar.

FrontPage guarda la página actual.

17
Opciones de la vista Página
Mientras ha creado la página principal, ha trabajado únicamente con la vista Página
normal, pero puede elegir entre tres modos distintos de ver la página actual.

Para mostrar etiquetas HTML en la página actual

• En la vista Página , haga clic en Mostrar etiquetas del menú Ver.

• FrontPage muestra representaciones gráficas de las etiquetas HTML estándar


de la página actual. Este tipo de vista es útil para las personas que deseen
saber dónde están colocadas las etiquetas HTML mientras diseñan páginas.

• Para ocultar estas etiquetas, vuelva a hacer clic en Mostrar etiquetas del
menú Ver.

Para mostrar el código HTML de la página actual


• En la vista Página, haga clic en el botón HTML, en la parte inferior de la
página.

FrontPage mostrará el código HTML que ha creado hasta ahora mientras


estaba diseñando la página principal. Los exploradores Web descodifican estas
instrucciones para mostrar la página. El panel HTML está pensado para
desarrolladores Web y diseñadores de páginas con experiencia que deseen
personalizar el código HTML creado por FrontPage.

• Si desea establecer sus preferencias acerca del modo en que FrontPage


genera código HTML, en el menú Herramientas, haga clic en Opciones de
página y, a continuación, haga clic en la ficha Código fuente HTML. Si no
tiene muchos conocimientos de HTML, no es preciso que realice ningún
cambio. Haga clic en Cancelar para cerrar el cuadro de diálogo Opciones de
página.

• Haga clic en el botón Normal, en la parte inferior de la página, para regresar


al panel Normal.

Sugerencia Mientras trabaja en el panel HTML, puede utilizar muchos


comandos de menú y botones de barra de herramientas, tal como en el panel
Normal.

18
Para obtener una vista previa de la página actual
• Haga clic en el botón Vista previa, en la parte inferior de la página.

Nota Si no tiene instalado Microsoft Internet Explorer en el equipo, no se


mostrará la ficha Vista previa y no podrá obtener una vista previa de sus
páginas de este modo. Para obtener más información, consulte Antes de
empezar.

Mirar la página en el panel Vista previa es un modo rápido y cómodo de ver


cómo aparecerán determinados elementos (animaciones, clips de película,
tablas, listas...) en un explorador Web.

• Haga clic en el botón Normal, en la parte inferior de la página, para volver al


panel Normal.

19
Crear un sitio Web con FrontPage
Un sitio Web está formado por una página principal y otras páginas, gráficos,
documentos, multimedia y archivos asociados. Los sitios Web se almacenan en un
servidor Web o en la unidad de disco duro de un equipo. Los sitios Web basados en
FrontPage también contienen archivos que admiten funciones específicas de
FrontPage y permiten abrir, copiar, modificar, publicar y administrar sitios Web.

En los procedimientos anteriores, ha aprendido cómo crear fácilmente una página


Web con FrontPage. En cuanto inicie la aplicación, empiece a escribir y a editar,
después guarde el documento en la unidad de disco duro... es un proceso muy
parecido al de los programas de procesamiento de texto. Aunque es posible crear
todo un sitio Web de este modo, se requiere mucho trabajo manual y mucha
atención a los detalles para mantener los hipervínculos y los archivos de origen, y
para que el contenido esté actualizado.

Cuando guarde páginas en un sitio Web, de forma automática FrontPage puede


mantener y reparar vínculos, organizar archivos y carpetas, mantener barras de
vínculos dinámicos, revisar la ortografía de todas las páginas del sitio Web y generar
informes que indiquen los problemas de las páginas y los archivos.

Para crear un nuevo sitio Web


1. En el menú Archivo, haga clic en Cerrar para cerrar la página actual.

2. En el menú Archivo, elija Nuevo y, a continuación, haga clic en Página o


Web.

FrontPage muestra el panel de tareas Nueva página o Web. En este panel,


puede elegir entre distintos asistentes y plantillas de sitios Web, y especificar
dónde desea guardar el sitio Web y qué nombre desea darle.

3. Bajo Nuevo a partir de una plantilla, haga clic en Plantillas de sitio Web.

4. Haga clic en Web de una página y presione TAB.

Cuando se presiona la tecla TAB, se desplaza la selección al campo donde va a


especificar el nombre y la ubicación del nuevo sitio Web.

5. En el cuadro Especifique la ubicación del nuevo sitio Web, cambie el


nombre que se sugiere por <unidad>:\Mis documentos\Mis
Webs\Championzone y haga clic en Aceptar.

Notas

• <unidad> representa el disco duro local, que suele ser C:\ o D:\.

• FrontPage crea un nuevo sitio Web denominado “Championzone” y muestra


su nombre y ubicación en la barra de título, en la parte superior de la ventana
de programa de FrontPage.

20
• Como estará trabajando con varios archivos en el sitio Web, FrontPage
también muestra Lista de carpetas, en la que puede ver los archivos y las
carpetas del sitio Web actual, de modo parecido a los archivos y las carpetas
de Microsoft Windows Explorer. Más adelante, en la Lección 2, hablaremos
sobre cómo utilizar Lista de carpetas.

• Las lecciones de este tutorial se han diseñado para realizarlas utilizando


FrontPage 2002 en un equipo que tenga instalado Microsoft Windows 98,
Microsoft Windows 2000 o Microsoft Windows Millennium Edition. Según el
sistema operativo que esté utilizando, puede que perciba pequeñas
diferencias en la interfaz de usuario y en el modo referirse a las carpetas.

6. Si no se muestra Lista de carpetas, siga este procedimiento:

• En la barra de herramientas estándar, haga clic en la flecha a la derecha de


Panel de alternancia y, a continuación, haga clic en Lista de
carpetas.

7. Haga clic en el icono Exploración de la barra Vistas.

Cuando hay un sitio Web abierto, los iconos de la barra Vistas permiten mirar
la información del sitio Web de distintos modos.

La vista Exploración muestra una representación gráfica de la estructura del


sitio Web. Como ha creado un sitio Web de una página, FrontPage la ha
diseñado automáticamente como la página principal del sitio Web y lo indica
mediante un pequeño icono en forma de casa .

En la vista Exploración, FrontPage muestra también la barra de herramientas


Exploración. Puede arrastrar esta barra de herramientas a cualquier parte de
la pantalla.

Junto a la barra Vistas, FrontPage muestra Lista de carpetas opcional, al


igual que en la vista Página.

Dentro de unos instantes, vamos a reemplazar la nueva página principal vacía por la
que creó al principio de esta lección. Pero antes tiene que crear la estructura del
resto de páginas del sitio Web Championzone.

Al crear una estructura de sitio Web en la vista Exploración, se habilitan


funciones como los titulares de página y las barras de exploración, que se actualizan
inmediatamente siempre que cambie, agregue o quite páginas al sitio Web. De este
modo, cambiar las cosas de sitio es más fácil. Más adelante, ampliaremos la
información acerca de estas funciones.

21
Para crear una estructura de exploración

1. En la vista Exploración, haga clic en Nueva página , en la barra de


herramientas estándar.

FrontPage crea una nueva página de nominada “Página nueva 1” bajo la página
principal. Las páginas de la vista Exploración no son las páginas reales del sitio
Web actual, sino marcadores de posición que llevan hasta las mismas. De este
modo, puede hacer pruebas con la estructura y la organización del sitio Web
antes de crear el contenido.

2. Para crear rápidamente las páginas restantes, mantenga presionada la tecla CTRL
del teclado y presione U tres veces.

CTRL+U es un método abreviado de teclado del comando Nueva página.


FrontPage tiene las teclas de métodos abreviados comunes de Windows y
Microsoft Office XP, que ayudan a agilizar tareas repetitivas. Las páginas que
acaba de crear aparecen bajo la página principal, porque la página principal
estaba seleccionada cuando dio la orden de ejecutar el comando.

Nota En la vista Exploración, la página seleccionada está en azul, mientras


que el resto aparece en amarillo.

3. Con la página principal seleccionada, presione TAB.

Cuando se presiona la tecla TAB, la selección se desplaza a la siguiente página de


la estructura y se activa el título de la página para que pueda modificarlo.
Asimismo, se selecciona el texto que representa el nombre de la página, de modo
que se pueda escribir un nombre nuevo fácilmente.

4. Escriba Información sobre nuestra empresa y presione TAB.

Información sobre nuestra empresa es el título de una de las páginas que va a


crear para el sitio Web Championzone.

5. Repita el paso anterior con el resto de páginas y cambie el nombre de Página


nueva 2 a Productos¸ el de Página nueva 3 a Galería de fotografías y el de
Página nueva 4 a Vínculos.

22
6. Cuando se presiona ENTRAR después de modificar un título de página, éste se
guarda y no se selecciona otra página. Para anular la selección de todas las
páginas, haga clic fuera de las páginas en la vista Exploración.

La pantalla debería tener el aspecto siguiente:

Para abrir rápidamente una página en la vista Página y modificarla, haga doble clic
en la página en la vista Exploración o en Lista de carpetas (las páginas no
aparecerán en Lista de carpetas hasta que las guarde).

A continuación, reemplace la página en blanco que FrontPage ha creado a partir de la


plantilla de sitio Web importando la página principal que ha creado y guardado en la
carpeta Mis documentos al principio de esta lección.

Para importar una página en un sitio Web


1. En la vista Exploración, haga doble clic en index.htm para abrirlo en la
vista Página. FrontPage abre la página principal en blanco que se creó a
partir de la plantilla de sitio Web.

2. En el menú Insertar, haga clic en Archivo.

FrontPage muestra el cuadro de diálogo Seleccionar archivo. En este


cuadro de diálogo puede insertar páginas Web, documentos de programas
de procesamiento de texto, archivos de texto y otros documentos de la
página actual.

3. En el cuadro de diálogo Seleccionar archivo, busque la carpeta


Mis documentos, si todavía no se muestra.

23
4. Haga clic en el archivo denominado página principal y, a continuación, en
Abrir.

FrontPage importa la página principal que guardó anteriormente a la página


actual.

5. Para guardar la página actual en el sitio Web, haga clic en Guardar , en


la barra de herramientas estándar.

FrontPage muestra el cuadro de diálogo Guardar archivos incrustados.


En este cuadro de diálogo puede obtener una vista previa, cambiar el
nombre, guardar y actualizar archivos incrustados que el sitio Web actual
utilizará.

Cuando guardó esta página en la carpeta Mis documentos del equipo,


FrontPage dejó las dos imágenes que usted insertó en su ubicación original,
la carpeta Tutorial de FrontPage. La página principal sólo indicaba los
archivos de imagen, sin copiarlos a la misma carpeta en la que se guardó la
página. Para que los sitios Web sean portátiles, es preciso que las páginas y
los archivos asociados formen parte del sitio Web que los utiliza.

6. En el cuadro de diálogo Guardar archivos incrustados, haga clic en


Aceptar.

FrontPage guarda la página principal como Index.htm y guarda copias de los


archivos de imágenes incrustados en el sitio Web actual.

Sugerencia Las páginas principales tienen nombres reservados. FrontPage


asignará automáticamente a las páginas principales uno de los dos nombres
reservados que no debería cambiar a menos que sea preciso. Si está
ejecutando software de servidor Web local como Servicios de Internet
Information Server (IIS) en el equipo, el nombre de la página principal será
Default.htm. Si no tiene un servidor Web local instalado o si guarda la página
en la unidad de disco duro local en lugar de en un sitio Web de un servidor
Web, la página principal se denominará Index.htm.

Estos nombres se reservan para las páginas principales para que los
exploradores Web los busquen automáticamente cuando el visitante del sitio
Web escriba la dirección URL del sitio sin hacer referencia a una página
específica.

24
Crear contenido para el sitio Web
Una vez que la página principal ya forma parte del sitio Web actual, vamos a crear el
contenido del resto de páginas del sitio Web Championzone.

Modificar la página Información sobre nuestra empresa


1. Haga clic en el icono Exploración de la barra Vistas para regresar a la
vista Exploración.

Notas

o Lista de carpetas muestra los dos archivos de imágenes que gravó


en el sitio Web actual. El archivo Index.htm es la nueva página
principal. Más adelante, podrá eliminar la copia de la página principal
que queda en la carpeta Mis documentos.

o En Lista de carpetas, los nombres de archivo del resto de páginas se


tomaron directamente de los títulos de página que escribió en las
páginas en la vista Exploración. En este tutorial, no vamos a cambiar
los nombres.

2. Haga doble clic en la página Información sobre nuestra empresa para


abrirla en la vista Página.

Esta página proporciona a los visitantes del sitio alguna información de


referencia acerca de su compañía ficticia. En este tutorial, hemos preparado
el texto para que sólo tenga que insertarlo en la página, sin necesidad de
escribir.

3. En el menú Insertar, haga clic en Archivo.

4. En el cuadro de diálogo Seleccionar archivo, para llegar a la carpeta


denominada FPTutor2002, haga doble clic en las carpetas de esta ruta
hasta que el cuadro Buscar en muestre FPTutor2002.

5. Haga clic en la lista Tipo de archivos y haga clic en Archivos de texto


(*.txt) para mostrar sólo los archivos de texto.

FrontPage muestra un archivo, denominado About. Sólo hay un archivo de


texto en este tutorial.

6. Haga clic en About en la lista y, a continuación, haga clic en Abrir.

El texto que está insertando no se guardó en formato HTML, de modo que


FrontPage muestra el cuadro de diálogo Convertir texto para que pueda
controlar cómo se importará el texto.

7. En el cuadro de diálogo Convertir texto, haga clic en Párrafos normales


con saltos de línea y, a continuación, en Aceptar.

25
FrontPage importa el archivo de texto y lo coloca en el punto de inserción en
la página Información sobre nuestra empresa.
8. En la barra de herramientas Estándar, haga clic en Guardar para
guardar los cambios de la página Información sobre nuestra empresa.

9. Cierre Lista de carpetas.

A continuación, vamos a preparar la página denominada Productos, en la que


los visitantes obtendrán información acerca de los artículos de deporte que
Championzone comercializa. En esta página, también se incluye un formulario
de comentarios para que los visitantes del sitio Web Championzone puedan
expresar sus ideas.

Para modificar la página Productos


1. En la barra de herramientas estándar, haga clic en la flecha a la derecha de
Panel de alternancia y, a continuación, haga clic en Lista de
carpetas.

2. Haga doble clic en Products.htm en Lista de carpetas para abrir la


página en la vista Página.

3. Haga clic en la flecha a la derecha de Panel de alternancia y, a


continuación, haga clic en Lista de carpetas para ocultarla.

4. En el menú Insertar, haga clic en Archivo.

5. En el cuadro de diálogo Seleccionar archivo, haga clic en la lista Archivos


de tipo y, a continuación, en Formato de texto enriquecido (*.rtf) para
mostrar el archivo de texto con formato de la carpeta Tutorial.

FrontPage muestra el archivo que coincide con este criterio.

6. Haga doble clic en el archivo productinfo.

Este tipo de archivo contiene formato, de modo que FrontPage convertirá


automáticamente el texto con formato al formato HTML y lo insertará en la
página.

7. En la barra de herramientas, haga clic en el botón Guardar para guardar


los cambios de la página Productos.

26
Diseñar una página
La página Información sobre nuestra empresa adoptará el formato de un tema
gráfico que aplicaremos más adelante, en la Lección 2, al sitio Web Championzone.
Sin embargo, para la página Productos es preciso trabajar un poco más el diseño.

Para que el lector pueda diferenciar con facilidad los títulos de párrafo, las listas de
productos y los detalles de eventos de los que habla el texto, tendrá que agregar
algunas imágenes, dar formato a los estilos de párrafo y crear una lista con viñetas.

Para crear una lista con viñetas


1. Desde la vista Página, busque las palabras “Bolsa del equipo” en la página
Productos.

Si no ve la lista completa de productos, utilice la barra de desplazamiento para


mostrarla.

La lista empieza por “Bolsa del equipo” y termina por “Red de portería”.

2. Haga clic justo a la izquierda de la letra B de “Bolsa del equipo”, mantenga


presionada la tecla MAYÚS, haga clic justo después de la palabra “portería” y
suelte la tecla MAYÚS. De este modo se selecciona la lista completa.

3. En la barra de herramientas Formato, haga clic en el botón Viñetas .

FrontPage convierte el texto seleccionado en una lista con viñetas.

4. Haga clic en cualquier parte de la página para anular la selección de la lista.

La página debería tener el aspecto siguiente:

27
En FrontPage, también se pueden crear listas numeradas. Cuando agregue
elementos nuevos a una lista numerada, automáticamente FrontPage les asignará
números secuencialmente. Si desea agregar elementos a listas numeradas y con
viñetas, presione ENTRAR después de un elemento de la lista. Para acabar una lista,
presione ENTRAR dos veces después de escribir el último elemento.

A continuación, vamos a insertar cuatro imágenes en la página actual y utilizaremos


las funciones de colocación de FrontPage para alínear las imágenes con los párrafos a
los que están asociadas. De este modo, el diseño de página será más atractivo.

Para colocar imágenes y texto


1. En la vista Página, sitúe el cursor después del texto “Artículos de oferta esta
semana” de la página Productos.

2. Haga clic en Insertar imagen desde archivo en la barra de herramientas


estándar.

Cuando insertó una imagen por última vez, no había ningún sitio Web abierto y
FrontPage mostró automáticamente el cuadro de diálogo Seleccionar archivo.
Como ahora hay un sitio Web abierto, FrontPage supone que desea trabajar con
las imágenes que ya forman parte del sitio Web y, por tanto, muestra el cuadro
de diálogo Imagen.

Como todavía no ha agregado la imagen que desea en el sitio Web actual, haga
clic en el menú desplegable junto a Buscar en y busque la carpeta
FPTutor2002.

Nota La carpeta está ubicada en <unidad>:\FPTutor2002, donde


<unidad> representa el disco duro en el que ha instalado el tutorial.

3. Haga clic en el archivo denominado FPTutor001 y, a continuación, en


Insertar.

FrontPage inserta una imagen de un balón de fútbol después del texto


“Artículos de oferta esta semana”.

4. A continuación, haga clic en la imagen del balón de fútbol para seleccionarla.

5. En el menú Formato, haga clic en Posición.

FrontPage muestra el cuadro de diálogo Posición.

6. Bajo Estilo de ajuste, haga clic en Derecha y, a continuación, haga clic en


Aceptar.

La imagen se alínea con el margen derecho de la página actual y la lista con


viñetas pasa a la izquierda de la misma.

7. En la barra de herramientas, haga clic en el botón Guardar para guardar los


cambios de la página Productos.

28
8. En el cuadro de diálogo Guardar archivos incrustados, haga clic en Aceptar.

La página debería tener el aspecto siguiente:

Puede colocar las imágenes de una a siguiendo este procedimiento o bien importarlas
a la vez. Para importar archivos individuales se utiliza la vista Página, mientras que
para insertar un grupo de archivos o carpetas completas se utiliza la vista Carpetas.

Para agregar un grupo de archivos al sitio Web actual

1. Haga clic en el icono Carpetas de la barra Vistas para pasar a la vista


Carpetas.

La vista Carpetas es una vista expandida de Lista de carpetas, que aparece en


las vistas Exploración y Página. Al igual que cuando mira archivos en
Microsoft Windows Explorer, puede ver detalles de los archivos y las carpetas
del sitio Web, y realizar tareas de administración de archivos como agregar,
eliminar, mover, copiar y cambiar el nombre de los archivos.

2. En el menú Archivo, haga clic en Importar.

FrontPage muestra el cuadro de diálogo Importar. En este cuadro de diálogo,


puede agregar archivos y carpetas del sistema de archivos local, de una red
local, un servidor de archivos de la organización o un recurso de Internet o
World Wide Web, por ejemplo un servidor FTP.

3. En el cuadro de diálogo Importar, haga clic en Agregar archivo.

29
4. En el cuadro de diálogo Agregar archivo a la lista de importación, busque
el archivo denominado FPTutor2002.

Nota La carpeta está ubicada en <unidad>:\FPTutor2002, donde


<unidad> representa el disco duro en el que ha instalado el tutorial.

5. A continuación, haga clic en la lista Tipo de archivos y en GIF y JPEG(*.gif,


*.jpg) para mostrar todos los archivos de imagen de la carpeta Tutorial.

6. Haga clic en el archivo czbanner de la lista para seleccionarlo.

7. Mantenga presionada la tecla CTRL y haga clic para seleccionar los archivos
FPTutor002, FPTutor003, FPTutor004, FPTutor005 y FPTutor006.

8. Una vez seleccionados los archivos en el cuadro de diálogo Agregar archivo a


la lista de importación, suelte la tecla CTRL y haga clic en Abrir.

FrontPage agrega las imágenes que ha seleccionado a la lista del cuadro de


diálogo Importar.

9. Haga clic en Aceptar para importar los archivos de la lista al sitio Web actual.

Una vez agregadas las imágenes restantes al sitio Web, sólo queda terminar el
diseño de la página Productos.

Para finalizar el diseño de página


1. Haga clic en el icono Página de la barra Vistas para regresar a la vista
Página.

2. Si está abierto Lista de carpetas, ciérrelo para poder ver una porción mayor
de la página en la que está trabajando.

Para cerrar Lista de carpetas:


• En la barra de herramientas estándar, haga clic en la flecha a la derecha
de Panel de alternancia y, a continuación, haga clic en Lista de
carpetas.

3. En la página Productos, sitúe el punto de inserción después de la frase


“PRODUCTOS: AMPLIA GAMA DE EQUIPAMIENTO PARA ELEGIR” y, a
continuación, haga clic en el botón Insertar imagen desde archivo de la
barra de herramientas.

4. En el cuadro de diálogo Imagen, verá que están disponibles las imágenes


previamente importadas; seleccione el archivo FPTutor002 de la lista.

También puede insertar imágenes prediseñadas o, si tiene un escáner o una


cámara digital, puede obtener imágenes originales con dichas máquinas.

5. Haga clic en Aceptar para insertar la imagen.

30
6. Haga clic en la imagen que ha insertado y, a continuación, en Alínear a la
derecha (en la barra de herramientas) para colocar la imagen en el
margen derecho y ajustar el texto a su alrededor.

La página debería tener el aspecto siguiente:

Colocar imágenes y otros elementos de la página alrededor del texto hace que el
diseño de la página sea más interesante y se parezca a las páginas de las revistas o
los periódicos. Cuando se colocan las imágenes en el margen, se conserva el diseño
de página incluso si la página se visualiza en un explorador Web que utiliza un
tamaño y una resolución de pantalla distintos.

Para acabar la página Productos, vamos a crear un formulario de comentarios, que


permite interactuar con los visitantes del sitio que deseen participar. Los formularios
de comentarios se pueden utilizar para reunir información y propuestas de las
personas que visitan el sitio Web.

Para crear un formulario de comentarios


1. En la vista Página, presione CTRL+FIN para saltar rápidamente a la parte
inferior de la página actual, o bien desplácese utilizando la barra de
desplazamiento.

2. Cuando esté en la nueva línea en blanco, escriba Envíenos sus comentarios


y presione ENTRAR.

3. En el menú Insertar, elija Formulario y después haga clic en Cuadro de


texto.

FrontPage inserta un nuevo formulario con un cuadro de texto en la página


actual. Las líneas discontinuas indican el límite del formulario. De manera
predeterminada, el nuevo formulario contiene los botones Enviar y
Restablecer.

31
A continuación, vamos a personalizar el formulario predeterminado agregando más
campos de formulario y etiquetas de campos de formulario, de modo que los
visitantes del sitio sepan qué tipo de información deben escribir.

Para personalizar el formulario

1. Haga clic en el botón Enviar y, a continuación en Centrar en la barra de


herramientas.

2. Presione la flecha izquierda para situar el cursor antes del botón Enviar y
presione ENTRAR.

Cuando se presiona ENTRAR, se agrega una línea en blanco al formulario.

3. Haga clic en el cuadro de texto y presione la flecha atrás para colocar el cursor
al principio del formulario.

4. En la primera línea, escriba Nombre: y presione MAYÚS+ENTRAR.

Cuando se mantiene presionada la tecla MAYÚS y se presiona ENTRAR, se crea


un salto de línea. Los saltos de línea son útiles para espaciar líneas de texto que
están más juntas que el espaciado de párrafo estándar.

5. Mueva el cursor después del cuadro de texto y presione ENTRAR.

6. En la siguiente línea, escriba Correo electrónico: y presione MAYÚS+ENTRAR.

7. En el menú Insertar, seleccione Forma, haga clic en Cuadro de texto y, a


continuación, presione ENTRAR.

8. En la siguiente línea, escriba Comentarios: y presione MAYÚS+ENTRAR.

9. En el menú Insertar, elija Formulario y después haga clic en Área con


texto.

FrontPage inserta un campo de entrada de texto desplazable en el formulario.

10. Haga doble clic en el cuadro de texto desplazable que acaba de insertar.

FrontPage muestra el cuadro de diálogo Propiedades de cuadro de texto


con desplazamiento. En este cuadro de diálogo, puede cambiar el aspecto del
cuadro de texto.

32
11. En el cuadro de diálogo Propiedades de cuadro de área con texto, cambie
el ancho de los caracteres a 30 y el número de líneas a 5 y haga clic en
Aceptar.

El cuadro de texto desplazable ha crecido, lo que animará a los visitantes del


sitio a escribir algo más que un par de líneas.

Una vez terminados el formulario y la página Productos, es aconsejable que


guarde su trabajo.

Nota No puede probar el formulario hasta que no publique el sitio Web.


Hablaremos de cómo publicar el sitio Web en la Lección 2.

12. En la barra de herramientas, haga clic en el botón Guardar para guardar los
cambios de la página Productos.

La página debería tener el aspecto siguiente:

Perfecto. El formulario de comentarios está acabado y la página Productos también.


En la siguiente parte de la lección, agregaremos las dos últimas páginas: una galería
de fotografías en línea y una lista de vínculos a algunos sitios de World Wide Web.

33
Crear una galería de fotografías
World Wide Web tiene una interfaz gráfica, y es muy frecuente que muchos sitios
Web populares muestren fotografías y otro tipo de gráficos. El precio de los
escáneres y las cámaras digitales se ha reducido enormemente y muchos servicios
de revelado ofrecen fotografías en CD-ROM para que pueda compartirlas en línea.

Hemos visto que con FrontPage colocar imágenes en páginas Web es muy fácil. En
esta parte de la lección, vamos a crear una galería de fotografías en línea.

Las galerías de fotografías son páginas Web que contienen un conjunto de imágenes
organizadas siguiendo un diseño específico. Para el sitio Web Championzone,
crearemos una galería de fotografías relacionadas con el deporte.

FrontPage 2002 incluye varios diseños para organizar fotografías. En este tutorial,
vamos a utilizar el diseño Horizontal.

Para modificar la página Galería de fotografías


1. En la barra de herramientas, haga clic en la flecha a la derecha de Panel de
alternancia y, a continuación, haga clic en Lista de carpetas.

2. Haga doble clic en photo_gallery.htm en Lista de carpetas para abrir la


página.

3. Haga clic en la flecha a la derecha de Panel de alternancia y, a continuación,


en Lista de carpetas para ocultarla.

4. Cuando se muestre una página en blanco en la vista Página, escriba Sports


Photos (Fotografías de deportes) en la primera línea y presione ENTRAR.

5. En la siguiente línea, escriba: Please enjoy our Sports Photo Gallery. Click
each thumbnail to see the full-size picture, and then use your Web
browser’s Back button to return to this page (Esperamos que disfrute con
nuestra Galería de fotografías de deportes. Haga clic en las miniaturas para ver
las fotografías ampliadas y utilice el botón Atrás de su explorador Web para
regresar a esta página).

6. Presione ENTRAR dos veces para crear un poco de espacio.

7. En el menú Insertar, haga clic en Componente Web.

8. En el panel de la izquierda, haga clic en Galería de fotografías.

9. En el panel de la derecha, seleccione la primera opción de diseño (el diseño


Horizontal) y haga clic en Finalizar.

10. Automáticamente se abre el cuadro de diálogo Propiedades de la galería de


fotografías.

11. Haga clic en Agregar y, a continuación, haga clic en Imágenes de archivos.

34
12. Haga clic en el archivo FPTutor003, mantenga presionada la tecla MAYÚS y, a
continuación, haga clic en FPTutor006.

De este modo seleccionará los archivos FPTutor003, FPTutor004,


FPTutor005 y FPTutor006.

13. Haga clic en Abrir y, a continuación, en Aceptar.

14. En la barra de herramientas estándar, haga clic en el botón Guardar para


guardar los cambios de la página Galería de fotografías.

15. En el cuadro de diálogo Guardar archivos incrustados, haga clic en Aceptar.

La página debería tener el aspecto siguiente:

35
Vínculos a otros sitios Web
Ahora sólo queda modificar la página Vínculos. En este tutorial, la página Vínculos
contiene una lista de hipervínculos de texto que llevan a páginas de deportes
populares de Internet.

Cuando cree su sitio Web, puede crear hipervínculos que lleven a otros sitios Web
relacionados con el contenido de sus propias páginas. De este modo, los visitantes
pueden examinar sitios parecidos sin tener que buscarlos.

Para comenzar la página Vínculos


1. En la barra de herramientas, haga clic en la flecha a la derecha de Panel de
alternancia y, a continuación, haga clic en Lista de carpetas.

2. Haga doble clic en links.htm de Lista de carpetas para abrir la página en la


vista Página.

3. Haga clic en la flecha a la derecha de Panel de alternancia y, a continuación,


en Lista de carpetas para ocultarla.

4. Cuando se muestre una página en blanco en la vista Página, escriba Vínculos


a sitios de deportes y presione ENTRAR.

A continuación, vamos a crear una animación de texto sencilla para el título del
párrafo. FrontPage incluye un conjunto de efectos divertidos que puede aplicar
fácilmente a títulos de texto o a párrafos completos.

Para crear un efecto de texto dinámico


1. En la página Vínculos, haga clic en cualquier parte del texto Vínculos a sitios
de deportes.

2. En el menú Formato, haga clic en Efectos de HTML dinámico.

FrontPage muestra la barra de herramientas Efectos DHTML. Vamos a hacer


selecciones secuenciales que crearán una sencilla secuencia de comandos de
HTML dinámico (DHTML) para animar el texto que se mostrará en el explorador
Web.

HTML dinámico es una extensión del lenguaje HTML que permite crear
efectos de presentación para texto y objetos de forma muy parecida a las
presentaciones de Microsoft PowerPoint®. Con la barra de herramientas
Efectos DHTML, puede agregar efectos sencillos a las páginas sin necesidad
de tener conocimientos de programación.

3. En la lista En, haga clic en Carga de página.

Esto indicará al explorador Web que debe comenzar el efecto cuando se carga
la página.

36
4. En la lista Aplicar, haga clic en Salto.

FrontPage aplica el efecto Salto. En un explorador Web, este efecto hará que
cada palabra entre botando en la página.

5. Haga clic en el cuadro Cerrar en la esquina superior derecha de la barra de


herramientas Efectos DHTML.

La barra de herramientas Efectos DHTML se cierra y el efecto de texto


dinámico se indica en la vista Página mediante un sombreado azul claro.

Sugerencias

• Si tiene Microsoft Internet Explorer instalado, puede hacer clic en la ficha Vista
previa de la vista Página para ver cómo quedará el efecto en un explorador
Web. Haga clic en Normal para regresar a la vista Página.

• Para cambiar el efecto, en el panel Normal, seleccione el texto que contiene el


efecto, haga clic en Efectos de HTML dinámico del menú Formato y, a
continuación, aplique el efecto nuevo que desea.

Vamos a agregar hipervínculos de texto que lleven a otros sitios de Internet. Con
FrontPage, puede crear hipervínculos de distintos modos, que le enseñaremos a
continuación. Cuando cree sitios Web, podrá crear hipervínculos utilizando el método
que prefiera.

Para crear hipervínculos a partir de texto


1. En la página Vínculos, presione la tecla FLECHA ABAJO, escriba MSN Sports y
presione ENTRAR.

2. Haga clic y arrastre el mouse sobre las palabras que acaba de escribir para
seleccionarlas.

3. En el menú Insertar, haga clic en Hipervínculo.

FrontPage muestra el cuadro de diálogo Hipervínculo. En este cuadro de


diálogo, especifique el destino del hipervínculo que está creando. Puede ser una
página o un archivo de su sitio Web, de su sistema de archivos local, de un
servidor Web o de otro sitio de Internet.

4. En el cuadro Dirección URL, escriba


www.msnbc.com/msn/msnsports_front.asp y haga clic en Aceptar.

Tenga en cuenta que FrontPage agrega automáticamente las letras HTTP.

37
5. En el teclado, presione la tecla FLECHA ABAJO para anular la selección del
texto.

Las palabras “MSN Sports” han cambiado del color negro predeterminado
del texto a color azul y están subrayadas para indicar la presencia de un
hipervínculo. Cuando esta página se muestre en un explorador Web, al hacer
clic en el hipervínculo se abrirá la página principal de MSN.

Antes de crear el próximo hipervínculo, tiene que insertar un símbolo de un carácter


especial para indicar que hay una marca comercial en la página actual.

Para insertar caracteres especiales o símbolos


1. Haga clic para insertar el cursor del mouse justo después de las letras MSN del
hipervínculo que acaba de crear.

2. En el menú Insertar, haga clic en Símbolo.

FrontPage muestra el cuadro de diálogo Símbolo. En este cuadro de diálogo


puede seleccionar e insertar caracteres especiales en el punto de inserción.
Puede insertar varios símbolos mientras se muestra este cuadro de diálogo.

3. En el cuadro de diálogo Símbolo, seleccione el símbolo ®, haga clic en


Insertar y, a continuación, en Cerrar.

FrontPage inserta el símbolo después de las letras MSN. Puede utilizar el


comando Símbolo para insertar caracteres que no pueda escribir directamente
mediante el teclado.

Seguidamente crearemos un hipervínculo automático. Es un modo rápido y sencillo


de crear hipervínculos, porque no tiene que utilizar el cuadro de diálogo Crear
hipervínculo.

Para crear un hipervínculo automático


1. En la página Vínculos, presione la tecla FLECHA ABAJO, escriba
www.sports.yahoo.com y presione ENTRAR.

En cuanto presione ENTRAR, la dirección URL que ha escrito cambia de negro a


azul y se muestra con un subrayado para indicar la presencia de un
hipervínculo. Al igual que otros programas Microsoft Office XP, FrontPage
admite la creación automática de hipervínculos. Como la dirección URL en sí no
siempre es descriptiva, puede que desee cambiarla por el nombre del sitio al
que lleva el hipervínculo. Puede sobrescribir el texto sin borrar el hipervínculo.

Nota Yahoo! es un popular servicio de Internet que permite buscar


información en el World Wide Web utilizando palabras clave y categorías de
temas. Esta dirección URL en concreto lleva a la página de deportes de Yahoo.

2. Con el mouse, haga clic y arrastre sobre la dirección URL que acaba de escribir
para seleccionarla.

38
3. Cuando la dirección URL http://sports.yahoo.com esté seleccionada, escriba
Yahoo! para reemplazar el texto seleccionado.

El hipervínculo sigue llevando a la misma dirección URL, pero ahora tiene el nombre
del sitio.

A continuación, va a crear un hipervínculo utilizando su explorador Web. Este método


de creación de hipervínculos es el más preciso, porque en realidad se visita la página
a la que hará referencia el hipervínculo antes de crearlo. Además, FrontPage copia la
dirección URL del campo de direcciones del explorador Web, de modo que una vez
verificada la dirección no tendrá que escribirla de nuevo.

Nota Si no tiene acceso al World Wide Web durante el tutorial de FrontPage, no


realice el procedimiento siguiente en este momento, sino la próxima vez que esté
conectado a Internet.

Para crear un hipervínculo verificado


1. Presione la tecla FLECHA ABAJO para mover el punto de inserción a la línea en
blanco debajo del hipervínculo anterior.

2. Escriba National Basketball Association y presione ENTRAR.

3. Haga clic y arrastre el mouse sobre las palabras que acaba de escribir para
seleccionarlas.

4. En la barra de herramientas, haga clic en el botón Hipervínculo

FrontPage muestra el cuadro de diálogo Insertar hipervínculo.

5. En el cuadro de diálogo Insertar hipervínculo, haga clic en el botón Explorar


el Web .

FrontPage abre el explorador Web. Cuando visite la página a la que debería


llevar el hipervínculo y después cambie a FrontPage, el cuadro de la dirección
contendrá la dirección de la página de destino.

6. En el cuadro Dirección (o Ubicación) del explorador Web, escriba


http://www.nba.com y presione ENTRAR.

El explorador Web muestra la página principal de la National Basketball


Association (NBA), en la que puede obtener información acerca de los equipos,
los jugadores, el calendario y muchos temas relacionados con la NBA.

7. En el teclado, presione ALT+TAB, para cambiar de nuevo al cuadro de diálogo


Crear hipervínculo.

La dirección URL de la página principal de Microsoft FrontPage está en el cuadro


Dirección URL del cuadro de diálogo Crear hipervínculo.

8. Haga clic en Aceptar.

39
9. En el teclado, presione la tecla FLECHA ABAJO para anular la selección del
texto.

Las palabras “National Basketball Association” están subrayadas para indicar la


presencia de un hipervínculo.

10. En la barra de herramientas, haga clic en el botón Guardar para guardar los
cambios de la página Vínculos.

La página debería tener el aspecto siguiente:

40
Aplicar formato a los títulos de párrafo
Ahora que ha creado satisfactoriamente el contenido de las páginas de su sitio Web,
vamos a aplicar formatos de fuente y de párrafo para que los títulos de párrafo de
todas las páginas tengan un aspecto parecido.

Para aplicar estilos de párrafo a los títulos


1. Haga clic en la ficha de página index.htm.

FrontPage vuelve a mostrar la página principal. Si tiene abierta más de una


página en el panel Normal, puede utilizar las fichas de página para pasar de
una página a otra.

Nota Si cerró la página en el paso anterior, en el menú Archivo, haga clic


en Abrir y, a continuación, en el cuadro de diálogo Abrir archivo, haga clic
en index.htm.

2. Haga clic en cualquier parte del título Bienvenido a Championzone.

3. Haga clic en la lista Estilo de la barra de herramientas Formato y cambie


Normal a Encabezado 3.

4. FrontPage aplica el estilo Encabezado 3 a la línea de texto actual. El tamaño


no se ve afectado, pero ahora el texto está en negrita.

5. Los estilos de título de la lista Estilo están basados en los estándares HTML.
Los títulos de nivel 1 son el estilo de texto más grande posible para las
páginas Web, mientras que los títulos de nivel 6 son los más pequeños.

Nota La lista Estilo puede contener estilos de hojas de estilos en cascada


(CSS), pero en este tutorial no hablaremos de ello.

6. En la barra de herramientas, haga clic en el botón Guardar para guardar los


cambios de la página principal.

7. Haga clic en la ficha Página para mostrar About_Us.htm.

FrontPage vuelve a mostrar la página Información sobre nuestra


empresa.

8. Haga clic en cualquier parte del título Información sobre nuestra


empresa, en la parte superior de la página.

41
9. Haga clic en la lista Estilo de la barra de herramientas y, a continuación,
haga clic en Encabezado 4.

10. En la barra de herramientas, haga clic en el botón Guardar para guardar los
cambios de la página Información sobre nuestra empresa.

Para repetir el formato de párrafo con la herramienta Copiar


formato
FrontPage incluye un modo muy cómodo de copiar los estilos de formato de una
selección de texto a otra, simplemente presionando un botón. Vamos a practicarlo en
la página Productos.

1. Haga clic en la ficha Página para mostrar Products.htm.

FrontPage vuelve a mostrar la página Productos.

2. Haga clic en cualquier parte del texto PRODUCTOS: AMPLIA GAMA DE


EQUIPAMIENTO PARA ELEGIR, en la parte superior de la página.

3. Haga clic en la lista Estilo de la barra de herramientas y, a continuación, haga


clic en Encabezado 4.

4. Una vez aplicado el estilo, haga clic fuera de la frase y, a continuación, haga clic
en Copiar formato de la barra de herramientas Formato.

5. Desplácese hasta el encabezado Envíenos sus comentarios utilizando la


barra de desplazamiento.

6. Haga clic en el mouse y arrastre el puntero Copiar formato sobre las


palabras Envíenos sus comentarios y suelte el botón del mouse.

FrontPage copia el formato del título anterior y lo aplica al título actual. La


herramienta Copiar formato es muy útil si desea duplicar simultáneamente
distintas opciones de formato de una selección de texto a otra.

7. En la barra de herramientas, haga clic en el botón Guardar para guardar los


cambios de la página Productos.

Sugerencia Para repetir el formato de texto en más e una selección de texto,


haga doble clic en el botón Copiar formato después de seleccionar el formato
que desea copiar. Seleccione las distintas ubicaciones de texto en las que desea
copiar el formato y vuelva a hacer clic en el botón Copiar formato hasta que
termine.

A continuación, finalizaremos el formato de los títulos de página de las dos páginas


restantes.

42
Para terminar de aplicar estilos de párrafo a los títulos

1. Haga clic en la ficha Página para mostrar photo_gallery.htm.

FrontPage vuelve a mostrar la página Galería de fotografías.

2. Haga clic en cualquier parte del título Fotografías de deportes, en la parte


superior de la página.

3. Haga clic en la lista Estilo de la barra de herramientas y, a continuación, haga


clic en Encabezado 4.

4. En la barra de herramientas, haga clic en el botón Guardar para guardar los


cambios de la página Galería de fotografías.

5. En el menú Ventana, haga clic en links.htm.

6. Haga clic en cualquier parte de la frase Vínculos a sitios de deportes.

7. Haga clic en la lista Estilo de la barra de herramientas y, a continuación, haga


clic en Encabezado 4.

8. En la barra de herramientas, haga clic en el botón Guardar para guardar los


cambios de la página Vínculos.

Enhorabuena, ha completado satisfactoriamente la Lección 1.

43
A continuación
En la Lección 2, vamos a mejorar el aspecto del sitio Web Championzone agregando
bordes compartidos, barras de exploración y un tema gráfico, y además, aprenderá a
obtener una vista previa, probar, organizar y publicar el sitio Web terminado.

Fin de la Lección 1
Puede continuar con la Lección 2 o cerrar Microsoft FrontPage y continuar el tutorial
más adelante.

Para cerrar Microsoft FrontPage


• En el menú Archivo, haga clic en Salir.

FrontPage se cierra.

44
Lección 2 Mejorar y publicar un sitio Web
En la Lección 1, aprendió a crear páginas Web con Microsoft FrontPage y a
agregarlas a un nuevo sitio Web.

En esta lección, continuará trabajando en el sitio Web Championzone: agregará


barras de exploración a las páginas, aplicará y personalizará un tema gráfico,
obtendrá una vista previa del sitio Web y lo probará, y finalmente, preparará el sitio
Web para publicarlo en Internet.

Antes de publicar un sitio Web, debe asegurarse de que las páginas y los archivos
están bien organizados, los hipervínculos funcionan y no hay errores de ortografía, y
debe tener suficiente espacio en el servidor Web de destino. FrontPage puede ayudar
a completar estas importantes tareas.

Información general
En esta lección, aprenderá a:

• Crear hipervínculos a otras páginas desde un sitio Web.


• Agregar bordes compartidos y barras de exploración.
• Aplicar y personalizar un tema gráfico.
• Obtener una vista previa de un sitio Web en un explorador.
• Organizar archivos y carpetas.
• Generar un informe de resumen del sitio.
• Revisar la ortografía de una página y de todo el sitio Web.
• Reemplazar texto en páginas Web.
• Publicar un sitio Web en Internet.

45
Mejorar el aspecto de un sitio Web
Si ha empezado esta lección después de terminar la Lección 1, el sitio Web
Championzone aún debería estar abierto en FrontPage. Si es así, pase directamente
al procedimiento denominado Para crear hipervínculos a otras páginas.

Si ha comenzado una nueva sesión para continuar con el tutorial, debe abrir primero
el sitio Web para poder trabajar con las páginas.

Para abrir un sitio Web existente


1. En la barra de tareas de Windows, haga clic en el botón Inicio, elija
Programas y después haga clic en Microsoft FrontPage.

2. En el menú Archivo, elija Webs recientes y, a continuación, haga clic en


Championzone para abrir el sitio Web Championzone que creó en la Lección 1.

FrontPage abre el sitio Web. La barra de título de la aplicación muestra


Microsoft FrontPage – <unidad>:\Mis documentos\Mis Webs\
Championzone.

Las lecciones de este tutorial se han diseñado para realizarlas utilizando


FrontPage 2002 en un equipo que tenga instalado Microsoft Windows 98,
Microsoft Windows 2000 o Microsoft Windows Millennium Edition. Según el
sistema operativo que utilice, puede que perciba pequeñas diferencias en la
ruta de acceso al sitio Web.

Cuando estaba creando hipervínculos a partir de imágenes y texto en la Lección 1,


posiblemente se percató de que todavía no había ninguna conexión entre las páginas
del sitio Web. Incluso si alguna persona visitó la página principal actual, le hubiera
sido imposible tener acceso al resto de páginas. En la siguiente sección, le
enseñaremos cómo crear fácilmente hipervínculos de exploración a otras páginas.

Para crear hipervínculos a otras páginas


1. En la barra de herramientas, haga clic en la flecha a la derecha de Panel de
alternancia y, a continuación, haga clic en Lista de carpetas.

Mantenga visible Lista de carpetas mientras crea hipervínculos al resto de


páginas de su sitio Web.

2. Haga doble clic en index.htm de Lista de carpetas para abrir la página


principal en la vista Página.

3. Cuando se muestre la página principal en la vista Página, haga clic en


CTRL+FIN para situar el cursor al final de la página.

46
4. A continuación, busque la página About_Us.htm en Lista de carpetas.

Las carpetas y los archivos de Lista de carpetas se muestran ordenados


alfabéticamente. El icono de cada archivo da una pista del tipo de archivo de
que se trata.

Arrastre y coloque la página Información sobre nuestra empresa en la


parte inferior de la página principal. Cuando haga esto, FrontPage creará en la
página principal un hipervínculo a la página Información sobre nuestra
empresa.

5. Haga clic y mantenga presionado el botón del mouse en About_Us.htm de


Lista de carpetas, mueva el puntero de la línea de debajo del botón FrontPage
en la parte inferior de la página principal y suelte el botón del mouse.

FrontPage muestra el puntero de acceso directo del mouse mientras arrastre el


mouse para indicar que no insertará la página Información sobre nuestra
empresa, sino que creará un hipervínculo que lleva a esta página.

FrontPage inserta el título de página del archivo About_Us.htm (“Información


sobre nuestra empresa”) como texto del hipervínculo. El texto azul subrayado
indica la presencia del hipervínculo.

6. Repita los pasos 4 y 5 con el resto de páginas de el sitio Web Championzone,


entre las que se incluyen Products.htm, Links.htm y Photo_gallery.htm.
Coloque los vínculos uno detrás de otro.

7. En el teclado, presione la tecla FLECHA ABAJO para anular la selección del


último hipervínculo.

La página debería tener el aspecto siguiente:

47
A pesar de que puede crear manualmente hipervínculos al resto de las páginas de
un sitio Web de este modo, hacerlo en todas las páginas del sitio puede llevar mucho
tiempo y ser una tarea pesada, sobre todo en el caso de sitios Web extensos.
Además, si decide agregar o quitar páginas en el sitio Web actual después de crear
los hipervínculos, tendrá que agregar o quitar manualmente los hipervínculos que
lleven a esas páginas.

FrontPage tiene un método mejor para crear, administrar y actualizar


automáticamente los hipervínculos de exploración que conectan las páginas entre sí.
Antes de aprender a hacerlo, vamos a quitar los cuatro hipervínculos que acaba de
crear.

Para utilizar el comando Deshacer múltiple


1. En la barra de herramientas estándar, haga clic en la pequeña flecha a la
derecha del botón Deshacer .

2. FrontPage muestra el historial de Deshacer, que contiene acciones realizadas


recientemente que se pueden revertir. De manera predeterminada, se
selecciona la primera de estas acciones. Si hiciera clic en ella, sólo se desharía
dicha acción. Puede situar el mouse sobre otras entradas de la lista para
incluirlas en el comando Deshacer.

3. Como deseamos quitar los cuatro hipervínculos que acaba de arrastrar y colocar
en la página principal, mueva el mouse hacia abajo en la lista para seleccionar
las cuatro veces que aparece Colocar.

En la barra de estado de la ventana de historial de Deshacer se debería leer


Deshacer 4 acciones.

4. Haga clic con el mouse en la última vez que aparece Colocar en la lista.

FrontPage deshace las cuatro últimas acciones que realizó y quita los cuatro
hipervínculos que se crearon de la página principal.

5. Para guardar la página actual, haga clic en Guardar en el menú Archivo o en


el botón Guardar de la barra de herramientas.

48
Agregar bordes compartidos y barras de exploración
En el sitio Web Championzone, dejaremos que FrontPage administre los hipervínculos
en los que los visitantes del sitio harán clic para desplazarse por las páginas.
FrontPage realiza esta tarea con la ayuda de dos excelentes funciones: los bordes
compartidos y las barras de exploración automáticas.

Los bordes compartidos son áreas de página reservadas para el contenido que
debe ser coherente en todas las páginas del sitio Web. Estos bordes pueden contener
titulares de página y barras de exploración. Los titulares de página muestran el título
de página que asignó a cada página al crearla o guardarla. Las barras de navegación
son filas o columnas de hipervínculos que llevan al resto de páginas del sitio Web
actual. FrontPage puede actualizar automáticamente bordes compartidos y barras
de navegación, de modo que la estructura del sitio Web funcione siempre
correctamente, incluso si se agregan, mueven o eliminan páginas de la estructura
del sitio.

En la Lección 1, ya llevó a cabo el primer paso necesario para la creación automática


de barras, que consiste en crear la estructura básica del sitio Web en la vista
Exploración. Como esto ya está hecho, vamos ahora a habilitar bordes compartidos
en todo el sitio Web.

Para crear bordes compartidos en todo el sitio Web


1. Haga clic en el icono Exploración de la barra Vistas para pasar a la vista
Exploración.

2. Haga clic en la flecha a la derecha de Panel de alternancia y, a


continuación, haga clic en Lista de carpetas para ocultarla en esta vista.

3. En el menú Formato, haga clic en Bordes compartidos.

FrontPage muestra el cuadro de diálogo Bordes compartidos. En este cuadro


de diálogo puede especificar en qué lugar de las páginas FrontPage debe
insertar bordes compartidos. Como la estructura del sitio Web tiene dos niveles
de páginas, la página principal y las páginas que dependen de ella, vamos a
utilizar dos tipos de bordes compartidos y dos tipos de barras de exploración.

4. En el cuadro de diálogo Bordes compartidos, compruebe que la opción Todas


las páginas está seleccionada.

5. Para incluir un borde compartido horizontal, active la casilla de verificación


Superior y active la casilla Incluir botones de exploración, justo debajo.

6. Para incluir un borde compartido vertical, active la casilla de verificación


Izquierdo y active la casilla Incluir botones de exploración, justo debajo.

49
7. No active las casillas de verificación Derecho ni Inferior y, a continuación,
haga clic en Aceptar.

FrontPage crea bordes compartidos y barras de navegación predeterminadas


para todas las páginas del sitio Web actual. Podrá ver el aspecto que tienen
cuando regrese a la vista Página.

A continuación, vamos a personalizar el aspecto de las barras de exploración


personalizadas. Como estas barras se comparten en todas las páginas del sitio Web
actual, puede cambiar sus propiedades en cualquier página y el cambio se reflejará
en todo el sitio Web.

Para probar los hipervínculos de la barra de vínculos


1. En la vista Exploración, haga doble clic en Página principal (index.htm).

2. Haga clic en la flecha a la derecha de Panel de alternancia y, a


continuación, haga clic en Lista de carpetas para ocultarla en la vista Página.

Nota FrontPage ha realizado cambios en la página principal, que ahora incluye


un borde superior y un borde izquierdo compartido. El borde superior contiene
un titular de página en el que aparece el nombre de la página actual y el borde
izquierdo contiene una lista de hipervínculos de exploración de aspecto idéntico
al de los que creó al principio de esta lección.

En la vista Página, puede probar fácilmente los hipervínculos que llevan a las
páginas y los archivos de su sitio Web.

3. Mantenga presionada la tecla CTRL y haga clic en el primer hipervínculo de


exploración, denominado Información sobre nuestra empresa, en la parte
izquierda de la página.

FrontPage abre la página a la que hace referencia el hipervínculo. En la página


Información sobre nuestra empresa, también se han insertado bordes
compartidos y barras de navegación. Sin embargo, los vínculos al resto de
páginas se muestran en el borde superior, justo debajo del titular de página.
Esto se debe a que FrontPage utiliza la estructura del sitio Web que creó en la
vista Exploración para determinar el nivel en el que está la página actual.

De manera predeterminada, el borde compartido superior lleva a páginas en el


mismo nivel que el actual, mientras que el borde izquierdo lleva a páginas por
debajo del nivel actual. En la sección siguiente, cambiaremos esta configuración
predeterminada por otra.

50
Para personalizar barras de vínculos
1. Haga clic en la ficha de página index.htm.

FrontPage vuelve a mostrar la página principal.

2. En el borde superior de la página principal, haga doble clic en el texto


Modifique las propiedades de la barra de vínculos para mostrar los
hipervínculos.

Si hace doble clic en una barra de vínculos se abrirá el cuadro de diálogo


Propiedades de barra de vínculos. En este cuadro de diálogo, puede
personalizar el aspecto de una barra de vínculos y de los hipervínculos que
crea.

En este momento, la barra de vínculos horizontal está configurada para


establecer vínculos con páginas del mismo nivel. Como la página principal
tiene su propio nivel en la estructura de exploración del sitio Web, no hay más
páginas en el mismo nivel. Por lo tanto, FrontPage no muestra barras de
vínculos en este borde compartido.

Para el sitio Web Championzone, deseamos poner una barra de vínculos


horizontal en la página principal y barras de exploración verticales en el resto
de páginas. Para hacerlo, vamos a cambiar la configuración predeterminada
de ambas barras de vínculos. Si hace estos cambios en la página actual, se
reflejarán en todo el sitio Web.

3. Haga clic en el cuadro de diálogo Propiedades de barra de vínculos,


después en Nivel secundario, desactive las casillas de verificación Página
principal y Página primaria y, a continuación, haga clic en Aceptar.

FrontPage crea una barra de exploración con hipervínculos a todas las páginas
debajo del nivel de la página principal.

51
4. Presione PRINCIPAL para anular la selección de la barra de exploración.

La página debería tener el aspecto siguiente:

Fíjese en que la barra de exploración de la izquierda todavía contiene el


mismo conjunto de hipervínculos que la barra de exploración superior. En los
siguientes pasos, vamos a quitar las redundancias y a aplicar formato a la
barra de exploración izquierda para que sólo se muestre en las páginas a las
que hace referencia la página principal.

5. En el borde izquierdo de la página principal, haga doble clic en la barra de


exploración vertical.

6. En el cuadro de diálogo Propiedades de barra de vínculos, haga clic en


Mismo nivel, active la casilla de verificación Página principal y haga clic en
Aceptar.

FrontPage cambia la barra de navegación al texto del marcador de posición


Modifique las propiedades de la barra de vínculos para mostrar los
hipervínculos. Este texto sólo se muestra en la vista Página mientras
trabaja y no aparecerá en los exploradores Web.

Al hacer que los hipervínculos de la barra de exploración estén en el mismo


nivel que la página principal, se están quitando los hipervínculos del borde
izquierdo, porque no hay páginas en el mismo nivel que la página principal.
De este modo también dejan de haber repeticiones en las barras de
exploración vertical y horizontal.

52
7. Para guardar la página principal, haga clic en Guardar en el menú Archivo o
en el botón Guardar de la barra de herramientas.

La página debería tener el aspecto siguiente:

8. En el menú Ventana, haga clic en About_Us.htm.

9. FrontPage vuelve a mostrar la página Información sobre nuestra


empresa.

Tenga en cuenta que los cambios realizados en las barras de exploración


vertical y horizontal de la página principal se reflejan automáticamente aquí y
en el resto de páginas del sitio Web.

Sugerencia De manera predeterminada, todas las páginas de la


estructura de exploración del sitio Web se incluyen en las barras de
exploración. Para seleccionar páginas que se excluirán de las barras de
exploración, en la vista Exploración, haga clic con el botón secundario en
la página y, a continuación, haga clic en Incluido en barras de
exploración, en el menú contextual.

53
Aplicar un tema
A pesar de que al agregar imágenes, listas, formas, bordes compartidos y barras de
exploración al sitio Web Championzone se consigue darle un aspecto más funcional y
organizado, puede que se plantee qué debe hacer con el aspecto algo desabrido del
texto en negro y azul sobre un fondo blanco.

Imagine el tiempo que tardaría en diseñar una combinación de colores para el texto
y los gráficos, y en crear titulares de página gráficos, botones de exploración, listas
con viñetas y texturas de fondo para todas las páginas del sitio Web. Piense en la
cantidad de gráficos personalizados que tendría que crear si administrara más de un
sitio Web y si no desear que ninguno de ellos tuviera el mismo aspecto.

FrontPage incluye más de 50 temas de diseño profesional con esquemas de color a


juego que puede aplicar a una o varias página del sitio Web. Un tema es un diseño
de elementos para viñetas, fuentes, imágenes, botones de exploración y otros
gráficos. Cuando se aplica, el tema da un aspecto atractivo y coherente a las
páginas, los titulares de página, las barras de exploración y otros elementos del
sitio Web.

Para aplicar un tema al sitio Web


1. Haga clic en la ficha Página de index.htm.

FrontPage vuelve a mostrar la página principal.

2. En el menú Formato, haga clic en Tema.

FrontPage muestra el cuadro de diálogo Temas. En este cuadro de diálogo


puede elegir entre una lista de temas que FrontPage instaló de manera
predeterminada o decidir instalar el conjunto completo de temas del CD-ROM
de FrontPage. Puede elegir el aspecto del tema, obtener una vista previa de los
elementos de los temas y modificar el tema seleccionado.

3. Haga clic en alguno de los distintos nombres de temas en el cuadro de lista con
desplazamiento.

Cuando haga clic en el nombre de un tema, podrá ver en la ventana Muestra


del tema una muestra de los elementos gráficos que contiene el tema
seleccionado. De este modo, puede obtener una vista previa de un tema antes
de aplicarlo a algunas o todas las páginas del su sitio Web.

Antes de aplicar un tema, puede seleccionar opciones de tema para modificar el


aspecto de los componentes del tema. Por ejemplo, si selecciona Colores
intensos, se aplicarán colores más brillantes al texto y los gráficos; si
selecciona Gráficos activos, se animarán algunos componentes del tema y si
selecciona Imagen de fondo se aplicará un fondo gráfico a las páginas del
sitio Web. También puede decidir aplicar un tema como hoja de estilos en
cascada.

En el sitio Web Championzone, desactivaremos la mayoría de estas opciones


predeterminadas.

54
4. Bajo Aplicar tema a, compruebe que se ha seleccionado Todas las páginas.

5. En la lista de temas instalados, haga clic en Mezclas.

6. Desactive la casilla de verificación Gráficos activos y haga clic en Aceptar


para aplicar el tema.

Como es la primera vez que aplica un tema a un sitio Web, FrontPage muestra
un mensaje para informarle de que al aplicar un tema se sobrescribirá parte del
formato manual que pueda haber dado a las páginas.

En este tutorial no hemos incluido muchas tareas de diseño a propósito, por lo


que puede simplemente leer el mensaje y aplicar el tema.

7. Haga clic en Sí para aplicar el tema.

El tema denominado Mezclas se aplica a todas las páginas del sitio Web actual.

Para guardar la página principal, haga clic en Guardar en el menú Archivo o


en el botón Guardar de la barra de herramientas.

La página debería tener el aspecto siguiente:

Como puede ver, al aplicar el tema, el aspecto de la página principal ha cambiado


radicalmente. El titular de página y los botones de exploración han dejado de ser
texto sin formato y se han convertido en gráficos.

55
Para mostrar botones gráficos de exploración en todas las
páginas
1. En el menú Ventana, haga clic en About_Us.htm.

FrontPage vuelve a mostrar la página Información sobre nuestra empresa.

Fíjese en que la página ha adoptado el tema y los elementos del tema de la


página principal, pero la barra de exploración vertical del borde izquierdo sigue
mostrando hipervínculos de texto sin formato. De manera predeterminada, las
barras de exploración verticales se muestran como texto sin formato, de modo
que siguen teniendo este aspecto aun después de aplicar un tema. Puede
cambiar fácilmente la configuración de las barras de exploración incluso
después de aplicar un tema.

2. En el borde izquierdo de la página Información sobre nuestra empresa,


haga doble clic en la barra de exploración vertical.

3. En la ficha Estilo, bajo Elija un estilo, haga clic en Utilizar tema de la


página y, a continuación, haga clic en Aceptar.

Si no ve Utilizar tema de la página, utilice las barras de desplazamiento para


ir al principio de la lista de estilos.

4. Haga clic en cualquier parte de la página para anular la selección de la barra de


exploración.

FrontPage cambia el formato de exploración y utiliza los botones gráficos


incluidos con el tema. El sitio Web tiene ahora un aspecto atractivo y
profesional.

56
5. Para guardar la página, haga clic en Guardar en el menú Archivo o en el
botón Guardar de la barra de herramientas.

Sugerencia Algunos temas contienen animaciones. Cuando aplique un


tema, puede seleccionar Gráficos activos para habilitar las animaciones
del titular de página y los efectos de conversión de la barra de
exploración, en caso de que el tema contenga dichos elementos. La
muestra de tema no permite ver cómo son esos efectos. Para ver los
efectos de gráfico activos de un tema, aplique el tema y visualice la
página en la ficha Vista previa o haga clic en el comando Vista previa
en el explorador del menú Archivo.

57
Modificar un tema
A pesar de que el título de página de este tema es bonito, puede que incluir algo
directamente relacionado con el contenido del sitio Web Championzone que quede
todavía mejor. Hemos preparado un titular de página personalizado con el que podrá
modificar el tema actual.

Para modificar un tema


1. Haga clic en la ficha Página de index.htm.

FrontPage vuelve a mostrar la página principal.

2. En el menú Formato, haga clic en Tema.

FrontPage muestra el cuadro de diálogo Temas. En la lista de temas, el tema


Mezclas es el tema predeterminado, porque es el que se ha aplicado al sitio
Web actual.

3. En el cuadro de diálogo Temas, asegúrese de que se ha seleccionado Todas


las páginas.

4. A continuación, haga clic en Modificar.

5. Bajo la pregunta ¿Qué desea modificar? haga clic en Gráficos.

FrontPage muestra el cuadro de diálogo Modificar el tema. En este cuadro de


diálogo, puede poner gráficos personalizados para diversos elementos de tema
como los titulares de página, los botones de exploración, las imágenes de fondo
y otros elementos. FrontPage superpone el texto encima de estos gráficos, de
modo que no tiene que cambiarlos cuando modifique el nombre de las páginas
o agregue o quite páginas.

En este ejemplo, modificaremos el titular gráfico de página sobre el que


FrontPage pone los títulos de las páginas del sitio Web Championzone.

6. En la lista Elemento, haga clic en Titular.

7. En la ficha Imagen, haga clic en el botón Examinar bajo el nombre de archivo


del gráfico de titular actual.

FrontPage muestra el cuadro de diálogo Abrir archivo y muestra las imágenes


del sitio Web actual. Como el titular gráfico que deseamos utilizar aún no forma
parte del sitio Web, tendrá que buscarlo en el sistema de archivos.

8. Busque la carpeta denominada FPTutor2002.

9. Haga doble clic en el archivo czbanner.

FrontPage sustituye el gráfico de titular de página actual por el gráfico


personalizado.

58
10. En el cuadro de diálogo Modificar el tema, haga clic en Aceptar y, a
continuación, en el cuadro de diálogo Temas, haga clic en Aceptar.

FrontPage muestra un mensaje en el que se pregunta si desea guardar los


cambios realizados en el tema actual.

11. Haga clic en Sí.

FrontPage muestra el cuadro de diálogo Guardar tema con el mensaje Este


tema es de sólo lectura. Escriba un nuevo título de tema para
guardarlo:.

12. Escriba Championzone como título del tema modificado y haga clic en
Aceptar.

13. Haga clic en Sí para aplicar el tema.

FrontPage guarda el tema modificado y aplica el nuevo titular a todas las


páginas.

14. Para guardar la página, haga clic en Guardar en el menú Archivo o en el


botón Guardar de la barra de herramientas.

La página debería tener el aspecto siguiente:

59
Sugerencia En este tutorial, sólo hemos proporcionado un titular de
página personalizado para mostrarle lo fácil que es personalizar los temas
existentes. Si desea crear sus propios diseños, repita los pasos del
procedimiento anterior y podrá personalizar otros elementos de tema con
sus propios gráficos personalizados.

El sitio Web Championzone está casi acabado. Para asegurarse de que todo tiene un
aspecto excelente en Internet, vamos a obtener una vista previa del sitio en el
explorador Web.

60
Obtener una vista previa del sitio Web Championzone
A pesar de que en la vista Página se ve el aspecto de las páginas Web del modo
más parecido a cómo aparecerán en un explorador Web, dicha vista muestra algunos
elementos de página y marcadores de posición de modo distinto para ayudarle
mientras diseña la página. Si obtiene una vista previa de una página o del sitio Web
completo en un explorador Web antes de publicar el sitio, podrá asegurarse de que
todo aparece tal y como desea.

Para obtener una vista previa del sitio Web actual en un


explorador Web
1. En el menú Archivo, haga clic en Vista previa en el explorador.

FrontPage muestra el cuadro de diálogo Vista previa en el explorador. En


este cuadro de diálogo, puede seleccionar uno de los exploradores instalados en
su equipo, agregar los exploradores Web que instaló después de la instalación
de FrontPage y seleccionar el tamaño de la ventana del explorador en el que
desea obtener la vista previa del sitio Web.

La función Vista previa en el explorador carga la página actual en el


explorador Web para que pueda ver exactamente cómo aparecerá la página en
el explorador de su elección antes de publicar el sitio Web. Debe tener al menos
un explorador Web instalado en el sistema para que esta característica
funcione.

2. En el cuadro de diálogo Vista previa del explorador, haga clic en Microsoft


Internet Explorer y, a continuación, en Vista previa.

FrontPage abre el explorador Web y muestra la página principal.

La pantalla debería tener el aspecto siguiente:

61
Fíjese en que el texto de los marcadores de posición y las marcas de formato
no se ven (por ejemplo, la barra de exploración vertical de la parte izquierda de
la página principal no aparece).

3. Haga clic en los botones de la barra de exploración para obtener una vista
previa algunas páginas.

Fíjese en la barra de exploración vertical de las páginas debajo de la página


principal. En la página Productos, desplácese hacia abajo, hasta el formulario
de comentarios que agregó a la página. Puede escribir texto en los campos,
pero el formulario no funcionará realmente hasta que publique el sitio Web
Championzone en un servidor Web.

En la página Galería de fotografías, haga clic en las miniaturas para probar


los hipervínculos que muestran las fotografías a tamaño completo. Utilice el
botón Atrás del explorador Web para regresar a la página Galería de
fotografías. Finalmente, en la página Vínculos, podrá ver la animación
dinámica del título de párrafo “Vínculos a sitios relacionados”.

4. Cierre el explorador Web cuando haya terminado con la vista previa de el sitio
Web Championzone.

62
Organizar los archivos del sitio Web
Como su sitio Web contiene varias páginas y varios archivos, puede utilizar la vista
Carpetas para organizarlos. La vista Carpetas permite administrar los archivos y
las carpetas del sitio Web de modo similar a Windows Explorer. Puede reorganizar las
páginas y los archivos del sitio Web con seguridad sin romper hipervínculos, títulos
de titulares de página o etiquetas de botones de exploración.

En la vista Carpetas, FrontPage muestra una lista jerárquica de las carpetas del sitio
Web en la parte izquierda de la pantalla. Cuando se hace clic en una carpeta de
Lista de carpetas, su contenido se muestra a la derecha, en el panel Contenido.

En los siguientes pasos, vamos a mover los archivos de imagen del sitio Web
Championzone a la carpeta Imágenes que FrontPage creó como parte del sitio Web.

Si utilizara Windows Explorer o cualquier otra herramienta de administración de


archivos para mover las páginas y los archivos de una carpeta a otra, rompería los
hipervínculos entre las páginas y sus elementos. Sin embargo, al organizar su sitio
Web en la vista Carpetas, FrontPage actualiza las páginas y los hipervínculos del
sitio Web para realizar un seguimiento de las nuevas ubicaciones de las carpetas y
los archivos movidos.

Para mover archivos de imágenes a la carpeta Imágenes

1. En la barra Vistas, haga clic en el icono Carpetas .

FrontPage pasa a la vista Carpetas.

2. En el panel Lista de carpetas, haga clic en la carpeta del nivel superior


denominada <unidad>:\Mis documentos\Mis Webs\Championzone.

De este modo se garantiza que el panel de contenido muestra todas las


carpetas y todos los archivos que tiene el sitio Web raíz.

63
3. En el panel Contenido, haga clic en el rótulo de columna Tipo.

Al hacer clic en un rótulo de columna, los archivos del panel Contenido se


ordenan según ese criterio. La primera vez que haga clic en el rótulo de
columna, la lista se ordenará en sentido ascendente; cuando haga clic por
segunda vez, la lista se ordenará en sentido descendente.

La lista de archivos está agrupada por tipo de archivo y muestra los archivos de
imágenes GIF en la parte superior, seguidos por los archivos (páginas) HTML en
el medio y las imágenes JPG en la parte inferior.

4. En el panel Contenido, haga clic en el primer archivo de imagen (czbanner),


en la parte superior de la lista, para seleccionarlo.

5. A continuación, mientras mantiene presionada la tecla MAYÚS, haga clic en el


último archivo de imágenes GIF de la lista (frontpage.gif).

En la vista Carpetas, FrontPage admite todos los accesos directos estándar de


Windows, como presionar MAYÚS y hacer clic para seleccionar archivos
contiguos, y presionar CTRL y hacer clic para seleccionar archivos no contiguos.

6. Haga clic y mantenga presionado el botón derecho del mouse mientras el


puntero está situado encima de cualquier de los iconos de archivo GIF
seleccionados.

7. A continuación, arrastre el puntero del mouse hasta la carpeta Imágenes del


panel Lista de carpetas.

8. Cuando la carpeta Imágenes esté seleccionada, suelte el botón del mouse y


haga clic en Mover aquí, en el menú contextual.

FrontPage muestra el cuadro de diálogo Cambiar nombre mientras mueve los


archivos de imagen GIF seleccionados a la carpeta Imágenes, porque está
actualizando automáticamente los hipervínculos a esos archivos en el sitio Web
actual.

9. Repita los pasos 4 a 8 con todos los archivos de imagen JPG, empezando por
FPTutor003.jpg y terminando por FPTutor006.jpg.

10. En el panel Contenido, haga clic en el rótulo de columna Nombre para volver a
organizar la lista de carpetas y archivos restantes por el nombre.

Ha agrupado satisfactoriamente los archivos de imagen de la carpeta Imágenes.

Cuando trabaje con sus propios sitios Web, puede agrupar archivos de sonido,
clips de película y otros tipos de archivos en sus propias carpetas. Puede crear las
carpetas que necesite en la vista Carpetas y eliminar las que ya no sean precisas.

64
Para crear una nueva carpeta
1. En la Lista de carpetas, haga clic en el archivo en el que desea crear una
nueva subcarpeta.

Las carpetas se pueden contraer y expandir en Lista de carpetas de modo que


se vean las subcarpetas. Haga clic en los signos mas (+) y menos (-) junto al
nombre de las carpetas para mostrar u ocultar las subcarpetas que contienen.

2. En el menú Archivo, elija Nuevo y, a continuación, haga clic en Carpeta.

FrontPage crea una nueva carpeta con un nombre temporal.

3. Cuando esté seleccionado el nombre temporal de la carpeta (Nueva carpeta)


escriba un nombre nuevo y presione ENTRAR.

Se cambiará el nombre de la nueva carpeta y podrá arrastrar y colocar archivos


en ella.

En este tutorial, no necesitamos la carpeta adicional que acaba de crear, de


modo que tendrá que borrarla antes de publicar el sitio Web.

4. En Lista de carpetas, haga clic con el botón secundario en la carpeta que


acaba de crear.

5. En el menú contextual, haga clic en Eliminar.

6. En el cuadro de diálogo Confirmar eliminación, haga clic en Sí.

FrontPage quita la carpeta del sitio Web.

65
Generar un resumen del sitio
La vista Informes es una herramienta importante que muestra el estado y el buen
funcionamiento general del sitio Web antes de su publicación en Internet. Puede
generar informes personalizados de su sitio Web de hasta 14 categorías.

Para generar un informe de resumen del sitio

• En la barra Vistas, haga clic en el icono Informes .

FrontPage pasa a la vista Informes. El informe predeterminado es Resumen del


sitio. Este informe muestra las estadísticas generales de las páginas y los
archivos del sitio Web Championzone. A continuación indicamos algunas
estadísticas importantes que debería mirar antes de publicar el sitio Web:

• Todos los archivos: En este momento tiene 23 archivos en el sitio Web, que
ocupan aproximadamente 435 KB. Debe tener disponible esta cantidad de
espacio en el servidor Web que vaya a alojar su sitio Web.
• Páginas lentas: Esta categoría muestra las páginas cuya descarga es lenta
en la velocidad de descarga de destino.
• Hipervínculos rotos: Si se indica que hay hipervínculos rotos, haga doble
clic en la fila Hipervínculos rotos para ver detalles acerca de esta categoría.
FrontPage muestra una lista de los hipervínculos no comprobados, como los
hipervínculos externos de la página Vínculos y los vínculos rotos o que no
funcionan.
• Hipervínculos que funcionan: Puede comprobar que un hipervínculo sigue
llevando a un sitio Web activo haciendo clic con el botón secundario en el
vínculo en la vista Informes y eligiendo Comprobar en el menú contextual.
Para arreglar un hipervínculo roto, debe abrir la página que lo contiene y
corregir la dirección URL a la que hace referencia el hipervínculo.

66
Revisar la ortografía
Revisar la ortografía es importante si desea que el contenido de su sitio Web
produzca una impresión de profesionalidad en los visitantes. Si hay palabras escritas
incorrectamente en una página, las personas pueden poner en duda la exactitud del
contenido de todo el sitio Web. Con las funciones de revisión de ortografía de
FrontPage, muy flexibles, podrá revisar la ortografía en cada página mientras la crea
y modificar el contenido, o bien pasar el corrector ortográfico de una vez, justo antes
de publicar el sitio Web en Internet.

FrontPage puede revisar la ortografía de tres modos distintos:

• Revisión automática de la ortografía mientras escribe


• Revisión manual de la ortografía de la página actual
• Revisión de la ortografía de todas las páginas del sitio Web

Revisión automática de la ortografía En la vista Página, FrontPage comprueba


automáticamente la ortografía del texto que escribe en la página actual, tal como
hacen Microsoft Word, Microsoft PowerPoint y otros programas Microsoft Office XP. El
hecho de que una palabra esté subrayada no significa necesariamente que la palabra
sea incorrecta. FrontPage puede estar simplemente pidiéndole que confirme la
exactitud de palabras desconocidas o que presentan dudas, lo que suele suceder con
nombres de personas o lugares.

Si sabe que la palabra que presenta dudas está escrita correctamente, puede omitir
dicha palabra y dejarla como está, o agregarla a un diccionario personalizado que
FrontPage conservará para las revisiones posteriores de ortografía. Si la palabra es
incorrecta, puede insertar rápidamente la grafía correcta haciendo clic con el botón
secundario en dicha palabra y seleccionando una de las correcciones sugeridas.

Revisión manual de la ortografía Para tener acceso a revisiones de página en la


vista Página, haga clic con el botón secundario en las palabras que presentan dudas
o bien haga clic en el comando Ortografía del menú Herramientas.

Revisión de la ortografía en todo el sitio Web Mientras que la revisión


automática de la ortografía en segundo plano y la revisión por página se pueden
utilizar en la vista Página, con el comando Ortografía de cualquier otra vista del
sitio Web podrá revisar la ortografía de todas las páginas (o de las que seleccione)
del sitio Web actual. La revisión de la ortografía en todo el sitio Web está disponible
en todas las vistas.

Puede comprobar la ortografía de elementos de página que se pueden modificar


directamente en la página. Otros tipos de texto, como los títulos de página en los
titulares de página o el texto de los componentes basados en FrontPage, no se
incluyen en la revisión de la ortografía.

67
Para revisar la ortografía del sitio Web actual
1. En el menú Herramientas, haga clic en Ortografía.

FrontPage muestra el cuadro de diálogo Ortografía. En este cuadro de diálogo


puede especificar que FrontPage debería comprobar la ortografía de las páginas
seleccionadas o del sitio Web completo.

2. En el cuadro de diálogo Ortografía, haga clic en Todo el Web y active la


casilla de verificación Agregar una tarea para cada página con errores
ortográficos.

FrontPage agregará una tarea a la lista Tareas de las páginas en las que
aparezca la palabra incorrecta. En la siguiente sección hablaremos más
detalladamente acerca de la vista Tareas.

3. En el cuadro de diálogo Ortografía, haga clic en Iniciar.

FrontPage expande el cuadro de diálogo Ortografía para mostrar el progreso


de la revisión ortográfica.

Cuando la operación finaliza, FrontPage muestra las palabras incorrectas y el


número de tareas que se han agregado a la lista Tareas de la vista Tareas.

4. Haga clic en Cancelar para cerrar el cuadro de diálogo Ortografía.

La revisión de la ortografía se ha completado, pero no se insertarán las


correcciones hasta que no complete las tareas de la lista Tareas.

68
Reemplazar texto en las páginas
El comando Reemplazar permite buscar y reemplazar fácilmente contenido en las
páginas seleccionadas o en todas las páginas del sitio Web actual. Aunque puede
utilizar este comando en la vista Página para reemplazar texto en la página actual,
si lo utiliza en cualquier otra vista del sitio Web podrá reemplazar el texto en todas
las páginas (o las que seleccione) del sitio actual.

Es posible reemplazar cualquier tipo de texto que se pueda modificar directamente


en la página. Otros tipos de texto, como los títulos de página en los titulares de
página o el texto de los componentes basados en FrontPage, no se pueden
reemplazar directamente.

Para reemplazar texto en todas las páginas del sitio Web actual
1. En el menú Edición, haga clic en Reemplazar.

FrontPage muestra el cuadro de diálogo Reemplazar. En este cuadro de


diálogo puede escribir la cadena de texto que se va a buscar y las letras por las
que se va a reemplazar. Puede reemplazar el texto en todas las páginas del
sitio Web actual o sólo en las páginas que seleccione.

2. Haga clic en Todas las páginas.

3. En el cuadro de diálogo Reemplazar, escriba Bienvenido a Championzone


en el cuadro Buscar.

4. En el cuadro Reemplazar con, escriba Gracias por visitar Championzone.

5. Active la casilla de verificación Coincidir mayúsculas y minúsculas y haga


clic en Buscar en el Web.

FrontPage expande el cuadro de diálogo Reemplazar para mostrar el progreso


de la búsqueda. El texto de la búsqueda que desea sustituir está en la página
principal, Index.htm. Cuando la operación ha finalizado, FrontPage muestra el
número de veces que lo ha encontrado.

6. Haga clic en Reemplazar en el cuadro de diálogo Buscar y reemplazar.

7. FrontPage abre la página principal y muestra la frase Bienvenidos a


Championzone resaltada.

8. Haga clic en Reemplazar.

9. Cuando aparezca el cuadro Comprobación de páginas finalizada, haga clic en


Volver a la lista y, a continuación, haga clic en Cancelar.

69
Completar tareas de sitio Web
La vista Tareas muestra la lista de las tareas pendientes asociadas con el sitio Web
actual. Las tareas son elementos que requieren su atención antes de la publicación
del sitio Web.

En los ejercicios anteriores, agregó tareas a una lista al postergar determinadas


acciones. Por ejemplo, al revisar la ortografía de las páginas del sitio Web, eligió
agregar una tarea nueva para cada página que tuviera errores de ortografía. Al
agregar tareas a la lista, puede completar todas las correcciones a la vez.

Si trabaja en un entorno de desarrollo Web o en una intranet, la vista Tareas


permite realizar un seguimiento de las tareas del sitio Web fácilmente y asignarlas a
otros autores que trabajen en el mismo sitio.

Para completar tareas en la vista Tareas

1. En la barra Vistas, haga clic en el icono Tareas .

FrontPage muestra la lista Tareas.

2. Haga doble clic en la primera tarea de la lista, denominada Corregir palabras


incorrectas.

FrontPage muestra el cuadro de diálogo Detalles de la tarea. En este cuadro


de diálogo, puede ver detalles acerca de la tarea que ha seleccionado. Puede
definir la prioridad de la tarea, asignarla a otro autor de su red o completarla y
quitarla de la lista.

3. En el cuadro de diálogo Detalles de la tarea, haga clic en Iniciar tarea.

FrontPage cambia a la vista Página y abre la página que contiene las palabras
escritas incorrectamente.

4. En el cuadro de diálogo Ortografía, haga clic en Agregar cuando FrontPage se


detenga en el nombre Championzone.

De este modo se agregará la palabra Championzone al diccionario.

Nota FrontPage comparte los diccionarios especializados con otros programas


Microsoft Office XP, por lo que no es preciso agregar palabras personalizadas en
cada programa por separado. Cuando agregue palabras verificadas a su
diccionario, el corrector no se volverá a detener en ellas.

70
5. Haga clic en Aceptar.

6. FrontPage completa la revisión de la ortografía. Si lo desea, puede regresar a la


vista Tareas y marcar esta tarea como finalizada.

A pesar de que no se requiere que complete todas las tareas antes de publicar
el sitio Web, es aconsejable repasar la lista de tareas cuando termine de hacer
cambios en el sitio Web. La vista Tareas ayuda a administrar sitios Web
mostrándole recordatorios importantes.

71
Publicar el sitio Web Championzone
Cuando publique su sitio Web en Internet, o en la intranet de su organización,
FrontPage comprobará automáticamente los hipervínculos, las direcciones de las
páginas y las rutas a los archivos.

Nota Si no desea publicar el sitio Web Championzone en su servidor Web, lea este
procedimiento para obtener más información, aunque sin seguir el procedimiento
que se describe.

Para publicar el sitio Web actual


1. Cierre las páginas abiertas en la vista Página.

2. En el menú Archivo, haga clic en Publicar Web o haga clic en el botón


Publicar Web de la barra de herramientas.

FrontPage muestra el cuadro de diálogo Publicar Web. En este cuadro de


diálogo, especifique la ubicación de Internet o la intranet corporativa en la que
desea publicar el sitio Web. Su proveedor de servicios de Internet puede
facilitarle esta información.

Debe tener acceso a Internet a través de un proveedor de servicios de Internet


para poder publicar su sitio Web en el World Wide Web. Si desea contratar un
proveedor de presencia en Web que pueda incluir sitios Web habilitados para
FrontPage, haga clic en el vínculo Haga clic aquí para obtener más
información del cuadro de diálogo Destino de publicación.

72
3. En el cuadro de diálogo Publicar Web, escriba la dirección URL del servidor
Web de destino, (por ejemplo http://example.microsoft.com/~myweb) y, a
continuación, haga clic en Publicar.

FrontPage publica el sitio Web actual de su equipo al servidor de World Wide


Web o al servidor Web de intranet que ha especificado.

Sugerencia Después de publicar un sitio Web por primera vez, puede


omitir el cuadro de diálogo Publicar Web utilizando el botón Publicar
Web de la barra de herramientas. De esta forma se publica y se actualiza
lo que ha hecho con sus páginas sin tener que proporcionar información
acerca de la ubicación del sitio Web. Para volver a mostrar el cuadro de
diálogo Publicar Web, utilice el comando Publicar Web del menú
Archivo en lugar del botón de la barra de herramientas.

Si FrontPage detecta que va a publicar en un servidor Web no compatible con


Extensiones de servidor de FrontPage, publicará el sitio Web actual mediante
protocolo de transferencia de archivos (FTP).

Si el servidor Web en el que va a publicar el sitio Web tiene instalado Extensiones de


servidor de FrontPage, el sitio Web tendrá la funcionalidad completa de los
componentes y secuencias de comandos Web basados en FrontPage que pueda
haber insertado en las páginas.

Si publica sitios Web en un servidor que no tenga Extensiones de servidor de


FrontPage instalado, puede que se pierda parte de la funcionalidad de las páginas
Web, como el formulario de comentarios que agregó. FrontPage mostrará mensajes
con información durante el proceso de publicación para avisarle de esta situación.

Durante el proceso de publicación, FrontPage muestra una barra de progreso para


indicar el tiempo necesario para transferir el sitio Web al servidor Web de destino.

La velocidad a la que FrontPage publica su sitio Web depende de la velocidad de


conexión que tenga y del número y la complejidad de las páginas y los archivos del
sitio Web.

Sugerencia Cuando publique un sitio Web, todas las páginas y los archivos
se publicarán de manera predeterminada. Para evitar publicar determinadas
páginas o archivos, haga clic con el botón secundario en la página o en el
archivo en la vista Web y haga clic en No publicar.

Cuando FrontPage haya publicado satisfactoriamente su sitio Web, proporcionará un


hipervínculo al nuevo sitio Web en el cuadro de diálogo de confirmación. Haga clic en
el vínculo para abrir el sitio Web publicado en su explorador Web.

Fin de la Lección 2
Enhorabuena, ha terminado el Tutorial de FrontPage satisfactoriamente. Está listo
para crear y publicar su propio sitio Web basado en FrontPage.

73


La información que contiene este documento representa la opinión de Microsoft Corporation acerca de los temas tratados, en la fecha de
publicación. Debido a la naturaleza de los esfuerzos de desarrollo continuo y como Microsoft debe responder a las condiciones cambiantes
del mercado, no debe interpretarse como un compromiso por parte de Microsoft, y Microsoft no puede garantizar la exactitud de ninguna
información presentada después de la fecha de publicación.
Este documento sólo tiene fines informativos. MICROSOFT NO CONCEDE NINGUNA GARANTÍA, EXPRESA O IMPLÍCITA, EN ESTE
DOCUMENTO
2001 Microsoft Corporation. Reservados todos los derechos.
Microsoft, FrontPage, el logotipo de Office XP, MSN, PowerPoint, Windows y Windows NT son marcas registradas o marcas comerciales
de Microsoft Corporation en los Estados Unidos y/o en otros países.
Los nombres de las organizaciones y los productos mencionados en este documento pueden ser marcas comerciales de sus respectivos
propietarios.

74