Escuela Superior de Ingenieros

Ingeniarien Goi Mailako Eskola

UNIVERSIDAD DE NAVARRA
NAFARROAKO UNIBERTSITATEA

Aprenda FrontPage Editor 98

como si estuviera en primero

CAMPUS TECNOLOGICO DE LA UNIVERSIDAD DE NAVARRA

NAFARROAKO UNIBERTSITATEKO CAMPUS TEKNOLOGIKOA
Javier Iriberri Enrique Reina
San Sebastin, Septiembre de 2000

Perteneciente a la coleccin: Aprenda como si estuviera en primero

Aprenda FrontPage 98 como si estuviera en primero 1

TABLA DE CONTENIDOS

1.

INTRODUCCI N A FRONTPAGE EDITOR 98................................................................................... 2

1.1. ARRANCAR EL EDITOR DE FRONTP AGE 98.....................................................................................................3
1.2. LA P ANTALLA DEL EDITOR DE FRONTP AGE 98...............................................................................................3

2.

CREACI N DE P GINAS WEB USANDO LAS PLANTILLAS Y LOS ASISTENTES. ............................... 5

2.1. CREACI
2.2. CREACI

3.

N DE PGINAS SIMPLES . .................................................................................................................5

N DE PGINAS CON

MARCOS (FRAMES). .......................................................................................5

CREACI N DE P GINAS WEB. ...................................................................................................... 7

3.1. PROPIEDADES DE LA PGINA ........................................................................................................................7
3.1.1. Temas De Escritorio. ............................................................................................................ 8
3.1.2. Sonidos De Fondo. .............................................................................................................. 9
3.1.3. Transiciones De Pgina....................................................................................................... 9
3.2. HERRAMIENTAS M S COMUNES. .................................................................................................................10
3.2.1. Texto................................................................................................................................... 10
3.2.2. Imgenes........................................................................................................................... 11
3.2.3. Lneas Horizontales............................................................................................................ 13
3.2.4. Hipervnculos. .................................................................................................................... 13
3.2.5. Marcadores....................................................................................................................... 14
3.2.6. Animaciones. .................................................................................................................... 15
3.3. ELEMENTOS ACTIVOS. ................................................................................................................................15
3.3.1. Botn Activable. ............................................................................................................... 15
3.3.2. Marquesina........................................................................................................................ 17
3.3.3. Administrador de Titulares (banners). .............................................................................. 17
3.3.4. Contadores De Visitas. ..................................................................................................... 19
3.3.5. Vdeos................................................................................................................................ 19
3.3.6. Formulario de Bsqueda. ................................................................................................. 21
3.4. MAPAS DE IMGENES. ...............................................................................................................................22

4.

MARCOS (FRAMES). .................................................................................................................... 25

4.1. CREAR MARCOS.................................................................................................................................25
4.2. MODIFICAR EL FORMATO . ........................................................................................................................26
4.3. OTRAS POSIBILIDADES DE LOS MARCOS (FRAMES). ....................................................................................29

5.

GESTI N DE TABLAS. ................................................................................................................... 31

5.1. CREAR UNA TABLA ..............................................................................................................................31
5.2. SELECCIONAR UNA TABLA O PARTE DE ELLA : ................................................................................................32
5.3. CAMBIAR LAS PROPIEDADES DE LAS TABLAS , CELDAS, FILAS Y/O COLUMNAS: ................................................32
5.3.1. Propiedades de diseo .................................................................................................... 33
5.3.2. Propiedades de fondo ..................................................................................................... 34
5.3.3. Propiedades de tamao.................................................................................................. 34
5.4. OTROS PROCEDIMIENTOS DE T ABLAS . ........................................................................................................35

2 Aprenda FrontPage 98 como si estuviera en primero

1.

INTRODUCCI N A FRONTPAGE EDITOR 98.

Microsoft FrontPage Editor 98 es una herramienta de creacin y modificacin de

pginas Web que no requiere conocimientos de programacin.
He aqu algunas de las caractersticas clave del Editor de FrontPage:
o

Puede crear pginas HTML nuevas basndose en los asistentes y plantillas para pginas
integrados. El Editor de FrontPage ofrece muchas opciones de formatos de pgina; puede
crear sus propias plantillas.
Puede aplicar uno de los muchos temas de FrontPage, creados por diseadores
profesionales, para dar a sus pginas una apariencia dinmica y llena de colorido. Tambin
puede agregar y disear bordes para sus pginas e insertar barras de exploracin, que
guan a los usuarios por su sitio Web.
Puede abrir cualquier archivo HTML en el Editor de FrontPage y se conservarn todas las
etiquetas HTML de la pgina. Tambin puede abrir archivos de los tipos ms populares y el
Editor de FrontPage los convertir al formato HTML
Puede insertar texto en todos los estilos de HTML, crear listas multinivel, cambiar el tamao y
el color del texto, y aplicar formatos como el centrado de un encabezado o poner el texto
en cursiva. Mediante las hojas de estilos en cascada puede controlar los mrgenes, el
interlineado, los colores, las fuentes y los tamaos.
Mediante una interfaz de tipo sealar y hacer clic, puede crear hipervnculos a pginas y
archivos de su Web de FrontPage o a pginas y archivos de World Wide Web. Seale a una
pgina y FrontPage crear automticamente la sintaxis de hipervnculo correcta.
Puede insertar imgenes de prcticamente todos los tipos y el Editor de FrontPage las
convertir al formato GIF o JPEG. Haga doble clic en una imagen y se abrir para que la
modifique en su programa favorito de modificacin de imgenes. Cree un mapa de
imgenes agregando zonas activas, reas de una imagen que contienen hipervnculos.
Mediante los comandos de modificacin de imgenes de FrontPage puede recortar, girar y
cambiar el tamao de una imagen, convertirla a blanco y negro, darle bordes biselados
(en relieve), y cambiar su brillo y su contraste. FrontPage incluye la Galera de imgenes de
Microsoft, una gran biblioteca de imgenes, fotos y clips de vdeo.
Puede crear formularios que contengan campos de texto, casillas de verificacin, botones
de opcin, listas desplegables y botones de comando. Cuando crea un formulario, el
controlador de formulario predeterminado de FrontPage guarda automticamente la
informacin de formulario en un archivo o la enva a una direccin de correo electrnico.
Puede seleccionar entre una serie de controladores de formulario de FrontPage o bien
puede agregar o personalizar su propio controlador de formulario personalizado para un
formulario.
Mediante los comandos de modificacin de tablas de FrontPage puede crear una tabla,
insertar filas y columnas y alinearlos, y crear colores de fondo utilizando para ello una
interfaz de tipo sealar y hacer clic.
Puede agregar una robusta funcionalidad a su pgina mediante la insercin de
componentes de FrontPage. Los componentes aportan caractersticas interactivas como
barras de exploracin, grupos de discusin encadenados, bsquedas de texto completo y
controladores de formulario que, de otra forma, requeriran una programacin compleja.
Por ejemplo, el componente Tabla de contenido crea automticamente un esquema HTML
de su Web de FrontPage con hipervnculos a cada pgina, y el Administrador de titulares
reproduce una secuencia de imgenes con efectos similares a una cartelera rotativa.
Puede crear nuevas pginas de marcos, modificar la apariencia de sus marcos y asignar
pginas iniciales a cada marco, todo ello mediante una interfaz de tipo sealar y hacer
clic. FrontPage muestra sus pginas de marcos en un estilo WYSIWYG (What You See Is What
You Give, "lo que se ve es lo que hay") y genera el correspondiente cdigo HTML.
Puede insertar controles ActiveX, complementos y subprogramas Java en el Editor de
FrontPage. Puede iniciar una sesin de edicin de secuencias de comandos, y crear e
insertar secuencias de comandos de JavaScript y de Microsoft Visual Basic Scripting Edition.

Aprenda FrontPage 98 como si estuviera en primero 3

1.1. ARRANCAR EL EDITOR DE FRONTPAGE 98

Para arrancar FrontPage Editor 98, hacer doble clic sobre el icono de FrontPage 98
Editor; si no se tiene iconizado el Editor de FrontPage, ir al men Inicio y elija
FrontPage98 del submen Programas. Por defecto, esta accin abre la aplicacin
Explorador de FrontPage (una herramienta para gestionar sitios Web). Pulsar cancelar
para cerrar la ventana de inicio del Explorador de FrontPage y seleccionar la opcin
Mostrar FrontPage Editor del men Herramientas.

Utilizar el Editor de FrontPage para crear,

disear y modificar pginas de World Wide
Web. A medida que se agrega a su
pgina texto, imgenes, tablas, campos
de formulario y otros elementos, el Editor
de FrontPage los muestra tal y como
aparecern en un explorador de Web. El
Editor de FrontPage es una herramienta
potente y, a la vez, fcil de usar debido a
su familiar interfaz, similar a la de los
procesadores de textos. No necesita
aprender HTML (Lenguaje de marcador de
hipertexto) para utilizar el Editor de
FrontPage, ya que crea todo el cdigo
HTML por usted.
Si se desea modificar el cdigo HTML
directamente, puede emplearse la vista
HTML del Editor de FrontPage. En esta vista
puede escribirse texto, modificar etiquetas
HTML o cdigo de secuencias de
comandos y usar comandos estndar de
proceso de texto como cortar, pegar,
buscar y reemplazar.

