aprenda frontpage editor 98 como si estuviera en primero

38
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 Sebastián, Septiembre de 2000 Perteneciente a la colección: “Aprenda… como si estuviera en primero”

Upload: francisco-ayala

Post on 02-Sep-2015

221 views

Category:

Documents


1 download

DESCRIPTION

Aprenda FrontPage Editor 98 Como Si Estuviera en Primero

TRANSCRIPT

  • 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 FRONTPAGE 98.....................................................................................................3 1.2. LA PANTALLA DEL EDITOR DE FRONTPAGE 98...............................................................................................3

    2. CREACI N DE P GINAS WEB USANDO LAS PLANTILLAS Y LOS ASISTENTES. ............................... 5 2.1. CREACI N DE PGINAS SIMPLES. .................................................................................................................5 2.2. CREACI N DE PGINAS CON MARCOS (FRAMES). .......................................................................................5

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

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

    o 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

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

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

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

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

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

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

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

    o 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: modo de diseo. o HTML: muestra el cdigo HTML de la pgina. o Vista previa: 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 Haga clic en Grficos activos para obtener un grupo de pancartas, botones, vietas y otros elementos grficos.

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

    o Salir de pgina muestra el efecto seleccionado cuando un usuario sale de la pgina activa o sigue un hipervnculo hacia otra pgina.

    o Entrar en sitio muestra el efecto seleccionado cuando un usuario entra inicialmente a su sitio Web visitando la pgina activa.

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

    Si la imagen tiene un hipervnculo, aqu se escribre

    Tipo y formato de imagen

    Nombre y ruta del archivo de imagen

    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

    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.

    Para alinear la imagen a la izquierda, deracha,

    Si queremos aplicar un borde, aqu especificamos el grosor

    Dimensiones de la imagen, en pxels o en

    Permite que la imagen mantenga su

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

    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.

    Seleccionar cualquier archivo del rbol de directorios del

    Direccin URL a la que apunta el

    Opcionalmente, es posible indicar una marca de

    Podemos especificar la ventana en el

    Permite usar el Explorador para especificar la

    Para indicar un archivo del propio PC

    Para indicar una direccin de correo

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

    Texto que aparecer sobre el botn. o Fuente:

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

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

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

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

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

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

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

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

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

    o 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 movimiento, comportamiento, alineacin, tamao, repeticiones y color de fondo.

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

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

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

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

    o Transicin:

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

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

    o Mostrar cada imagen durante (segundos):

    Indica el nmero de segundos que se debe mostrar cada imagen en el titular. o 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.

    o 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

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

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

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

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

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

    o Mostrar controles en el explorador: Para mostrar en un explorador de Web botones para iniciar, parar y reproducir el vdeo.

    o Repetir: Las opciones de esta seccin controlan el nmero de repeticiones del vdeo y el retardo entre las repeticiones.

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

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

    o 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

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

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

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

    o En el campo Ancho en caracteres, el ancho en caracteres del campo de cuadro de texto de una lnea o acepte el valor predeterminado.

    o En el campo Etiqueta para el botn "Iniciar bsqueda", la etiqueta para el botn de comando que inicia la bsqueda.

    o 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

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

    o 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. Seleccionar la imagen. 2. Hacer clic en el botn Rectngulo de la barra de herramientas imagen. 3. Sealar dentro de la imagen (el puntero se convertir en un lpiz). 4. 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.

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

    o Dividir marco. Se utilizar para dividir un marco en dos, ya sean filas o columnas. o Eliminar marco. Para quitar el marco actual. o Establecer pgina inicial. Permite especificar el documento HTML que se visualizar

    en el marco o Frame actual. o 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.

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

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

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

    o 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

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

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

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

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

    o Mrgenes

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

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

    o Alto

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

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

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

    o Pgina de marcos

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

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

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

    o 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 Toda la pgina establece como marco de destino del hipervnculo toda la ventana completa del explorador de Web.

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

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

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

    o 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 Hacer doble clic a la izquierda del relleno de celdas cuando se muestre el cursor o 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 la fila cuando se muestre el cursor Para seleccionar varias filas, arrastrar el ratn sobre ellas.

    o 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

    superior de la columna cuando se vea el cursor . Para seleccionar varias columnas, arrastrar el ratn sobre ellas.

    o Colocar el punto de insercin en la columna y despus, en el men Tabla, elegir Seleccionar columna.

    Para seleccionar una tabla

    o Mover el puntero a la barra de seleccin y hacer doble clic. o 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 De diseo o De tamao o De fondo o 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).

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

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

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

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

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

    o Propiedades

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

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

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

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

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

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

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

    o Aplicar

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

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

  • U n i v e r s i d a d d e N a v a r r a N a f a r r o a k o U n i b e r t s i t a t e a

    E s c u e l a S u p e r i o r d e I n g e n i e r o s I n g e n i a r i e n G o i M a i l a k o E s k o l a

    Paseo de Manuel Lardizbal, 13. 20018 Donostia-San Sebastin

    Tel.: 943 219 877 Fax: 943 311 442 www.esi.unav.es [email protected]

    Otros ttulos de la coleccin:

    Sistemas Operativos Aprenda Windows 95 como si estuviera en Primero Aprenda Linux 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

    Clculo tcnico y cientfico 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 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