Professional Documents
Culture Documents
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
2
Introducción
Tanto si está en el trabajo o en casa, un sitio Web es una de las formas más fáciles
de distribuir información. En una gran organización, por ejemplo, cada departamento
podría tener su propio sitio Web en la intranet para que el resto de la compañía
estuviera al corriente de lo que sucede. Con Microsoft® FrontPage® 2002, cualquier
persona puede crear páginas y sitios Web atractivos y de aspecto profesional.
La imagen a continuación muestra el sitio Web que va a crear utilizando este tutorial.
Antes de comenzar
Generalidades
• Para realizar las tareas de este tutorial es necesario que su equipo cumpla los
requisitos mínimos del sistema para FrontPage 2002. Para obtener más
información, visite el sitio Web de FrontPage en
http://www.microsoft.com/frontpage (el contenido de esta página está en
inglés).
• Las páginas que cree se parecerán más a los ejemplos de las pantallas de
este tutorial si utiliza un monitor estándar con una configuración mínima de
3
pantalla de 800x600. Si utiliza una resolución distinta, puede que las páginas
que cree sean un poco diferentes de los ejemplos mostrados en el tutorial.
Si tiene software de servidor Web instalado
El sitio Web que creará durante el tutorial de FrontPage se guardará en una carpeta
del disco duro local. Si utiliza software de servidor Web, como Servicios de Internet
Information Server (IIS) de Microsoft, puede aceptar el destino predeterminado para
el sitio Web del tutorial o guardarlo directamente en su servidor Web.
4
Lo que va a aprender
Este tutorial se divide en dos lecciones:
5
Aprender más acerca de FrontPage
Utilizar el Asistente para Ayuda
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.
2. Presione ENTRAR.
6
6. Haga clic en la ficha Contenido.
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.
10. Desplácese por la lista hasta encontrar el término acerca del cual desea más
información.
7
Lección 1 Crear páginas Web
En esta lección, creará un sitio Web que contiene información acerca de un
establecimiento ficticio de artículos de deporte denominado Championzone. El sitio
tendrá información comercial, una galería de fotografías en línea y una lista de
vínculos a otros sitios.
Hemos preparado una carpeta con varios archivos para que pueda practicar mientras
crea este sitio Web. La carpeta está ubicada en <unidad>:\FPTutor2002, donde
<unidad> representa el disco duro en el que ha instalado el tutorial. Después de
completar las lecciones, debería haberse hecho una buena idea acerca de FrontPage
y sus funciones.
Información general
Aprenderá a:
• Abrir FrontPage.
• Crear páginas Web.
• Trabajar con texto e hipervínculos.
• Insertar imágenes y archivos.
• Aplicar formato a listas.
• Colocar objetos.
• Agregar un formulario de comentarios.
• Diseñar una galería de fotografías.
• Crear una estructura de sitio Web.
• Guardar el trabajo realizado.
8
Abrir FrontPage
Para ejecutar FrontPage, siga este procedimiento:
• En la barra de tareas de Windows, haga clic en el botón Inicio , elija
Programas y después haga clic en Microsoft FrontPage.
Notas
o Si ya se ha utilizado FrontPage para modificar otro sitio Web, el
programa abrirá automáticamente el último sitio Web.
9
Información general del área de trabajo
FrontPage 2002 tiene una interfaz integrada que ayuda a crear y modificar páginas
Web, y a administrar sitios Web a partir de una única aplicación. El funcionamiento
de las barras de herramientas y los menús es como en el resto de programas de
Microsoft Office XP, de modo que podrá personalizarlos totalmente. Asimismo, puede
utilizar métodos abreviados de teclado para acelerar tareas comunes como abrir
páginas y sitios Web, imprimir y muchos comandos más.
Elemento Descripción
Ficha de página Permite seleccionar fácilmente la página
que desea cuando hay varias páginas
abiertas.
Barra de título Muestra el nombre de la página actual y
su ubicación en el sitio Web.
Barra de menús Contiene menús como Archivo, Edición,
Ver e Insertar, y es el punto de partida
para realizar muchas de las tareas de
FrontPage.
10
Elemento Descripción
Cuadro Formular una pregunta Para encontrar más información acerca
de un procedimiento de FrontPage,
escriba una pregunta en el cuadro
Formular una pregunta, con el que
podrá tener acceso al sistema de Ayuda
en pantalla.
Cerrar página Este botón cierra la página que se está
mostrando.
Barras de desplazamiento Permiten mover la página para mostrar
una parte distinta.
Barra de estado Indica el estado de la tarea actual. Por
ejemplo, puede que la Barra de estado
muestre “Recuperando Index.htm” al
abrir la página principal o que muestre el
destino de un hipervínculo al situar el
cursor del mouse (ratón) sobre un
vínculo en el panel Normal.
Paneles de vista de página Representan los distintos paneles del
área de trabajo. Por ejemplo, el panel
Normal es donde realizará gran parte de
las tareas de este tutorial. Hay otros
paneles, como el panel HTML y el panel
Vista previa.
Indicador de progreso Muestra el estado de la acción actual.
Tiempo de descarga estimado Permite hacerse una idea del tiempo que
tardará el usuario en ver su página Web
en un explorador.
Panel de tareas Panel de los programas Office XP que
proporciona comandos de uso frecuente.
Por su ubicación y su reducido tamaño,
podrá utilizar estos comandos mientras
continúa trabajando en los archivos.
Barras de herramientas Estándar y Se muestran de modo predeterminado.
Formato Dan acceso rápido a los comandos que se
utilizan con más frecuencia mientras se
trabaja con FrontPage.
Barra Vistas El contenido de la ventana principal del
programa depende de la vista
seleccionada. Con los iconos de la barra
Vistas podrá ver la información de la
página o del sitio Web de distintas
formas.
11
Primeros pasos
En este tutorial, vamos a crear un sitio Web de cuatro páginas, en las que informará
a los visitantes del sitio acerca de un establecimiento ficticio de artículos deportivos.
La tarea de elaborar un sitio Web es más sencilla de lo que parece. Puede agregar la
información y otras páginas a su sitio Web gradualmente. A diferencia de las cartas,
los memorandos y los documentos de programas de procesamiento de texto
impresos, los sitios Web se pueden cambiar o actualizar incluso después su
publicación. Puede agregar, eliminar y modificar texto, imágenes y páginas
completas en cualquier momento.
3. Presione ENTRAR.
Gran parte del contenido del sitio Championzone ya ha sido creado. Cuando
esté listo para crear su propio sitio Web, con FrontPage podrá importar
directamente cualquiera de los documentos que tenga a las páginas Web sin
necesidad de volver a escribir.
12
La página debería tener el aspecto siguiente:
A continuación, vamos a agregar una imagen a la página Web. Las imágenes pueden
ser fotografías digitalizadas, dibujos o gráficos creados mediante un programa de
dibujo o de edición de imágenes.
Verá que en la carpeta FPTutor2002 hay varios archivos. Cuando inserte una
imagen, FrontPage buscará archivos de imagen de manera predeterminada.
13
4. Haga clic en el archivo denominado frontpage y, a continuación, en
Insertar.
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.
En los siguientes pasos, vamos a crear un hipervínculo a partir del gráfico que acaba
de insertar en la página principal.
14
Para crear un hipervínculo a partir de una imagen
1. En la página principal, haga clic en la imagen del botón FrontPage 2002 que
insertó.
Notas
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.
15
Insertar una imagen en la página principal
1. Presione CTRL+INICIO para saltar rápidamente al principio de la página actual.
Para terminar la página principal, tendrá que centrar el texto y las imágenes.
16
2. En el menú Formato, haga clic en Párrafo.
17
Opciones de la vista Página
Mientras ha creado la página principal, ha trabajado únicamente con la vista Página
normal, pero puede elegir entre tres modos distintos de ver la página actual.
• Para ocultar estas etiquetas, vuelva a hacer clic en Mostrar etiquetas del
menú Ver.
18
Para obtener una vista previa de la página actual
• Haga clic en el botón Vista previa, en la parte inferior de la página.
19
Crear un sitio Web con FrontPage
Un sitio Web está formado por una página principal y otras páginas, gráficos,
documentos, multimedia y archivos asociados. Los sitios Web se almacenan en un
servidor Web o en la unidad de disco duro de un equipo. Los sitios Web basados en
FrontPage también contienen archivos que admiten funciones específicas de
FrontPage y permiten abrir, copiar, modificar, publicar y administrar sitios Web.
3. Bajo Nuevo a partir de una plantilla, haga clic en Plantillas de sitio Web.
Notas
• <unidad> representa el disco duro local, que suele ser C:\ o D:\.
20
• Como estará trabajando con varios archivos en el sitio Web, FrontPage
también muestra Lista de carpetas, en la que puede ver los archivos y las
carpetas del sitio Web actual, de modo parecido a los archivos y las carpetas
de Microsoft Windows Explorer. Más adelante, en la Lección 2, hablaremos
sobre cómo utilizar Lista de carpetas.
Cuando hay un sitio Web abierto, los iconos de la barra Vistas permiten mirar
la información del sitio Web de distintos modos.
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.
21
Para crear una estructura de exploración
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.
22
6. Cuando se presiona ENTRAR después de modificar un título de página, éste se
guarda y no se selecciona otra página. Para anular la selección de todas las
páginas, haga clic fuera de las páginas en la vista Exploración.
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).
23
4. Haga clic en el archivo denominado página principal y, a continuación, en
Abrir.
Estos nombres se reservan para las páginas principales para que los
exploradores Web los busquen automáticamente cuando el visitante del sitio
Web escriba la dirección URL del sitio sin hacer referencia a una página
específica.
24
Crear contenido para el sitio Web
Una vez que la página principal ya forma parte del sitio Web actual, vamos a crear el
contenido del resto de páginas del sitio Web Championzone.
Notas
25
FrontPage importa el archivo de texto y lo coloca en el punto de inserción en
la página Información sobre nuestra empresa.
8. En la barra de herramientas Estándar, haga clic en Guardar para
guardar los cambios de la página Información sobre nuestra empresa.
26
Diseñar una página
La página Información sobre nuestra empresa adoptará el formato de un tema
gráfico que aplicaremos más adelante, en la Lección 2, al sitio Web Championzone.
Sin embargo, para la página Productos es preciso trabajar un poco más el diseño.
Para que el lector pueda diferenciar con facilidad los títulos de párrafo, las listas de
productos y los detalles de eventos de los que habla el texto, tendrá que agregar
algunas imágenes, dar formato a los estilos de párrafo y crear una lista con viñetas.
La lista empieza por “Bolsa del equipo” y termina por “Red de portería”.
27
En FrontPage, también se pueden crear listas numeradas. Cuando agregue
elementos nuevos a una lista numerada, automáticamente FrontPage les asignará
números secuencialmente. Si desea agregar elementos a listas numeradas y con
viñetas, presione ENTRAR después de un elemento de la lista. Para acabar una lista,
presione ENTRAR dos veces después de escribir el último elemento.
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.
28
8. En el cuadro de diálogo Guardar archivos incrustados, haga clic en Aceptar.
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.
29
4. En el cuadro de diálogo Agregar archivo a la lista de importación, busque
el archivo denominado FPTutor2002.
7. Mantenga presionada la tecla CTRL y haga clic para seleccionar los archivos
FPTutor002, FPTutor003, FPTutor004, FPTutor005 y FPTutor006.
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.
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.
30
6. Haga clic en la imagen que ha insertado y, a continuación, en Alínear a la
derecha (en la barra de herramientas) para colocar la imagen en el
margen derecho y ajustar el texto a su alrededor.
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.
31
A continuación, vamos a personalizar el formulario predeterminado agregando más
campos de formulario y etiquetas de campos de formulario, de modo que los
visitantes del sitio sepan qué tipo de información deben escribir.
2. Presione la flecha izquierda para situar el cursor antes del botón Enviar y
presione ENTRAR.
3. Haga clic en el cuadro de texto y presione la flecha atrás para colocar el cursor
al principio del formulario.
10. Haga doble clic en el cuadro de texto desplazable que acaba de insertar.
32
11. En el cuadro de diálogo Propiedades de cuadro de área con texto, cambie
el ancho de los caracteres a 30 y el número de líneas a 5 y haga clic en
Aceptar.
12. En la barra de herramientas, haga clic en el botón Guardar para guardar los
cambios de la página Productos.
33
Crear una galería de fotografías
World Wide Web tiene una interfaz gráfica, y es muy frecuente que muchos sitios
Web populares muestren fotografías y otro tipo de gráficos. El precio de los
escáneres y las cámaras digitales se ha reducido enormemente y muchos servicios
de revelado ofrecen fotografías en CD-ROM para que pueda compartirlas en línea.
Hemos visto que con FrontPage colocar imágenes en páginas Web es muy fácil. En
esta parte de la lección, vamos a crear una galería de fotografías en línea.
Las galerías de fotografías son páginas Web que contienen un conjunto de imágenes
organizadas siguiendo un diseño específico. Para el sitio Web Championzone,
crearemos una galería de fotografías relacionadas con el deporte.
FrontPage 2002 incluye varios diseños para organizar fotografías. En este tutorial,
vamos a utilizar el diseño Horizontal.
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).
34
12. Haga clic en el archivo FPTutor003, mantenga presionada la tecla MAYÚS y, a
continuación, haga clic en FPTutor006.
35
Vínculos a otros sitios Web
Ahora sólo queda modificar la página Vínculos. En este tutorial, la página Vínculos
contiene una lista de hipervínculos de texto que llevan a páginas de deportes
populares de Internet.
Cuando cree su sitio Web, puede crear hipervínculos que lleven a otros sitios Web
relacionados con el contenido de sus propias páginas. De este modo, los visitantes
pueden examinar sitios parecidos sin tener que buscarlos.
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.
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.
Esto indicará al explorador Web que debe comenzar el efecto cuando se carga
la página.
36
4. En la lista Aplicar, haga clic en Salto.
FrontPage aplica el efecto Salto. En un explorador Web, este efecto hará que
cada palabra entre botando en la página.
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.
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.
2. Haga clic y arrastre el mouse sobre las palabras que acaba de escribir para
seleccionarlas.
37
5. En el teclado, presione la tecla FLECHA ABAJO para anular la selección del
texto.
Las palabras “MSN Sports” han cambiado del color negro predeterminado
del texto a color azul y están subrayadas para indicar la presencia de un
hipervínculo. Cuando esta página se muestre en un explorador Web, al hacer
clic en el hipervínculo se abrirá la página principal de MSN.
2. Con el mouse, haga clic y arrastre sobre la dirección URL que acaba de escribir
para seleccionarla.
38
3. Cuando la dirección URL http://sports.yahoo.com esté seleccionada, escriba
Yahoo! para reemplazar el texto seleccionado.
El hipervínculo sigue llevando a la misma dirección URL, pero ahora tiene el nombre
del sitio.
3. Haga clic y arrastre el mouse sobre las palabras que acaba de escribir para
seleccionarlas.
39
9. En el teclado, presione la tecla FLECHA ABAJO para anular la selección del
texto.
10. En la barra de herramientas, haga clic en el botón Guardar para guardar los
cambios de la página Vínculos.
40
Aplicar formato a los títulos de párrafo
Ahora que ha creado satisfactoriamente el contenido de las páginas de su sitio Web,
vamos a aplicar formatos de fuente y de párrafo para que los títulos de párrafo de
todas las páginas tengan un aspecto parecido.
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.
41
9. Haga clic en la lista Estilo de la barra de herramientas y, a continuación,
haga clic en Encabezado 4.
10. En la barra de herramientas, haga clic en el botón Guardar para guardar los
cambios de la página Información sobre nuestra empresa.
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.
42
Para terminar de aplicar estilos de párrafo a los títulos
43
A continuación
En la Lección 2, vamos a mejorar el aspecto del sitio Web Championzone agregando
bordes compartidos, barras de exploración y un tema gráfico, y además, aprenderá a
obtener una vista previa, probar, organizar y publicar el sitio Web terminado.
Fin de la Lección 1
Puede continuar con la Lección 2 o cerrar Microsoft FrontPage y continuar el tutorial
más adelante.
FrontPage se cierra.
44
Lección 2 Mejorar y publicar un sitio Web
En la Lección 1, aprendió a crear páginas Web con Microsoft FrontPage y a
agregarlas a un nuevo sitio Web.
Antes de publicar un sitio Web, debe asegurarse de que las páginas y los archivos
están bien organizados, los hipervínculos funcionan y no hay errores de ortografía, y
debe tener suficiente espacio en el servidor Web de destino. FrontPage puede ayudar
a completar estas importantes tareas.
Información general
En esta lección, aprenderá a:
45
Mejorar el aspecto de un sitio Web
Si ha empezado esta lección después de terminar la Lección 1, el sitio Web
Championzone aún debería estar abierto en FrontPage. Si es así, pase directamente
al procedimiento denominado Para crear hipervínculos a otras páginas.
Si ha comenzado una nueva sesión para continuar con el tutorial, debe abrir primero
el sitio Web para poder trabajar con las páginas.
46
4. A continuación, busque la página About_Us.htm en Lista de carpetas.
47
A pesar de que puede crear manualmente hipervínculos al resto de las páginas de
un sitio Web de este modo, hacerlo en todas las páginas del sitio puede llevar mucho
tiempo y ser una tarea pesada, sobre todo en el caso de sitios Web extensos.
Además, si decide agregar o quitar páginas en el sitio Web actual después de crear
los hipervínculos, tendrá que agregar o quitar manualmente los hipervínculos que
lleven a esas páginas.
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.
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.
48
Agregar bordes compartidos y barras de exploración
En el sitio Web Championzone, dejaremos que FrontPage administre los hipervínculos
en los que los visitantes del sitio harán clic para desplazarse por las páginas.
FrontPage realiza esta tarea con la ayuda de dos excelentes funciones: los bordes
compartidos y las barras de exploración automáticas.
Los bordes compartidos son áreas de página reservadas para el contenido que
debe ser coherente en todas las páginas del sitio Web. Estos bordes pueden contener
titulares de página y barras de exploración. Los titulares de página muestran el título
de página que asignó a cada página al crearla o guardarla. Las barras de navegación
son filas o columnas de hipervínculos que llevan al resto de páginas del sitio Web
actual. FrontPage puede actualizar automáticamente bordes compartidos y barras
de navegación, de modo que la estructura del sitio Web funcione siempre
correctamente, incluso si se agregan, mueven o eliminan páginas de la estructura
del sitio.
49
7. No active las casillas de verificación Derecho ni Inferior y, a continuación,
haga clic en Aceptar.
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.
50
Para personalizar barras de vínculos
1. Haga clic en la ficha de página index.htm.
FrontPage crea una barra de exploración con hipervínculos a todas las páginas
debajo del nivel de la página principal.
51
4. Presione PRINCIPAL para anular la selección de la barra de exploración.
52
7. Para guardar la página principal, haga clic en Guardar en el menú Archivo o
en el botón Guardar de la barra de herramientas.
53
Aplicar un tema
A pesar de que al agregar imágenes, listas, formas, bordes compartidos y barras de
exploración al sitio Web Championzone se consigue darle un aspecto más funcional y
organizado, puede que se plantee qué debe hacer con el aspecto algo desabrido del
texto en negro y azul sobre un fondo blanco.
Imagine el tiempo que tardaría en diseñar una combinación de colores para el texto
y los gráficos, y en crear titulares de página gráficos, botones de exploración, listas
con viñetas y texturas de fondo para todas las páginas del sitio Web. Piense en la
cantidad de gráficos personalizados que tendría que crear si administrara más de un
sitio Web y si no desear que ninguno de ellos tuviera el mismo aspecto.
3. Haga clic en alguno de los distintos nombres de temas en el cuadro de lista con
desplazamiento.
54
4. Bajo Aplicar tema a, compruebe que se ha seleccionado Todas las páginas.
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.
El tema denominado Mezclas se aplica a todas las páginas del sitio Web actual.
55
Para mostrar botones gráficos de exploración en todas las
páginas
1. En el menú Ventana, haga clic en About_Us.htm.
56
5. Para guardar la página, haga clic en Guardar en el menú Archivo o en el
botón Guardar de la barra de herramientas.
57
Modificar un tema
A pesar de que el título de página de este tema es bonito, puede que incluir algo
directamente relacionado con el contenido del sitio Web Championzone que quede
todavía mejor. Hemos preparado un titular de página personalizado con el que podrá
modificar el tema actual.
58
10. En el cuadro de diálogo Modificar el tema, haga clic en Aceptar y, a
continuación, en el cuadro de diálogo Temas, haga clic en Aceptar.
12. Escriba Championzone como título del tema modificado y haga clic en
Aceptar.
59
Sugerencia En este tutorial, sólo hemos proporcionado un titular de
página personalizado para mostrarle lo fácil que es personalizar los temas
existentes. Si desea crear sus propios diseños, repita los pasos del
procedimiento anterior y podrá personalizar otros elementos de tema con
sus propios gráficos personalizados.
El sitio Web Championzone está casi acabado. Para asegurarse de que todo tiene un
aspecto excelente en Internet, vamos a obtener una vista previa del sitio en el
explorador Web.
60
Obtener una vista previa del sitio Web Championzone
A pesar de que en la vista Página se ve el aspecto de las páginas Web del modo
más parecido a cómo aparecerán en un explorador Web, dicha vista muestra algunos
elementos de página y marcadores de posición de modo distinto para ayudarle
mientras diseña la página. Si obtiene una vista previa de una página o del sitio Web
completo en un explorador Web antes de publicar el sitio, podrá asegurarse de que
todo aparece tal y como desea.
61
Fíjese en que el texto de los marcadores de posición y las marcas de formato
no se ven (por ejemplo, la barra de exploración vertical de la parte izquierda de
la página principal no aparece).
3. Haga clic en los botones de la barra de exploración para obtener una vista
previa algunas páginas.
4. Cierre el explorador Web cuando haya terminado con la vista previa de el sitio
Web Championzone.
62
Organizar los archivos del sitio Web
Como su sitio Web contiene varias páginas y varios archivos, puede utilizar la vista
Carpetas para organizarlos. La vista Carpetas permite administrar los archivos y
las carpetas del sitio Web de modo similar a Windows Explorer. Puede reorganizar las
páginas y los archivos del sitio Web con seguridad sin romper hipervínculos, títulos
de titulares de página o etiquetas de botones de exploración.
En la vista Carpetas, FrontPage muestra una lista jerárquica de las carpetas del sitio
Web en la parte izquierda de la pantalla. Cuando se hace clic en una carpeta de
Lista de carpetas, su contenido se muestra a la derecha, en el panel Contenido.
En los siguientes pasos, vamos a mover los archivos de imagen del sitio Web
Championzone a la carpeta Imágenes que FrontPage creó como parte del sitio Web.
63
3. En el panel Contenido, haga clic en el rótulo de columna Tipo.
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.
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.
Cuando trabaje con sus propios sitios Web, puede agrupar archivos de sonido,
clips de película y otros tipos de archivos en sus propias carpetas. Puede crear las
carpetas que necesite en la vista Carpetas y eliminar las que ya no sean precisas.
64
Para crear una nueva carpeta
1. En la Lista de carpetas, haga clic en el archivo en el que desea crear una
nueva subcarpeta.
65
Generar un resumen del sitio
La vista Informes es una herramienta importante que muestra el estado y el buen
funcionamiento general del sitio Web antes de su publicación en Internet. Puede
generar informes personalizados de su sitio Web de hasta 14 categorías.
• Todos los archivos: En este momento tiene 23 archivos en el sitio Web, que
ocupan aproximadamente 435 KB. Debe tener disponible esta cantidad de
espacio en el servidor Web que vaya a alojar su sitio Web.
• Páginas lentas: Esta categoría muestra las páginas cuya descarga es lenta
en la velocidad de descarga de destino.
• Hipervínculos rotos: Si se indica que hay hipervínculos rotos, haga doble
clic en la fila Hipervínculos rotos para ver detalles acerca de esta categoría.
FrontPage muestra una lista de los hipervínculos no comprobados, como los
hipervínculos externos de la página Vínculos y los vínculos rotos o que no
funcionan.
• Hipervínculos que funcionan: Puede comprobar que un hipervínculo sigue
llevando a un sitio Web activo haciendo clic con el botón secundario en el
vínculo en la vista Informes y eligiendo Comprobar en el menú contextual.
Para arreglar un hipervínculo roto, debe abrir la página que lo contiene y
corregir la dirección URL a la que hace referencia el hipervínculo.
66
Revisar la ortografía
Revisar la ortografía es importante si desea que el contenido de su sitio Web
produzca una impresión de profesionalidad en los visitantes. Si hay palabras escritas
incorrectamente en una página, las personas pueden poner en duda la exactitud del
contenido de todo el sitio Web. Con las funciones de revisión de ortografía de
FrontPage, muy flexibles, podrá revisar la ortografía en cada página mientras la crea
y modificar el contenido, o bien pasar el corrector ortográfico de una vez, justo antes
de publicar el sitio Web en Internet.
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.
67
Para revisar la ortografía del sitio Web actual
1. En el menú Herramientas, haga clic en Ortografía.
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.
68
Reemplazar texto en las páginas
El comando Reemplazar permite buscar y reemplazar fácilmente contenido en las
páginas seleccionadas o en todas las páginas del sitio Web actual. Aunque puede
utilizar este comando en la vista Página para reemplazar texto en la página actual,
si lo utiliza en cualquier otra vista del sitio Web podrá reemplazar el texto en todas
las páginas (o las que seleccione) del sitio actual.
Para reemplazar texto en todas las páginas del sitio Web actual
1. En el menú Edición, haga clic en Reemplazar.
69
Completar tareas de sitio Web
La vista Tareas muestra la lista de las tareas pendientes asociadas con el sitio Web
actual. Las tareas son elementos que requieren su atención antes de la publicación
del sitio Web.
FrontPage cambia a la vista Página y abre la página que contiene las palabras
escritas incorrectamente.
70
5. Haga clic en Aceptar.
A pesar de que no se requiere que complete todas las tareas antes de publicar
el sitio Web, es aconsejable repasar la lista de tareas cuando termine de hacer
cambios en el sitio Web. La vista Tareas ayuda a administrar sitios Web
mostrándole recordatorios importantes.
71
Publicar el sitio Web Championzone
Cuando publique su sitio Web en Internet, o en la intranet de su organización,
FrontPage comprobará automáticamente los hipervínculos, las direcciones de las
páginas y las rutas a los archivos.
Nota Si no desea publicar el sitio Web Championzone en su servidor Web, lea este
procedimiento para obtener más información, aunque sin seguir el procedimiento
que se describe.
72
3. En el cuadro de diálogo Publicar Web, escriba la dirección URL del servidor
Web de destino, (por ejemplo http://example.microsoft.com/~myweb) y, a
continuación, haga clic en Publicar.
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.
Fin de la Lección 2
Enhorabuena, ha terminado el Tutorial de FrontPage satisfactoriamente. Está listo
para crear y publicar su propio sitio Web basado en FrontPage.
73
La información que contiene este documento representa la opinión de Microsoft Corporation acerca de los temas tratados, en la fecha de
publicación. Debido a la naturaleza de los esfuerzos de desarrollo continuo y como Microsoft debe responder a las condiciones cambiantes
del mercado, no debe interpretarse como un compromiso por parte de Microsoft, y Microsoft no puede garantizar la exactitud de ninguna
información presentada después de la fecha de publicación.
Este documento sólo tiene fines informativos. MICROSOFT NO CONCEDE NINGUNA GARANTÍA, EXPRESA O IMPLÍCITA, EN ESTE
DOCUMENTO
2001 Microsoft Corporation. Reservados todos los derechos.
Microsoft, FrontPage, el logotipo de Office XP, MSN, PowerPoint, Windows y Windows NT son marcas registradas o marcas comerciales
de Microsoft Corporation en los Estados Unidos y/o en otros países.
Los nombres de las organizaciones y los productos mencionados en este documento pueden ser marcas comerciales de sus respectivos
propietarios.
74