Adems, el Editor de FrontPage comparte muchas de las caractersticas de Microsoft

Word y Microsoft Excel, como la Galera de imgenes de Microsoft, la comprobacin
ortogrfica y los sinnimos globales y la sencilla modificacin de tablas.
1.2. LA PANTALLA DEL EDITOR DE FRONTPAGE 98.
Como en otras aplicaciones diseadas para las distintas versiones de Windows,
aparece una barra de mens donde se hayan la totalidad de las acciones que
podemos realizar con el FrontPage 98.

4 Aprenda FrontPage 98 como si estuviera en primero

Las diferentes barras de herramientas proporcionan un acceso rpido a los

componentes usados con mayor frecuencia.

Tambin se encuentra una barra de estado que, adems de mostrar informacin

sobre lo que se est haciendo, permite visualizar el tiempo que tardar la pgina Web
en cargarse en el Explorador de Internet.

El editor nos permite operar con tres modos de visualizacin: Normal, HTML y Vista
previa.

o Normal:
o HTML:
o Vista previa:

modo de diseo.
muestra el cdigo HTML de la pgina.
muestra la pgina tal y como quedara en el Explorador, a excepcin de
algn cdigo.

Si se trabaja con marcos, aparecen algunos modos ms: Normal, Sin marcos, HTML,
HTML de pgina de marcos, Vista previa.

Aprenda FrontPage 98 como si estuviera en primero 5

2.

CREACI N DE P GINAS WEB USANDO LAS PLANTILLAS Y LOS ASISTENTES.

2.1. CREACI N DE P GINAS SIMPLES.

El editor de FrontPage 98 posee unos asistentes que agilizan la creacin de pginas
Web. Para ello debemos seleccionar en el men Archivo, la opcin Nuevo.

La ventana que aparece permite elegir entre dos tipos de pginas Web: simples y con
frames marcos.
Tambin se puede escoger entre plantillas de pginas o asistentes. La primera opcin
(pgina normal) permite empezar el diseo de una pgina en blanco, mientras que los
dems tipos conducen por una serie de asistentes o poseen unas opciones de texto,
imgenes y objetos predefinidos.
Estos documentos constan generalmente de una sola pgina en la que se encuentra
todo tipo de informacin. Tambin puede haber links o hipervnculos a otras pginas.

2.2. CREACI N DE P GINAS CON MARCOS (FRAMES).

Esta forma de presentar la informacin de las pginas Web consiste en dividir la
ventana de un explorador de Web en regiones separadas, cada una de las cuales
puede mostrar una pgina distinta, desplazable. Se llama pgina de marcos a un
grupo de marcos. Una pgina de marcos es una pgina Web especial que define el
tamao y la ubicacin de cada marco que contiene.

6 Aprenda FrontPage 98 como si estuviera en primero

En las pginas de frames ms sencillas hay dos marcos: uno muestra una pgina con
una lista de una serie de hipervnculos, y el otro muestra las pginas a las que apunta
cada hipervnculo. Cada vez que un usuario hace clic en un hipervnculo del primer
marco, la pgina a la que apunta ese hipervnculo se muestra en el segundo marco.
La pgina de marcos propiamente dicha no contiene realmente ningn contenido o
pgina; slo contiene los hipervnculos a las pginas ya existentes que se muestran en
los marcos.
El lmite de marcos que hay en cada pgina lo define el propio creador de la pgina,
aunque es conveniente no sobrecargar demasiado la informacin que se visualiza en
el explorador.

Gracias a los asistentes del FrontPage 98, la creacin de este tipo de pginas se
simplifica bastante. Tan solo se elige la plantilla adecuada y l genera el documento
con los marcos y unos botones para elegir las pginas que se visualizarn en cada uno
de stos, permitiendo seleccionar un documento HTML ya hecho o crear uno nuevo.

Aprenda FrontPage 98 como si estuviera en primero 7

3.

CREACI N DE P GINAS WEB.

3.1. PROPIEDADES DE LA P GINA.

El comando Propiedades de pgina se utiliza para especificar propiedades de la
pgina activa, como las imgenes y los sonidos de fondo, los mrgenes y las opciones
de idioma para la codificacin HTML. Si se ha aplicado un tema a la pgina, muchas
de estas propiedades las establecer el tema. Este cuadro de dilogo contiene las
fichas siguientes:
Utilice la ficha General para
especificar propiedades como un
ttulo de pgina, el marco de destino
y el sonido de fondo.

Utilice la ficha Fondo para especificar

propiedades como la imagen de fondo, el
color de fondo y el color para los
hipervnculos. Si se ha aplicado un tema a
una pgina, esta ficha no estar
disponible.

Utilice la ficha Mrgenes para

especificar los mrgenes superior e
izquierdo de la pgina.

Utilice la ficha Personalizar para

agregar, quitar o modificar variables
del sistema y variables de usuario.

Utilice
la
ficha
Idioma
para
especificar el idioma para la
codificacin HTML al guardar o
cargar una pgina.

8 Aprenda FrontPage 98 como si estuviera en primero

3.1.1. Temas De Escritorio.

Un tema de FrontPage consta de elementos de diseo y combinaciones de colores
unificados para vietas, fuentes, imgenes, barras de exploracin y otros elementos de
pgina. Cuando se aplica, un tema da a las pginas y a las barras de exploracin de
su Web de FrontPage una apariencia atractiva y coherente.
Para aplicar un tema a todas las pginas del Web de FrontPage actual se utiliza la
vista Temas del Explorador de FrontPage. Una vez que se ha aplicado un tema, puede
cambiar a un tema diferente o quitar el tema.
Tambin es posible aplicar, cambiar o quitar temas pgina a pgina en el Editor de
FrontPage mediante el comando Tema del men Formato.
Tanto en el Explorador de FrontPage como en el Editor de FrontPage, el panel Vista
previa del tema permite ver una vista previa de elementos de pgina de ejemplo tal y
como aparecern en sus pginas Web. Puede ver una vista previa de un tema antes
de aplicarlo si lo selecciona en la lista de temas disponibles. FrontPage incluye por
defecto ms de 50 temas.

Antes de aplicar un tema, se pueden seleccionar opciones que cambien la apariencia

de los componentes del tema. Por ejemplo, seleccionar Colores intensos aplicar
colores ms brillantes al texto y a los grficos, seleccionar Grficos activos animar
ciertos componentes del tema y seleccionar Fondo con textura aplicar una imagen
de fondo con textura a las pginas del Web de FrontPage.
Para aplicar un tema a una pgina:
1. En el men Formato del Editor de FrontPage, elija Tema.
2. En el cuadro de dilogo Elegir tema, haga clic en Usar el tema seleccionado y elija
un tema de la lista.
3. Seleccione cualquiera de las siguientes opciones:
o Haga clic en Colores intensos para especificar un conjunto de
colores brillantes para el tema.

Aprenda FrontPage 98 como si estuviera en primero 9

o
o

Haga clic en Grficos activos para obtener un grupo de

pancartas, botones, vietas y otros elementos grficos.
Haga clic en Imagen de fondo para obtener un fondo de
pgina con textura. Si no selecciona ninguno, el fondo de la
pgina ser un color bsico.

3.1.2. Sonidos De Fondo.

El comando Sonido de fondo se utiliza para incluir un archivo de sonido en la pgina
actual, que se activar y se reproducir cuando un usuario explore la pgina en su
navegador.
En una pgina se pueden insertar los siguientes tipos de archivos de sonido:
Sonido de onda (WAV)
Secuenciador MIDI (MIDI)
Sonido AIFF (AIF, AIFC, AIFF)
Sonido AU (AU, SND)
Para cambiar las propiedades del sonido de fondo, elija Propiedades de pgina en el
men Archivo del Editor de FrontPage.

3.1.3. Transiciones De Pgina

El comando Transicin de pgina se
emplea para especificar un efecto de
transicin para la pgina activa dentro del
Editor de FrontPage. Una transicin de
pgina es un efecto de vdeo que ocurre
cuando un usuario explora hacia la
pgina o sale de ella. Se puede limitar un
efecto de transicin para que slo ocurra
cuando el usuario entre o salga de su sitio
Web.
Opciones del cuadro de dilogo
Evento Se selecciona el evento que causar la
transicin de pgina:
o

Entrar en pgina muestra el efecto de transicin

seleccionado cuando un usuario visita o sigue un
hipervnculo hasta la pgina activa.
Salir de pgina muestra el efecto seleccionado cuando
un usuario sale de la pgina activa o sigue un
hipervnculo hacia otra pgina.
Entrar en sitio muestra el efecto seleccionado cuando
un usuario entra inicialmente a su sitio Web visitando la
pgina activa.
Salir de sitio muestra el efecto de transicin
seleccionado cuando un usuario sale de su sitio Web
desde la pgina activa.

Duracin (segundos)
Tiempo, en segundos, que se desea mostrar el efecto de
transicin seleccionado.

