|

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
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
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.

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 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.
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.
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.
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.
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.
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.
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.
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. |
|
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 Formato |
Se muestran de
modo predeterminado. 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.
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.
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.
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.
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.
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.
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 alineación de
los elementos seleccionados y aplicar sangrías y espaciados
personalizados al texto y los gráficos.
3.
En la lista Alineació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.
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.
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.
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.
·
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.
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.
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.
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.
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.
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.
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:

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 alinear 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 alinea 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.
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.
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.
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.
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.
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.
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.
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:

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.
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.
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.
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.
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:

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.
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.
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.
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.
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.
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.
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.
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:

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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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:

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.
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:

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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.

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.
|