10 Aprenda FrontPage 98 como si estuviera en primero

Efecto de transicin
Indica el tipo de efecto de transicin que se desea que
ocurra entre pginas.

3.2. HERRAMIENTAS M S COMUNES.

Las herramientas ms utilizadas a la hora de realizar cualquier pgina Web son,
adems del texto, las imgenes, lneas horizontales (usadas como separadores), los
hipervnculos y marcadores (para acceder a otros documentos y/o secciones) y las
animaciones.
3.2.1. Texto.
La opcin Prrafo del men Formato del editor de FrontPage para aplicar diferentes
formatos a los prrafos de texto.
Si se ha aplicado un tema a la pgina, el
tema establece las propiedades de los
estilos de prrafo, como las fuentes, los
tamaos, los colores y los estilos de lista
numerada y con vietas, y la alineacin.
Se pueden aplicar al texto seleccionado
estilos de prrafo, como Encabezado 1 o
Normal, desde la ventana Cambiar estilo.
Si la pgina no usa ningn tema se establecer el estilo de prrafo cuando se cree. Se
puede cambiar el estilo de un prrafo desde la ventana Cambiar estilo o desde el
cuadro de dilogo Propiedades de prrafo.
Los caracteres tienen atributos predeterminados basados en el formato del prrafo
que los contiene. Pueden invalidarse los valores predeterminados y establecer
atributos de carcter para controlar el color, el tamao, el grosor, el subndice o
superndice y otras propiedades de los caracteres.
La opcin Fuente del men Formato del editor de FrontPage se utiliza para aplicar
diferentes tipos de letra a los prrafos de texto.

Aprenda FrontPage 98 como si estuviera en primero 11

la ficha Fuente sirve para aplicar un tipo

de carcter al texto seleccionado,
tamao y aspecto cursiva, negrita, etc.as como propiedades tales como
subrayado, tachado, color, etc.

Se utiliza la ficha Estilos especiales para

aplicar tipos especiales de caracteres al
texto seleccionado. En la casilla Ejemplo,
se muestra cmo queda el texto al aplicar
los estilos. Ntese que algunas versiones
de navegador no muestran determinados
estilos.

3.2.2. Imgenes.
Las imgenes se utilizan imgenes en las pginas Web para proporcionar informacin
o por motivos puramente estticos, para transmitir la imagen personal del autor o de
empresa, para mostrar trabajos grficos o imgenes de productos, y para crear mapas
de imgenes, es decir imgenes que contienen una o ms reas de hipervnculo
llamadas zonas activas.
El Editor tiene una completa interfaz para utilizar imgenes en sitios Web de FrontPage.
En FrontPage se pueden importar fcilmente imgenes e insertarlas en las pginas
Web, alinearlas con el texto, crear y modificar mapas de imgenes, crear miniaturas y
utilizar imgenes en el diseo de pginas. Tambin se puede incorporar directamente
en una pgina imgenes desde scanner, cmaras y otros dispositivos.
Adems, FrontPage incluye una
completa biblioteca de imgenes
prediseadas en la galera de imgenes
o cliparts: botones, iconos, diseos de
fondo, clips de vdeo, etc.
Para insertar una imagen, se selecciona
el men Insertar del editor de FrontPage
y se seleccionan las opciones Imagen o
Imgenes. La primera nos permite elegir
un archivo de imagen disponible en el
Web o en el disco duro; y la segunda
opcin nos muestra la Galera de
Imgenes de Microsoft (cliparts).

12 Aprenda FrontPage 98 como si estuviera en primero

Propiedades de Imagen
Para acceder a las propiedades de una imagen, se selecciona la imagen (situando el
cursor sobre la misma y pulsando el botn izquierdo del ratn) y, a continuacin, se
pulsa el botn derecho del ratn sobre la misma. En el men contextual que se
muestra, seleccionar Propiedades de Imagen:

En la ventana de Propiedades se pueden cambiar las opciones de la imagen a travs

de las pestaas General y Apariencia (cuando se trata de videos, aparece una
tercera pestaa con el nombre Vdeo).

Nombre y ruta del

archivo de imagen

Tipo y formato
de imagen

Si la imagen
tiene un
hipervnculo,
aqu se escribre

Texto que
aparecer en el
Explorador
cuando se ponga
el puntero del
ratn sobre la
Si tiene un
hipervnculo y se
usan marcos, aqu
escribiremos el
nombre del
marco destino

Aprenda FrontPage 98 como si estuviera en primero 13

Para alinear la
imagen a la
izquierda, deracha,

Permite que la
imagen
mantenga su

Si queremos
aplicar un borde,
aqu
especificamos el
grosor
Dimensiones de
la imagen, en
pxels o en

3.2.3. Lneas Horizontales.

Las lneas horizontales son imgenes usadas
como separadores, al igual que hacemos en
documentos de texto para dividir en distintos
apartados.
Para aadir una lnea horizontal a la pgina
Web, pulsar la opcin Lnea Horizontal del
men Insertar. El separador se incluir
automticamente con un formato
predefinido, que se puede cambiar
seleccionndolo y eligiendo la opcin
Propiedades de la Lnea Horizontal del men
Edicin o del men contextual que aparece al
pulsar el botn derecho del ratn.

3.2.4. Hipervnculos.
Un hipervnculo es una conexin desde un elemento de pgina Web (normalmente un
trozo de texto o una imagen) a otro elemento Web. El destino del hipervnculo suele ser
otra pgina, pero tambin puede ser una imagen, una direccin de correo
electrnico, un archivo multimedia, un programa, etc.
Por lo general, los exploradores de Web subrayan los hipervnculos de texto y lo
muestran en un determinado color. Los hipervnculos de imgenes son invisibles; no
obstante, los usuarios saben cundo el puntero est sobre una imagen que conduce a
un hipervnculo porque cambia su apariencia, normalmente a una mano que seala
algo.
Cuando se inserta un hipervnculo en una pgina, el destino del hipervnculo se
codifica como direccin URL (Localizador de recursos uniforme). sta proporciona la
direccin de un archivo e identifica el servicio de Internet (por ejemplo, FTP o World
Wide Web) que se utilizar para la transmisin del archivo.

14 Aprenda FrontPage 98 como si estuviera en primero

Las direcciones URL pueden ser absolutas o relativas. Una direccin URL absoluta es la
direccin completa de Internet de una pgina o un archivo, incluyendo el protocolo,
la ubicacin de red del servidor que lo contiene, y la ruta de acceso dentro de ste y
el nombre del archivo. Por ejemplo, http://www.microsoft.com/news.htm es una
direccin URL absoluta.
Una direccin URL relativa es una direccin URL a la que le falta una o ms partes. Los
exploradores toman la informacin que falta de la pgina que contiene la direccin
URL. Por ejemplo, si falta el protocolo, el explorador utilizar el protocolo de la pgina
actual y, si falta la ubicacin de red, el explorador utilizar la ubicacin de red de la
pgina actual. Por ejemplo:
images/fondo.gif
hace referencia a una imagen situada en el Web actual, en una subcarpeta del
directorio actual llamada images, de nombre fondo.gif.
Al pulsar sobre la opcin de Insertar Hipervnculo, aparece una ventana con las
siguientes opciones:

Seleccionar
cualquier archivo
del rbol de
directorios del
Direccin URL
a la que
apunta el

Opcionalment
e, es posible
indicar una
marca de

Permite usar el
Explorador para
especificar la
Para indicar un
archivo del
propio PC
Para indicar
una direccin
de correo
Podemos
especificar la
ventana en el

3.2.5. Marcadores.
Los marcadores o bookmarks son seales, invisibles desde el navegador, que se ponen
en una misma pgina Web. Se suelen usar como destino para un hipervnculo. Por
ejemplo, si se quiere mostrar en el navegador una determinada seccin de una
pgina, se aade un hipervnculo con la marca como destino. Cuando el visitante
hace clic en el hipervnculo, el navegador muestra esa zona de la imagen. Los
marcadores se utilizan con frecuencia para encontrar zonas dentro de la misma
pgina; por ejemplo, para localizar las cabeceras de secciones de un documento a
partir de un ndice, se pone una marca en cada cabecera e hipervnculos a las
mismas en el ndice.

Aprenda FrontPage 98 como si estuviera en primero 15

Para crear una marca, situar el cursor en el punto donde se desea situar (o seleccionar
el texto al que se quiere asignar la marca) y elegir la opcin Marcador del men
Insertar. Indicar el nombre del marcador en la casilla destinada a tal efecto para
poder hacer referencia a l ms tarde al crear el hipervnculo.

3.2.6. Animaciones.
Se utilizan para crear textos animados, y
con ello, generar documentos ms
vistosos. Sin embargo, algunos
navegadores no muestran las
animaciones.
Para crear una animacin, una vez
seleccionado el texto, elegimos la opcin
Animacin del men Formato. En ella,
podemos elegir cualquiera de entre las
opciones.

3.3. ELEMENTOS ACTIVOS.

El editor de FrontPage 98 permite aadir una serie de elementos no estticos,
denominados elementos activos que poseen la caracterstica comn de mostrar algn
tipo de movimiento. La mayora de los elementos activos slo funcionan con el propio
Web de FrontPage o con un servidor de Web que tenga instaladas las Extensiones de
FrontPage. Conviene consultar al administrador del sistema informtico para saber si
es posible utilizar elementos activos de FrontPage en un determinado servidor.
Para acceder a estos elementos, debemos la opcin elementos activos del men
Insertar. Se mostrar una lista con seis elementos:

3.3.1. Botn Activable.

16 Aprenda FrontPage 98 como si estuviera en primero

Botn con una animacin en una pgina

Web; (la animacin se activa cuando el
ratn se mueve sobre el botn o cuando
se hace clic sobre el mismo).

Las propiedades que se pueden definir para un botn activable son:

o

Texto de botn:

Fuente:

Texto que aparecer sobre el botn.

Mediante este botn, se pueden cambiar las propiedades del texto que aparecer en
el botn.

Vincular a:
Para crear un hipervnculo desde el botn activable, se escribe la direccin URL o haga
clic en Examinar para seleccionar un destino del hipervnculo en el cuadro de dilogo
seleccionar un hipervnculo con botn activable.

Examinar:
Hgase clic en este botn para seleccionar un destino del hipervnculo para el botn
activable. Se mostrar el cuadro de dilogo seleccionar un hipervnculo con botn
activable, donde se puede elegir un destino del Web de FrontPage actual, de la red
local o del World Wide Web. Al hacer clic en Aceptar para cerrar el cuadro de dilogo
permite seleccionar un hipervnculo con botn activable, el cuadro Vincular a mostrar
la direccin de URL del destino que examin.

Color de botn:
Selecciona un color para el botn. Si se hace clic en Personalizado y se selecciona una
imagen para utilizarla como botn, no es necesario seleccionar un color de botn.

Color de fondo:
Permite seleccionar un color de fondo para el botn activable. No se puede hacer
transparente el color de fondo de un botn activable; sin embargo, puede hacer que
su color de fondo coincida con el color de fondo de la pgina.

Efecto:
Permite seleccionar un efecto visual que se mostrar cuando un usuario pase por
encima del botn.

Color de efecto:
Permite seleccionar un color para el efecto seleccionado en el cuadro Efecto. El color
de efecto aparecer sobre el color del botn.

Ancho:
Permite indicar el ancho del botn en pxeles. Si se selecciona una imagen para el
botn activable mediante el cuadro de dilogo Personalizado, el ancho que se escriba
aqu debe coincidir con el ancho de la imagen.

Alto:
Para indicar la anchura del botn en pxeles. Si se selecciona una imagen para el botn
activable mediante el cuadro de dilogo Personalizado, el alto que escriba aqu debe
coincidir con el alto de la imagen.

Personalizado:
Hgase clic en este botn para asociar un archivo de sonido o una imagen con el
botn activable. Se mostrar el cuadro de dilogo Personalizado, donde podr
especificar si va a reproducir un sonido cuando el usuario haga clic o pase por encima
del botn. Tambin puede especificar si utilizar una imagen como botn o si desea
mostrar una imagen cuando el usuario pase por encima del botn.

Aprenda FrontPage 98 como si estuviera en primero 17

3.3.2. Marquesina.
La marquesina es una regin de una pgina HTML que muestra un mensaje de texto
con desplazamiento horizontal. Las marquesinas resultan tiles para llamar la atencin
del usuario sobre una lnea de texto, como un titular o un anuncio importante. Para
incluir una marquesina en la pgina, hay que sealar Elementos activos del men
Insertar y despus hacer clic en Marquesina. Aparecer el cuadro de dilogo
Propiedades de marquesina:

En el cuadro Texto, se escribe la lnea de texto que debe mostrar la marquesina. Si se

seleccion texto de la pgina en el paso uno, el cuadro Texto contendr el texto
seleccionado.
Se pueden ajustar los valores de direccin, velocidad de
comportamiento, alineacin, tamao, repeticiones y color de fondo.
o

movimiento,

Desplazar:
Esta opcin, similar a un indicador de cotizaciones burstiles, hace que el texto de la
marquesina se desplace continuamente por la pantalla en la direccin que se
especifique.

Deslizar:
Esta opcin hace que el texto de la marquesina se deslice en la pantalla desde la
direccin de inicio hasta el borde opuesto de la ventana. Cuando se llega al final
de la regin definida de la marquesina, el texto de la marquesina permanece en la
pantalla.

Alternar:
Esta opcin hace que el texto de la marquesina vaya hacia delante y hacia atrs
desde la direccin de inicio hasta el borde opuesto de la ventana. El texto de la
marquesina permanece siempre en la pantalla.

3.3.3. Administrador de Titulares (banners).

Sirve para insertar un componente Administrador de titulares (banners).

18 Aprenda FrontPage 98 como si estuviera en primero

Las opciones del cuadro de dilogo son las siguientes:

o

Ancho:
Indica el ancho del titular en pxeles. Este valor debe corresponder al ancho de la
imagen ms ancha que se mostrar en el titular. Sugerencia: El Administrador de titulares
funciona mejor con imgenes que sean aproximadamente del mismo tamao. De lo
contrario, se centrarn las imgenes en una ventana del tamao de la imagen mayor,
sobre un fondo neutro.

Alto:
Escriba el alto del titular en pxeles. Este valor debe corresponder al alto de la imagen
ms alta que se mostrar en el titular.

Transicin:
Usar las opciones de esta seccin para especificar la duracin y los efectos de transicin
para mostrar imgenes en el titular.

Efecto:
Seleccionar el tipo de efecto de transicin
que se utilizar cuando el administrador de
titulares cambie de una imagen a la
siguiente o seleccionar Ninguno para
mostrar las imgenes en secuencia sin
ningn efecto de transicin entre ellas.

Mostrar cada imagen durante (segundos):

Indica el nmero de segundos que se debe mostrar cada imagen en el titular.

Vincular a:
Indica la direccin URL a la que debe apuntar el administrador de titulares. Si un usuario
que est examinando la pgina hace clic en el titular, el hipervnculo saltar a la
direccin URL que haya especificado aqu.

Examinar:
Hacer clic en Examinar para buscar la direccin URL a la que debe apuntar el
administrador de titulares.

Aprenda FrontPage 98 como si estuviera en primero 19

Imgenes que se van a mostrar:

Este cuadro enumera las imgenes que se mostrarn en el titular. Las imgenes se
mostrarn secuencialmente comenzando por el principio de la lista en un bucle infinito.
o Agregar:

Hgase clic en Agregar para agregar imgenes a la lista de imgenes que se van a
mostrar en el titular y seleccione las imgenes en el cuadro de dilogo Agregar imagen al
carrusel de imgenes. Se pueden agregar imgenes del Web de FrontPage actual, de la
red local o del sistema de archivos, de la Galera de imgenes de Microsoft o del World
Wide Web.

Quitar:

Seleccionar una imagen de la lista de imgenes que se van a mostrar y hacer clic en
Quitar para quitar la imagen de la lista.

Subir:

Seleccionar una imagen de la lista de imgenes que se van a mostrar y hacer clic en Subir
para subir la imagen un nivel en la lista. Cada vez que haga clic en Subir, la imagen subir
un nivel en la lista hasta llegar al principio de la lista.

Bajar:

Seleccionar una imagen de la lista de imgenes que se van a mostrar y hacer clic en
Bajar para bajar la imagen un nivel en la lista. Cada vez que haga clic en Bajar, la imagen
bajar un nivel en la lista hasta llegar al final de la lista.

3.3.4. Contadores De Visitas.

Un contador de visitas a la pgina es un contador numrico que muestra el nmero de
usuarios que han visitado el sitio Web.
Para insertar un contador de visitas, se abre el
men Insertar, se elige la opcin elementos
activos y se hace clic en contador de visitas a la
pgina.
En el cuadro de dilogo Propiedades de contador
de visitas a la pgina, se selecciona un estilo de
contador en el campo Estilo del contador (es una
imagen GIF que contiene los dgitos del cero al
nueve). Indicar el nmero que se desea que
muestre el contador al empezar a funcionar en
Restablecer el contador a, y el nmero de dgitos
que se desea muestre el contador en Nmero fijo
de dgitos.

3.3.5. Vdeos.
El comando Vdeo sirve para insertar un archivo de tipo Video for Windows (AVI) en la
pgina activa. El archivo de vdeo se insertar en el punto de insercin de la pgina
activa.

20 Aprenda FrontPage 98 como si estuviera en primero

Como marcador de imagen del

archivo se mostrar la primera
imagen de la secuencia de
vdeo.

Para cambiar las propiedades del clip de vdeo, se selecciona la imagen y se elige
Propiedades de imagen en el men Edicin del Editor de FrontPage.

Las opciones del cuadro de dilogo son las siguientes:

o

Origen de vdeo:
Este campo muestra la direccin URL relativa del vdeo si ste est en el Web de
FrontPage actual, la direccin URL absoluta del vdeo si ste est en una pgina del
World Wide Web o el nombre completo del archivo de vdeo si ste est en un archivo
(los vdeos de archivos tienen el prefijo File).

Examinar:
Permite reparar la ruta de acceso a un vdeo daado o para seleccionar otro vdeo
diferente del Web de FrontPage, de la red local, del World Wide Web o de la Galera de
imgenes de Microsoft.

Mostrar controles en el explorador:

Repetir:

Para mostrar en un explorador de Web botones para iniciar, parar y reproducir el vdeo.
Las opciones de esta seccin controlan el nmero de repeticiones del vdeo y el retardo
entre las repeticiones.

Bucle:
Especifica el nmero de veces que desea que se repita el vdeo. Esta casilla no estar
disponible si la casilla de verificacin Siempre est activada.

Retardo de bucle:
Si el vdeo est configurado para hacer un bucle un determinado nmero de veces o
siempre, especifica el retardo entre cada reproduccin del vdeo, en milisegundos.

Siempre:
Esta casilla se activa si se quiere que el vdeo se reproduzca continuamente. Esta opcin
prevalecer sobre cualquier valor del campo Bucle.

Aprenda FrontPage 98 como si estuviera en primero 21

Iniciar:

Al abrir archivo:

Las opciones de esta seccin controlan cundo se comenzar a reproducir el vdeo.

Si se activa esta casilla de verificacin, el vdeo comienza a reproducirse cuando se
abra el archivo.

Al pasar el Mouse:
Si se activa esta casilla de verificacin, el vdeo comience a reproducirse cuando el
usuario site el ratn sobre el vdeo.

3.3.6. Formulario de Bsqueda.

Un formulario de bsqueda permite a los usuarios buscar texto en todas las pginas o
en las pginas especificadas del Web de FrontPage (o servidor con las extensiones
FrontPage instaladas) actual.
Un formulario de bsqueda es un cuadro de texto de una lnea en el que el usuario
escribe las palabras que desea encontrar en un Web de FrontPage. Cuando el usuario
enva el formulario, crea una lista de hipervnculos a pginas que contienen al menos
una de las palabras.
En el Editor de FrontPage, hacer clic en el lugar donde desea crear el formulario de
bsqueda. En el men Insertar, seale a Elementos activos y despus haga clic en
Formulario de bsqueda. Se abre el cuadro de dilogo Propiedades de formulario de
bsqueda.

o
o
o

En el campo Etiqueta para texto buscado de la ficha Propiedades de formulario de

bsqueda se escribe la etiqueta del campo de cuadro de texto de una lnea o
acepte el valor predeterminado.
En el campo Ancho en caracteres, el ancho en caracteres del campo de cuadro
de texto de una lnea o acepte el valor predeterminado.
En el campo Etiqueta para el botn "Iniciar bsqueda", la etiqueta para el botn de
comando que inicia la bsqueda.
En el campo Etiqueta para el botn "Borrar", la etiqueta del botn de comando
que borra el formulario.

22 Aprenda FrontPage 98 como si estuviera en primero

En el campo Buscar en la lista de palabras de la ficha Resultados de la bsqueda,

se puede indicar que se debe buscar la palabra en todo el Web de FrontPage o
que slo se debe buscar en un directorio del grupo de discusin. (Los directorios de
grupo de discusin se definen en el campo Directorio de la ficha Discusin del
cuadro de dilogo Configuracin para el controlador del formulario de discusin.)
o Todo para buscar en todo el Web de FrontPage excepto en los directorios
del grupo de discusin.
o Un nico directorio de grupo de discusin, como _internet, para limitar la
bsqueda a ese directorio.

Se elige cualquiera de los siguientes campos para incluir informacin adicional en

los resultados de la bsqueda:
o Puntuacin (grado de coincidencia).
o Fecha del archivo indica la fecha y la hora en que se modific por ltima
vez el documento que contiene la coincidencia.
o Tamao del archivo indica el tamao del documento que contiene la
coincidencia, en kilobytes.

3.4. MAPAS DE IM GENES.

Se puede utilizar una imagen para varios hipervnculos a la vez, es decir, realizar links a
diferentes sitios dependiendo de la zona de la imagen donde se haga clic con el
ratn. Esta particularidad se denomina mapa de imgenes. Para hacerlo, se definen
las diferentes zonas sobre las que actuar el botn del ratn. Se pueden crear zonas
circulares, rectangulares, poligonales y de texto.
Una vez insertada la imagen, se selecciona haciendo un clic con el botn primario del
Mouse. En ese instante, se visualizar la barra de herramientas imagen, generalmente,
en la parte inferior de la pantalla.

El primer botn es el de seleccionar, y los cinco siguientes son los utilizados para crear
las zonas activas de las imgenes.
Para crear una zona activa rectangular:
1.
2.
3.
4.

Seleccionar la imagen.
Hacer clic en el botn Rectngulo de la barra de herramientas imagen.
Sealar dentro de la imagen (el puntero se convertir en un lpiz).
Sealar a la primera esquina del rectngulo que se desea crear y despus hacer
clic.
5. Arrastrar el rectngulo hasta que tenga el tamao deseado. Cuando se suelte el
botn del ratn aparecer el cuadro de dilogo Crear hipervnculo.
6. En el cuadro de dilogo Crear hipervnculo, especificar el destino del hipervnculo.
Para crear una zona activa circular:
1. Seleccionar la imagen.
2. Hacer clic en el botn Crculo de la barra de herramientas imagen.
3. Sealar dentro de la imagen (el puntero se convertir en un lpiz).

Aprenda FrontPage 98 como si estuviera en primero 23

4. Marcar con un clic el centro de la zona activa circular que desee crear.
5. Arrastrar la zona activa circular hasta que tenga el tamao deseado. Cuando se
suelte el botn del ratn aparecer el cuadro de dilogo Crear hipervnculo.
6. En el cuadro de dilogo Crear hipervnculo, especificar el destino del hipervnculo.
Para crear una zona activa poligonal:
1. Hacer clic en el botn Polgono de la barra de herramientas imagen.
2. Sealar dentro de la imagen (el puntero se convertir en un lpiz).
3. Hacer clic donde se desee situar la primera esquina del polgono y repetir el clic
para colocar cada esquina del polgono.
4. Hacer doble clic para terminar el polgono. Aparecer el cuadro de dilogo Crear
hipervnculo.
5. En el cuadro de dilogo Crear hipervnculo, especificar el destino del hipervnculo.
Para crear una zona activa de texto:

(se puede crear una zona activa de texto sobre

una imagen GIF)

1. Hacer clic en el botn Texto de la barra de herramientas imagen (aparecer una

regin rectangular en la imagen con el cursor sobre ella).
2. Escribir el texto que desee (slo puede escribir una lnea de texto).
3. Para ajustar el texto, cambiar el tamao de la regin de texto haciendo clic y
arrastrando sus controladores de tamao. Para mover la regin, hacer clic y
arrastrar cualquier borde.
4. Hacer doble clic en un lado del rectngulo (aparecer el cuadro de dilogo Crear
hipervnculo).
5. En el cuadro de dilogo Crear hipervnculo, especificar el destino del hipervnculo.
Para resaltar las zonas activas:
Resaltar zonas activas es til cuando las caractersticas de la imagen dificultan ver las
zonas activas superpuestas en la imagen.
1. Hacer clic en la imagen para activar la barra de herramientas Imagen.
2. Para cambiar entre mostrar las zonas activas solamente y mostrar la imagen y las
zonas activas, hacer clic en el botn Resaltar zonas activas.

Para seleccionar una zona activa:

1. Hacer clic en la imagen (las zonas activas sern visibles).
2. Hacer clic en una zona activa para seleccionarla o arrastrar el ratn sobre una
parte de la imagen para seleccionar ms de una zona activa.
3. Utilizar las teclas TAB y MAYS + TAB para desplazarse entre las zonas activas.

24 Aprenda FrontPage 98 como si estuviera en primero

Para mover una zona activa:

1. Para cambiar el rea de una imagen que sea una zona activa, se puede mover
una o ms zonas activas seleccionadas de esa imagen.
2. Hacer clic en la imagen que contiene la zona activa que desea mover.
3. Seleccionar la zona activa.
4. Cuando la zona activa est seleccionada, se mostrarn en cada una de sus
esquinas y lados los controladores de tamao.
5. Para mover la zona activa, realizar una de las siguientes acciones:
o Hacer clic con el botn primario del Mouse (ratn) y arrastrar la zona activa
a su nueva posicin (mientras se hace clic y se arrastra una zona activa,
presionar ESC para devolverla a su posicin original).
o Usar las teclas de direccin para cambiar su posicin.

Aprenda FrontPage 98 como si estuviera en primero 25

4.

MARCOS (FRAMES).

4.1. CREAR MARCOS.

Los marcos (Frames) dividen la ventana de un explorador de Web en regiones
separadas, cada una de las cuales puede mostrar una pgina separada, desplazable.
Se llama pgina de marcos a un grupo de marcos. Una pgina de marcos es una
pgina Web especial que define el tamao y la ubicacin de cada marco que
contiene.

En las pginas de marcos ms sencillas hay dos marcos: un marco muestra una pgina
con una lista de un conjunto de hipervnculos, y el otro marco muestra las pginas a las
que apunta cada hipervnculo. Cada vez que un usuario hace clic en un hipervnculo
del primer marco, la pgina a la que apunta ese hipervnculo se muestra en el
segundo marco. La pgina de marcos propiamente dicha no contiene realmente
ningn contenido o pgina; slo contiene los hipervnculos a las pginas ya existentes
que se muestran en los marcos.
Para crear una pgina de marcos nueva, se selecciona una plantilla de pgina de
marcos en la ficha Marcos del cuadro de dilogo Nuevo. FrontPage crear la pgina
de marcos en una ventana nueva del Editor. Entonces se puede establecer la pgina
inicial que se desea mostrar en cada marco de la pgina de marcos.

Cuando un usuario haga clic en un hipervnculo hacia la pgina de marcos, el

explorador de Web cargar la pgina de marcos y a continuacin la pgina inicial
especificada para cada marco. Normalmente, cada pgina que se muestra en un
marco es una pgina Web. Sin embargo, un marco tambin puede mostrar otra
pgina de marcos, en cuyo caso ese marco es el primario de todos los marcos de la
nueva pgina de marcos "anidada".
Cuando un usuario haga clic en un hipervnculo de la pgina inicial, la pgina a la
que apunta el hipervnculo se mostrar en el marco de destino designado segn la
plantilla de pgina de marcos que se haya seleccionado.

26 Aprenda FrontPage 98 como si estuviera en primero

4.2. MODIFICAR EL FORMATO.

Una vez construidos los marcos, cualquier

cambio que se desee hacer sobre ellos,
debe realizarse a travs del men Marco.
En l se pueden encontrar las opciones
disponibles para estos componentes.

Nueva pgina de marcos. Permite crear nuevos marcos o Frames. Se mostrar la

plantilla en el campo Vista previa y una descripcin de la plantilla en el campo
Descripcin.

Dividir marco. Se utilizar para dividir un marco en dos, ya sean filas o columnas.

Eliminar marco. Para quitar el marco actual.

Establecer pgina inicial. Permite especificar el documento HTML que se visualizar

en el marco o Frame actual.

Abrir pgina en ventana nueva. Brinda la posibilidad de abrir la pgina activa de

una pgina de marcos en una ventana nueva. La pgina de marcos tambin
permanece abierta. Puede modificarse la pgina en cualquiera de las ventanas.
Este comando es til si una pgina se est mostrando en un marco pequeo en el
que es difcil visualizar sus modificaciones.

Guardar pgina y Guardar pgina como Para guardar la pgina que se muestra
en el marco seleccionado en la pgina de marcos activa.

Propiedades de pgina de marcos Se

utiliza para mostrar la ficha Marcos del
cuadro de dilogo Propiedades de
pgina, donde se pueden especificar el
espaciado y los bordes entre los marcos
de la pgina de marcos activa.
o Espaciado del marco:
Se escribe la cantidad de espaciado
que se va a mostrar entre los marcos,
en pxeles, cuando la pgina de
marcos se muestre en un explorador
de Web.

Mostrar bordes:
Activar esta casilla de verificacin
para mostrar bordes entre los marcos
cuando la pgina de marcos se
muestre en un explorador de Web.

Aprenda FrontPage 98 como si estuviera en primero 27

Propiedades de marco. Permite

especificar propiedades para el marco,
como el tamao del marco, los mrgenes
y la pgina inicial que se va a mostrar.
o

Nombre
Este cuadro muestra el nombre del
marco que se utilizar en el Editor de
FrontPage para establecer el marco
como marco de destino para un
hipervnculo o como destino
predeterminado para todos los
hipervnculos de una pgina.
Inicialmente, este cuadro muestra el
nombre predeterminado asignado al
marco por el Editor de FrontPage.

Opciones
Las opciones de esta seccin sirven para especificar si va a permitir que se cambie
el tamao del marco o se muestren barras de desplazamiento cuando se vea la
pgina en un explorador de Web.

De tamao ajustable en el explorador

Seleccionar esta casilla de verificacin para permitir que los usuarios puedan
cambiar el tamao del marco cuando se muestre la pgina en un explorador de
Web. Si esta casilla de verificacin est borrada, el marco se mostrar con el
tamao que se especifica en la seccin Tamao del marco y el usuario no podr
modificarlo en el explorador de Web

Mostrar barras de desplazamiento

Seleccionar una opcin en la lista desplegable para especificar el uso de barras de
desplazamiento alrededor del marco cuando se muestra en un explorador de Web:
o Si es necesario: muestra barras de desplazamiento si el contenido del marco es
demasiado grande para que se pueda mostrar sin desplazarse.
o Nunca: desactiva las barras de desplazamiento.
o Siempre: activa las barras de desplazamiento.

Tamao del marco

Usar las opciones de esta seccin para especificar el tamao del marco con
respecto a otros marcos de la pgina de marcos. Las opciones especficas
cambian dependiendo de si el marco pertenece a una fila o a una columna, con
respecto a otros marcos de la pgina de marcos. Sugerencia: Tambin se puede
cambiar el tamao de un marco si se arrastra el borde del marco en la vista Normal
del Editor de FrontPage.

Ancho de columna / Alto

Si el marco seleccionado pertenece a una columna que contiene otros marcos del
mismo tamao encima o debajo, estas opciones estn activas. Puede especificarse
el alto y el ancho de la columna del marco como sigue:
o En valores relativos a los otros marcos de la misma columna. Un valor de uno
indica marcos del mismo alto / ancho. Por ejemplo, si se cambia a 3 el alto
del marco seleccionado y despus se cambia a 2 el alto del marco bajo
ste, el Editor de FrontPage cambiar el tamao de los marcos a 3/5 y 2/5
del alto de la fila.
o Como porcentaje del tamao de la ventana cuando la pgina de marcos se
muestre en un explorador de Web.
o En un nmero fijo de pxeles.

28 Aprenda FrontPage 98 como si estuviera en primero

Si se cambia el ancho de columna del marco seleccionado, el cambio se aplicar

de manera uniforme a todos los dems marcos de esa columna. Los tamaos de los
marcos de otras columnas a la izquierda o a la derecha del marco seleccionado se
ajustarn como corresponda.

Ancho / Alto de fila

Si el marco seleccionado pertenece a una fila que contiene otros marcos del mismo
tamao a la izquierda o a la derecha, estas opciones estn activas. Puede
especificarse el ancho y el alto de fila del marco como sigue:
o En valores relativos a los otros marcos de la misma fila. Un valor de uno indica
marcos del mismo alto / ancho. Por ejemplo, si cambia a 3 el ancho del
marco seleccionado y despus cambia a 2 el ancho del marco a la derecha
de ste, el Editor de FrontPage cambiar el tamao de los marcos a 3/5 y 2/5
del ancho de la columna.
o Como porcentaje del tamao de la ventana cuando la pgina de marcos se
muestre en un explorador de Web.
o En un nmero fijo de pxeles.
Si se cambia el alto de fila del marco seleccionado, el cambio se aplicar de
manera uniforme a todos los dems marcos de esa fila. Los tamaos de los marcos
de otras filas encima o debajo del marco seleccionado se ajustarn como
corresponda.

Mrgenes
Permite especificar el tamao de los mrgenes dentro del marco seleccionado.

Ancho
Permite especificar el ancho, en pxel, que se debe sangrar el contenido del marco
con respecto a los bordes izquierdo y derecho.

Alto
Permite indicar el alto, en pxel, que se debe sangrar el contenido del marco con
respecto a los bordes superior e inferior.

Pgina inicial
Este cuadro muestra la direccin URL de la pgina inicial que se muestra
inicialmente en el marco cuando se ve la pgina de marcos en un explorador de
Web. Si no se ha establecido una pgina inicial o para especificar una pgina
inicial diferente, escribir la direccin URL de esa pgina o hacer clic en Examinar
para seleccionar una pgina inicial nueva o diferente.

Examinar
Hacer clic en este botn para seleccionar una pgina inicial nueva o diferente que
se mostrar en el marco. Se mostrar el cuadro de dilogo Modificar hipervnculo.
Puede especificarse una pgina inicial del Web de FrontPage actual, de la red
local o del World Wide Web.

Pgina de marcos
Hacer clic en este botn para mostrar la ficha Marcos del cuadro de dilogo
Propiedades de pgina.

Estilo
Hacer clic en este botn para modificar las propiedades de la hoja de estilo en
cascada para el marco. El formato con hojas de estilos permite un control preciso
sobre el espaciado, la alineacin, las fuentes y los colores que no resulta posible con
los atributos HTML bsicos. Normalmente, el formato con hojas de estilo en cascada
tiene prioridad sobre los atributos especificados con etiquetas HTML; sin embargo, el
formato que se mostrar en un explorador de Web depende del explorador de
Web que se utilice para ver la pgina.

Aprenda FrontPage 98 como si estuviera en primero 29

4.3. OTRAS POSIBILIDADES DE LOS MARCOS (FRAMES).

Como se ha indicado al comienzo de este apartado, los marcos permiten que,
cuando un usuario haga clic en un hipervnculo de la pgina inicial, la pgina a la que
apunta el hipervnculo se muestre en el marco de destino designado segn la plantilla
de pgina de marcos que se haya seleccionado.
Para ello, a la hora de asignar el hipervnculo de la pgina principal de marcos,
independientemente de si es un texto, una imagen o cualquier otro objeto, adems
de indicar la ubicacin de dicho hipervnculo, se puede indicar el marco de destino.
El campo Marco de destino enumera el marco en el que se mostrar la pgina a la
que apunta el hipervnculo. Obsrvese que si se proporciona un marco y no est
cargada ninguna pgina de marcos, el explorador de Web crear una nueva
ventana para mostrar la pgina a la que apunta el hipervnculo.
El paso a realizar es escribir el nombre del marco o pulsar el botn Marco de destino.

Pgina de marcos actual

Si la pgina activa del Editor de FrontPage es una pgina de marcos,
esta rea muestra un "mapa" de la pgina de marcos. Para asignar un
marco de destino para el hipervnculo, hacer clic en un marco de este
mapa. El nombre de este marco se muestra entonces en el campo
Destino.

Destinos comunes
Los destinos comunes son valores de marcos predefinidos que todos los
exploradores de Web entienden. Puede elegirse entre los siguientes
marcos de destino comunes:
o Valor predeterminado de la pgina especifica que la pgina a la
que apunta el hipervnculo se debe mostrar en el marco de destino
predeterminado para la pgina activa. ste es el mtodo
recomendado de especificar marcos de destino para los
hipervnculos.
o El mismo marco establece como marco de destino del hipervnculo
el mismo marco que contiene dicho hipervnculo. Emplear este valor
para omitir el marco de destino predeterminado de la pgina.

30 Aprenda FrontPage 98 como si estuviera en primero

o
o

Toda la pgina establece como marco de destino del hipervnculo

toda la ventana completa del explorador de Web.
Ventana nueva especifica que se debe iniciar una nueva instancia
del explorador de Web en el escritorio del usuario y que la pgina
que es el destino del hipervnculo debe mostrarse en la nueva
instancia del explorador de Web.
Marco primario especifica que la pgina que es el destino del
hipervnculo se mostrar en el marco que contiene la etiqueta de
conjunto de marcos actual. Se trata de una caracterstica
avanzada.

Configuracin de destino
Si se selecciona un marco de destino en las reas Pgina de marcos
actual o Destinos comunes, este campo mostrar el nombre del marco
de destino o destino comn seleccionado. De manera alternativa,
puede escribirse directamente en este campo el nombre del marco de
destino o del destino comn.

Establecer como predeterminado para los hipervnculos de la pgina

Activar esta casilla de verificacin si se desea convertir el marco de
destino seleccionado en el predeterminado para todos los hipervnculos
de la pgina activa. Esto es lo mismo que especificar un marco de
destino predeterminado para la pgina en el cuadro de dilogo
Propiedades de pgina.

Aprenda FrontPage 98 como si estuviera en primero 31

5.

GESTI N DE TABLAS.

5.1. CREAR UNA TABLA

Las tablas estn compuestas de filas y columnas de celdas que pueden contener
cualquier elemento que se pueda colocar en una pgina, como texto, imgenes,
formularios, controles ActiveX o componentes de FrontPage. Pueden utilizarse tablas
para ordenar datos de manera sistemtica o para organizar el diseo de una pgina.
Una tabla permite mostrar texto en prrafos paralelos u organizar el texto junto a los
grficos. Puede usarse una tabla para simular columnas de texto o, por ejemplo, una
columna con un ancho fijo de pxeles para suministrar un margen al texto de una
pgina.
Puede crearse una tabla rpidamente con el
comando Dibujar tabla, que permite definir
una tabla con slo dibujar los bordes de la
tabla, las columnas y las filas. Despus de
crear una tabla, puede personalizarse
agregando filas y columnas, cambiar el
tamao de las celdas y agregar un ttulo.
Tambin puede convertirse texto ya existente
en una tabla y viceversa.
Cuando en una celda se escribe o inserta
texto, imgenes, formularios y otros elementos,
la celda se expande horizontal y verticalmente
para dar cabida a los elementos escritos o
insertados. Puede modificarse, dar formato y
especificar propiedades para el texto o el
elemento insertado, as como para la celda
de la tabla, la fila, la columna o la tabla
propiamente dicha. Puede cambiarse
fcilmente el tamao de las celdas, columnas,
filas o de toda la tabla arrastrando los bordes.

Para crear rpidamente una tabla con el mismo nmero de

celdas en cada fila y columna, usando principalmente la
configuracin predeterminada puede usar el botn Insertar
tabla de la barra de herramientas.
Arrastre el puntero del ratn hasta que FrontPage muestre el
nmero de filas y de columnas deseadas.
Tambin puede utilizarse la barra de herramientas Tabla, creada exclusivamente para
el manejo de stas.

32 Aprenda FrontPage 98 como si estuviera en primero

5.2. SELECCIONAR UNA TABLA O PARTE DE ELLA:

En el Editor de FrontPage puede seleccionarse una tabla o parte de ella de varias
maneras. Para realizar cualquier operacin con una tabla o parte de ella (celdas, filas
o columnas), antes hay que seleccionar la tabla o la parte con la que se quiere
trabajar.
Para seleccionar una celda, hacer una de las operaciones siguientes:
o

Presionar ALT + CLIC en la celda. Para seleccionar varias celdas, presionar M YUS +
CLIC. Para seleccionar celdas no contiguas, presionar CTRL + CLIC.

o
o

Hacer doble clic a la izquierda del relleno de celdas cuando se muestre el cursor
Colocar el punto de insercin en la celda y despus, en el men Tabla, elegir
Seleccionar celda.

Para seleccionar una fila

o

Mover el puntero a la izquierda de la fila, y despus hacer clic en el borde izquierdo de

Para seleccionar varias filas, arrastrar el ratn
la fila cuando se muestre el cursor
sobre ellas.
Colocar el punto de insercin en la fila y despus, en el men Tabla, elegir Seleccionar
fila.

Para seleccionar una columna

o

Mover el puntero a la parte superior de la columna y despus hacer clic en el borde

. Para seleccionar varias columnas,
superior de la columna cuando se vea el cursor
arrastrar el ratn sobre ellas.
Colocar el punto de insercin en la columna y despus, en el men Tabla, elegir
Seleccionar columna.

Para seleccionar una tabla

o
o

Mover el puntero a la barra de seleccin y hacer doble clic.

Colocar el punto de insercin en la celda y despus, en el men Tabla, elegir
Seleccionar tabla.

Para seleccionar un ttulo de tabla

o

Mover el puntero a la izquierda del ttulo de la tabla y hacer clic cuando se muestre el
cursor

Para insertar o eliminar tablas, celdas, filas y/o columnas:

o

Utilizar el men Tabla o el botn secundario

del Mouse. A la hora de insertar, preguntar
por el nmero de stas y por la localizacin
para la insercin de las filas y/o columnas
(encima de la seleccin, debajo, a la
derecha, a la izquierda, etc.).

5.3. CAMBIAR LAS PROPIEDADES DE LAS TABLAS, CELDAS, FILAS Y/O COLUMNAS:
Una vez seleccionadas la regin (celdas, filas, etc.) a la que se desea modificar las
propiedades, ejecutar la opcin Propiedades de la tabla (o de la celda) del men
Tabla. Tambin se accede a estas opciones haciendo clic con el botn derecho del
ratn y eligiendo la opcin Propiedades de...

Aprenda FrontPage 98 como si estuviera en primero 33

En esta ventana, se pueden configurar cuatro tipos de

caractersticas:
o
o
o
o

De diseo
De tamao
De fondo
De color

5.3.1. Propiedades de diseo

o

Alineacin
En la lista desplegable, indicar en qu lugar de pgina desea situar la tabla. (No
todas las opciones se muestran en todas las versiones de navegadores).

Flotante
En la lista desplegable, elegir si se desea que el texto fluya a la derecha de la tabla,
a la izquierda de la tabla o que no lo haga. Por ejemplo, la opcin derecha coloca
la tabla contra el margen derecho de forma que el texto pueda aparecer entre la
tabla y el margen izquierdo.

Tamao del borde

Escribir un nmero, en pxeles, para agregar un borde alrededor de una tabla. El
tamao de borde predeterminado es uno. Un ancho de borde cero significa que
no aparecer ningn borde de tabla en un explorador de Web, sin embargo, el
Editor de FrontPage muestra lneas discontinuas alrededor de las celdas cuando el
tamao del borde es cero para mostrar el diseo de la tabla. Cuando se utilice una
tabla para disear una pgina, establezca en cero el tamao del borde para que
la tabla resulte invisible. Nota: Para ajustar el espacio alrededor de cada celda de
la tabla, use el campo Relleno de celdas.

Relleno de celdas
Escribir un nmero, en pxeles, para establecer el espacio entre el contenido y los
bordes interiores de las celdas. Slo se podr establecer el relleno de celdas para
toda una tabla. El relleno de celdas predeterminado es uno.

Espaciado de celdas
Escribir un nmero, en pxeles, para establecer el espaciado de las celdas de una
tabla. El espaciado de las celdas determina cunto espacio se agrega entre todas

34 Aprenda FrontPage 98 como si estuviera en primero

las celdas de una tabla. Slo podr establecerse el espaciado de celdas para toda
una tabla. El espaciado predeterminado entre las celdas es dos.

5.3.2. Propiedades de fondo

Las opciones de esta seccin sirven para seleccionar una imagen o un color de fondo
para la tabla.
o

Utilizar imagen de fondo

Seleccionar esta opcin para elegir una imagen de fondo para una tabla. Una
tabla puede tener una imagen de fondo diferente de la pgina que la contiene.

Examinar
Hacer clic en Examinar para abrir el cuadro de dilogo Seleccionar imagen de
fondo, donde podr seleccionarse la imagen de fondo para la tabla.

Propiedades
Hacer clic en Propiedades para abrir el cuadro de dilogo Propiedades de imagen
y modificar las propiedades de la imagen de fondo.

Color de fondo
Seleccionar en la lista desplegable un color para utilizarlo como fondo de la tabla.
Una tabla puede tener un color de fondo diferente de la pgina que la contiene.
Para definir un color personalizado, seleccionar Personalizado en la lista
desplegable. Puede establecerse una imagen de fondo, un color de fondo o
ambos.

Colores personalizados
Usar las opciones de esta seccin para elegir los colores utilizados para el borde de
la tabla. Pueden especificarse dos colores para un borde de tabla, lo que
proporciona al borde una apariencia tridimensional. Especificar un solo color para
un borde slido.

Borde
Seleccionar un color de la lista desplegable para que el borde de la tabla sea de
un color. Para definir un color personalizado, seleccionar Personalizado en la lista
desplegable. Si slo se selecciona un Borde claro o un Borde oscuro, el segundo
color usado para el borde ser el color seleccionado en este campo.

Borde claro
Seleccionar en la lista desplegable un color que se usar como uno de los colores
del borde de la tabla y para producir un efecto tridimensional. Para definir un color
personalizado, seleccionar Personalizado en la lista desplegable.

Borde oscuro
Seleccione en la lista desplegable un color que se usar como uno de los colores
del borde de la tabla y para producir un efecto tridimensional. Para definir un color
personalizado, seleccione Personalizado en la lista desplegable.

5.3.3. Propiedades de tamao

Usar la opcin de esta seccin para determinar el ancho mnimo de una tabla.
o

Especificar ancho
Activar esta casilla de verificacin para especificar un ancho mnimo para una
tabla. Si no se especifica ningn ancho, un explorador de Web podra cambiar el
tamao de la tabla y modificar cmo encaja el contenido de las celdas dentro de

Aprenda FrontPage 98 como si estuviera en primero 35

las mismas. Para corregir la apariencia de una tabla en una pgina, especificar un
ancho de tabla.
o en pxeles
Seleccionar esta opcin y escribir el ancho de la tabla en pxeles. La escala de
la tabla no cambiar con el ancho de la ventana del explorador de Web,
independientemente de cmo cambie el usuario el tamao de la ventana o de
la resolucin de su pantalla.
o en porcentaje
Seleccionar esta opcin y escribir un porcentaje para el ancho que tendr la
tabla en la ventana de un explorador de Web. Por ejemplo, si elige 50 %, la
tabla ocupar el 50 % de la ventana de un explorador de Web,
independientemente de cmo el usuario ajuste el tamao de la ventana.
Cuando se especifica un porcentaje de ancho para una tabla, el ancho de
cada celda de la tabla es el mismo. El ancho predeterminado de la tabla es el
100 por 100 de la ventana.

Especificar alto
Activar esta casilla de verificacin para especificar un alto mnimo para una tabla.
Si no se especifica ningn alto, un explorador de Web podra cambiar el tamao de
la tabla y modificar cmo encaja el contenido de las celdas dentro de las mismas.
Para corregir la apariencia de una tabla en una pgina, especificar un alto de
tabla.
o en pxeles
Seleccionar esta opcin y escribir el alto de la tabla en pxeles. La escala de la
tabla no cambiar con el ancho de la ventana del explorador de Web,
independientemente de cmo cambie el usuario el tamao de la ventana o de
la resolucin de su pantalla.
o en porcentaje
Seleccionar esta opcin y escribir un porcentaje para el alto que tendr la tabla
en la ventana de un explorador de Web. Por ejemplo, si se elige 50 %, la tabla
ocupar el 50 % de la ventana de un explorador de Web, independientemente
de cmo el usuario ajuste el tamao de la ventana. Cuando SE especifica un
porcentaje de alto para una tabla, el alto de cada celda de la tabla es el
mismo. El alto predeterminado de la tabla es el 100 % de la ventana.

Aplicar
Hacer clic en Aplicar para ver los cambios realizados en las propiedades de una
tabla antes de cerrar este cuadro de dilogo.

Estilo
Hacer clic en Estilo para abrir el cuadro de dilogo Estilo, donde podr modificar las
propiedades de hoja de estilos en cascada de la seleccin. El formato con hojas de
estilos permite un control preciso sobre el espaciado, la alineacin, las fuentes y los
colores que no resulta posible con los atributos HTML bsicos. Normalmente, el
formato con hojas de estilos en cascada tiene prioridad sobre los atributos
especificados con etiquetas HTML; sin embargo, el formato que se mostrar en un
explorador de Web depende del explorador de Web que se utilice para ver la
pgina.

5.4. OTROS PROCEDIMIENTOS DE TABLAS.

Para agregar o modificar un ttulo de tabla:
Se puede agregar un ttulo a una tabla que resuma a los usuarios su contenido.
o En el Editor de FrontPage, mover el punto de insercin dentro de la tabla o
seleccionar cualquier parte de la misma.

36 Aprenda FrontPage 98 como si estuviera en primero

o En el men Tabla, elegir Insertar ttulo.

FrontPage insertar un ttulo encima de la primera fila de la tabla.
Para agregar una celda de encabezado
Puede ponerse en negrita el texto de las celdas de forma que ste pueda utilizarse
como encabezado.
o En el Editor de FrontPage, mover el punto de insercin a una celda y
despus, en el men Tabla, elegir Propiedades de celda. Tambin puede
seleccionarse una fila, una columna o varias celdas.
o Seleccionar la opcin Celda de encabezado en la seccin Diseo del
cuadro de dilogo.
o Hacer clic en Aceptar.
Para convertir una tabla en texto:
Cuando convierte una tabla en texto, FrontPage separa cada celda de la tabla en un
prrafo.
o Seleccionar la tabla que desea convertir a texto.
o En el men Tabla, elegir Convertir tabla a texto.

Universidad de Navarra
Nafarroako Unibertsitatea
Escuela Superior de Ingenieros
Ingeniarien Goi Mailako Eskola
Paseo de Manuel Lardizbal, 13. 20018 Donostia-San Sebastin
Tel.: 943 219 877 Fax: 943 311 442 www.esi.unav.es informacion@tecnun.com

Otros ttulos de la coleccin:

Sistemas Operativos

Clculo tcnico y cientfico

Aprenda Windows 95 como si estuviera en Primero

Aprenda Linux como si estuviera en Primero

Aprenda MatLab 4.2 como si estuviera en Primero

Aprenda MatLab 5.2 como si estuviera en Primero
Aprenda MatLab 5.3 como si estuviera en Primero
Aprenda Maple V Release 3 como si estuviera en
Primero
Aprenda Maple V Release 5 como si estuviera en
Primero

Lenguajes de programacin
Aprenda ANSI C como si estuviera en Primero
Aprenda C++ como si estuviera en Primero
Aprenda Visual Basic 4.0 como si estuviera en
Primero
Aprenda Visual Basic 6.0 como si estuviera en
Primero
Aprenda Java como si estuviera en Primero
Aprenda Servlets de Java como si estuviera en
Segundo

Microsoft Office
Aprenda Word 7.0 como si estuviera en Primero
Aprenda Excel 7.0 como si estuviera en Primero
Aprenda PowerPoint 7.0 como si estuviera en
Primero
Aprenda Word 97 como si estuviera en Primero
Aprenda Excel 97 como si estuviera en Primero
Aprenda PowerPoint 97 como si estuviera en
Primero
Aprenda Access 97 como si estuviera en Primero
Aprenda Word 2000 como si estuviera en Primero

Nuevos ttulos en preparacin:

Aprenda Excel 2000 como si estuviera en Primero.
Aprenda PowerPoint 2000 como si estuviera en
Primero.
Aprenda FrontPage 2000 como si estuviera en
Primero.
Aprenda HTML 4.0 y CSS como si estuviera en
Primero.
Aprenda JavaScript como si estuviera en Primero.
Aprenda Java Swing como si estuviera en Primero.

CAMPUS TECNOL GICO DE LA UNIVERSIDAD DE NAVARRA

NAFARROAKO UNIBERTSITATEKO CAMPUS TEKNOLOGIKOA