Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Tema 1. INTRODUCCIÓN
Aspectos fundamentales sobre Internet ............................................................................................. 1
¿Qué es la Web? ................................................................................................................................ 1
Protocolos .......................................................................................................................................... 2
URL's ................................................................................................................................................. 2
Clientes y Servidores Web ................................................................................................................ 3
Servidores Web.................................................................................................................................. 4
Habilitar o deshabilitar las Extensiones de servidor de FrontPage ................................................... 5
Tema 5. TABLAS
Creación de Tablas .......................................................................................................................... 59
Modificar Tablas.............................................................................................................................. 66
Tema 6. MARCOS
Marcos ............................................................................................................................................. 81
¿Qué es la Web?
La Web se basa en el protocolo de Transferencia de Hipertexto HTTP (HyperText Transport
Protocol).
La Web es simplemente información accesible por medio de los exploradores, los más utilizados
son Microsoft Internet Explorer y Netscape Navigator.
Un explorador consta de una ventana en la que se visualizan páginas Web, con barras de
herramientas y menús que permiten al usuario explorar las páginas y configurar el explorador.
Además de texto, las páginas Web pueden incluir imágenes, gráficos, sonidos, animación y otros
efectos especiales. Las páginas individuales pueden estar vinculadas a otras, de manera que se
Grupo EIDOS
2 INTRODUCCIÓN
tiene acceso a más información. Toda esta información se transmite gracias a los protocolos de
Internet.
La Web ha crecido a una velocidad increíble y miles de personas y de empresas tienen su propia
página Web. El término página principal se utiliza para hacer referencia a la primera página de un
sitio Web, es decir, la página predeterminada y, generalmente, unida a otras páginas. La totalidad
de estas páginas es lo que configura el sitio web.
Cuando creamos un sitio web, es importante optimizar sus páginas de tal manera que los usuarios
las puedan descargar rápidamente, pero, al mismo tiempo, debe tener un buen diseño y se debe
poder actualizar con frecuencia.
Protocolos
Ya sabemos que todas las redes poseen un sistema de protocolos que controlan el intercambio de
la información entre los terminales. En Internet los protocolos se denominan TCP/IP
(Transmission Control Protocol / Internet Protocol).
TCP es el protocolo encargado de la conexión entre los terminales. La información la fragmenta
en paquetes, ya que al sistema le resulta más fácil de controlar, asignándole a cada uno un número
de orden.
IP se encarga de las direcciones a las que enviar o recibir los paquetes de información.
URL's
El sistema de direcciones de Internet se denomina URL (Uniform Resource Locator). Una
dirección IP es un número de 32 bits que sirve para identificar de forma única una máquina
conectada a Internet.
Las direcciones de los terminales y servidores son numéricas, aunque cada dirección IP tiene su
equivalente en el sistema de nombre de dominios DNS (Domain Name System) gracias al cual
podemos teclearlas en forma de texto, mucho más sencillo y fácil de recordar.
Grupo EIDOS
INTRODUCCIÓN 3
Protocolo. Especifica el protocolo de Internet que se va a utilizar para transferir los datos
entre cliente y servidor.
Protocolos de Internet: FTP (File Transfer Protocol) para la transferencia de ficheros;
HTTP (HyperText Transfer Protocol) para la transferencia de hipertexto; Telnet; etc.
Nombre del Dominio. Es la forma de identificar a la máquina de forma única en Internet,
este nombre es la dirección IP. Indica el ámbito del servidor. Se representa con dos o tres
letras.
Ejemplos:
España es
Comercio com
Educación edu
Organización sin ánimo de lucro org
Nombre del recurso. Identifica la página, imagen, directorio, etc. Cada elemento que forma
el camino del recurso se separa con la barra /
Grupo EIDOS
4 INTRODUCCIÓN
El servidor Web consulta las cabeceras HTTP para obtener toda la información y envía el fichero
con las cabeceras de respuesta del protocolo HTTP. El navegador Web utiliza las cabeceras de
respuesta HTTP para determinar cómo mostrar el fichero.
Servidores Web
Todos los sitios web que diseñemos los vamos a guardar en un servidor web. Los servidores web
son los encargados de guardar sitios web, permitiendo que las páginas sean accesibles desde los
exploradores.
FrontPage admite todos los servidores web más conocidos.
Grupo EIDOS
INTRODUCCIÓN 5
Plataformas
• Microsoft Windows 95 y 98
• Microsoft Windows NT Workstation y Windows NT Server
• UNIX (Solaris, SunOs, HP/UX, IRIX, BSDi, Linux y Digital UNIX).
Grupo EIDOS
6 INTRODUCCIÓN
Grupo EIDOS
SITIOS WEB
Grupo EIDOS
8 SITIOS WEB
• FrontPage 2000 subraya con una línea en rojo los errores ortográficos o las palabras
desconocidas.
• Se pueden crear subwebs anidados para que la estructura del sitio sea más organizada.
También pueden darse permisos de acceso diferente para cada subweb.
• El control de origen nos permite reservar un archivo en un Web para que nadie lo pueda
modificar.
• Se pueden asignar páginas a determinados miembros de un equipo.
HTML
• Si se modifica código HTML y secuencias de comandos existentes, el código no cambia,
tampoco el que proceda de otros programas.
• Insertar código de forma rápida con los botones o los menús en la ficha HTML de la página.
• Se puede personalizar la sangría del código HTML, los colores de las tabulaciones y cuándo
utilizar mayúsculas y etiquetas opcionales.
Publicar
• En la publicación, un indicador de progreso facilita el seguimiento del proceso de publicación.
Programación
• Modificar y depurar secuencias de comandos, incluidos JavaScript y VBScript.
• Se pueden realizar soluciones basadas en FrontPage mediante VBA
• Se puede manipular FrontPage, páginas y sitios web mediante código.
Bases de datos
• Se pueden incorporar bases de datos de Microsoft Access a una página web. Los visitantes
pueden modificar la base de datos desde sus exploradores.
• Se puede crear o modificar una base de datos con un formulario.
Idioma
• Se puede establecer el idioma para cada página.
Grupo EIDOS
SITIOS WEB 9
Office
• Los documentos HTML se pueden utilizar del mismo modo que los archivos de Office.
• Al modificar un archivo de Office 2000 con FrontPage, desde un web, la aplicación de Office
se abre para modificar el archivo en su aplicación original.
• Los componentes Microsoft Office Web Component (Hoja de cálculo, Tabla dinámica y
Gráfico) permiten agregar directamente las funciones de Microsoft Excel a las páginas web.
• Las Extensiones de servidor de Office incorporan las funciones de las Extensiones de servidor
de FrontPage, lo que permite tener webs en servidores que ejecutan las Extensiones de
servidor de Office.
Instalación
• Si se utiliza la tecnología estándar de Microsoft Windows Installer, se puede instalar
FrontPage 2000 con Office 2000.
• Los componentes y programas se instalan según se necesiten.
• Cuando se inicia, FrontPage determina si faltan archivos y dónde podemos encontrarlos para
instalarlos.
• Asistente para instalación personalizada.
Grupo EIDOS
10 SITIOS WEB
Planificación de la información
Antes de crear nuestro sitio, es muy importante hacer una buena planificación del mismo y para
conseguir crear un buen sitio, debemos ponernos en el punto de vista del usuario.
Los mejores sitios web son los que resultan atractivos, comunican un mensaje de forma clara y las
páginas no tardan demasiado en descargarse, para ello, se deben utilizar elementos que los
usuarios puedan descargar rápidamente, además, es preferible no poner todo en una sola página.
Iniciar FrontPage
Para entrar en FrontPage pulsaremos el botón Inicio de la barra de tareas, seleccionaremos del
menú emergente Programas y de ahí activaremos la opción Microsoft FrontPage, tal y como
aparece a continuación:
Grupo EIDOS
SITIOS WEB 11
Accediendo a FrontPage de cualquiera de las dos maneras indicadas aparecerá la siguiente ventana
inicial:
En la parte superior de la ventana se encuentra el título de ésta "Microsoft FrontPage", con los tres
botones que aparecen en todas las barras de título de las ventanas de Windows: Minimizar,
Maximizar o Restaurar y Cerrar.
Grupo EIDOS
12 SITIOS WEB
Debajo de la barra de título aparece la barra de menús, cada uno de los cuales con sus comandos
respectivos.
Grupo EIDOS
SITIOS WEB 13
• Carpetas. Aparecen todas las carpetas y archivos pertenecientes a nuestro web. Cuando
tenemos creado un sitio web, esta opción nos permite organizar sus archivos y carpetas, éstos
se pueden copiar, mover, eliminar, cambiar el nombre, etc. También se pueden crear
subcarpetas.
En esta vista, la pantalla aparece dividida verticalmente en dos ventanas. En el panel izquierdo
aparece la estructura de carpetas del sitio. La carpeta principal contendrá subcarpetas y
archivos. En el panel derecho aparece una lista con el contenido de la carpeta seleccionada.
Las carpetas y archivos que se encuentran en el panel derecho contienen una serie de datos
informativos: Nombre, Título, Tamaño, Tipo, Fecha de modificación, Modificado por y
Comentarios. Para ordenar la lista en función de una determinada columna, pulsamos el
encabezado de dicha columna, esto es, su título.
La siguiente imagen nos muestra la vista Carpetas:
• Informes. Al tener abierto un Web, esta vista proporciona información sobre los archivos,
hipervínculos, imágenes y otros elementos que tengamos creados. En la vista Informes,
aparecen cuatro columnas con información: Todos los archivos, Contador, Tamaño y
Grupo EIDOS
14 SITIOS WEB
Descripción. Para ordenar todos los informes según una columna pulsaremos el encabezado de
dicha columna.
Veamos un ejemplo en la siguiente imagen:
Además de utilizar la Barra de vistas para acceder a Informes, también se puede ver y
administrar el sitio web desde el menú. Para ello seleccionaremos el menú Ver y la opción
Informes, aparecerán las siguientes opciones:
Grupo EIDOS
SITIOS WEB 15
Resumen del sitio. Este informe proporciona una idea general de cuáles son los elementos
más importantes del sitio. En la última vista de Informes vimos un ejemplo.
Todos los archivos. Aparecen todos los archivos del sitio.
Archivos agregados recientemente. Muestra una lista con los últimos archivos que se han
añadido.
Archivos modificados recientemente. Aparece una lista con los archivos que se han
modificado últimamente.
Archivos antiguos. Aparecen los archivos que tienen más de un determinado número de
días.
Archivos no vinculados. Muestra una lista con archivos que no están vinculados a ningún
objeto.
Páginas lentas. Este informe proporciona información acerca de cuántos segundos va a
tardar en descargarse una página a determinada velocidad del módem.
Hipervínculos rotos. En esta lista aparecerán los hipervínculos que no funcionan. Para
arreglar un vínculo roto, y encontrándonos en el informe Hipervínculos rotos, lo pulsamos
con el botón derecho del ratón y seleccionamos Modificar hipervínculo del menú
emergente, con lo que abriremos el cuadro de diálogo del mismo nombre y donde haremos
las modificaciones pertinentes.
Errores de componente. Con FrontPage tenemos ya todos los componentes personalizados
incluidos. Si existe un error en cualquiera de los componentes del sitio, aparecerá en este
informe.
Estado de revisión. Se pueden organizar y ver los archivos del sitio creando un proceso de
revisión. Para asignar un estado de revisión, pulsamos, junto al archivo que queremos
cambiar, en la columna Estado de revisión, aparecerá un menú desplegable del que
seleccionaremos la revisión que deseemos o escribiremos el nombre de la nueva.
Veamos un ejemplo:
Grupo EIDOS
16 SITIOS WEB
Asignado a. Si hay muchas personas trabajando en el sitio y deseamos saber quién está
trabajando en cada página, pulsaremos en la columna Asignado a.
Categorías. Las categorías nos servirán para organizar los elementos individuales.
Podemos seleccionar una de las categorías existentes, o bien crear una nueva.
Estado de publicación. Habrá ocasiones en las que solamente queramos publicar
determinados archivos. Para decidir si un archivo queremos o no publicarlo, nos
situaremos en la columna Publicar del archivo, aparecerá una lista desplegable donde
seleccionaremos Publicar o No publicar. Si seleccionamos No publicar, el archivo no se
publicará junto al resto del sitio web.
• Exploración. Aparecen las páginas que componen el Web que tenemos abierto en forma de
árbol. Esta vista divide la pantalla en dos paneles verticales. En la zona de la derecha es donde
se diseña la estructura y en la de la izquierda es, simplemente, una vista de las carpetas.
• Hipervínculos. Muestra los hipervínculos (enlaces) que relacionan las páginas de nuestro Web
o que están relacionados con otros Web de Internet.
Grupo EIDOS
SITIOS WEB 17
• Tareas. Se trata de un administrador de tareas que podemos utilizar para planificar los pasos a
seguir en la creación de un Web. Enumera cada una de las tareas, la describe, le asigna una
prioridad, indica quién la tiene asignada...
La columna "Estado" informa sobre el estado de la tarea. En la columna "Tareas" se describe
la tarea en cuestión. En la columna "Asignada a" se informa de la persona responsable de
realizar dicha tarea. La columna "Prioridad" indica el tipo de prioridad que tiene la tarea: alta,
media o baja. La columna "Asociada a" indica qué página o archivo hay que modificar para
completar la tarea. En la columna "Fecha de modificación" se informa sobre la fecha en que se
modificó la tarea por última vez. Y en la columna "Descripción" se ofrece una descripción de
cada tarea.
Grupo EIDOS
18 SITIOS WEB
En este cuadro seleccionaremos el tipo de sitio que queremos crear. Activaremos Web de una
página (del resto de los Asistentes y Plantillas hablaremos más adelante).
Al seleccionar Web de una página, estamos creando un sitio con una página en blanco. FrontPage
crea un sitio de una sola página y sus carpetas correspondientes. A continuación se puede construir
el resto del sitio.
Tras seleccionar Web de una página, hay que designar un nombre para el nuevo web y, si es
necesario, también hay que cambiar la ubicación. Es aconsejable cambiar el nombre
predeterminado por otro que haga referencia a nuestro web.
Por defecto, FrontPage utiliza una ubicación local, podemos cambiarlo seleccionando una de las
ubicaciones que se encuentran en la lista desplegable Especifique la ubicación del nuevo Web.
Si la ubicación deseada no se encuentra en la lista, bastará con escribirla en el cuadro de lista.
Si se está construyendo el sitio en una ubicación segura y dicha ubicación dispone de SSL,
marcamos la casilla de verificación Conexión segura requerida (para más información, vea el
capítulo "Seguridad en la Red", Tema 10).
Grupo EIDOS
SITIOS WEB 19
• Buscar en. Solicita el lugar donde tenemos guardada la página que queremos abrir. Tenemos
dos opciones, o la buscamos mediante la lista desplegable que nos aparece en la parte superior
Grupo EIDOS
20 SITIOS WEB
O bien, lo hacemos directamente con cualquiera de las opciones que nos aparecen por defecto
a la izquierda de la ventana
• Nombre de archivo. En esta caja de texto escribiremos el nombre del archivo que queremos
abrir.
• Tipo de archivo. Aquí seleccionaremos el tipo de archivo a abrir, por defecto aparecerá
"Páginas Web" pero podríamos seleccionar cualquier otro tipo de los que aparecen en la lista,
un documento de Word o WordPerfect, una Hoja de Cálculo de Excel o de Lotus, etc.
Una vez que tengamos seleccionado el documento que queremos abrir, pulsaremos la opción Abrir
o, si lo que queremos es salir de este cuadro de diálogo sin abrir ningún archivo, pulsaremos la
opción Cancelar.
Grupo EIDOS
SITIOS WEB 21
Eliminar un sitio
Para eliminar un sitio abierto, seleccionamos el sitio que queremos borrar y pulsamos el botón
derecho del ratón, en el menú que aparece pinchamos en la opción Eliminar y nos aparece un
cuadro de diálogo donde se nos pregunta qué deseamos eliminar, o el Web completo o solamente
la información de FrontPage.
Borrar archivos
Los archivos los podemos eliminar seleccionándolos en la vista Carpetas, Informes, Exploración o
Hipervínculos y pulsando a continuación la tecla Suprimir del teclado, o bien, del menú contextual
del archivo (aparece, teniendo seleccionado el archivo, con el botón derecho del ratón),
seleccionamos Eliminar, o, por último, con el menú Edición y la opción Eliminar.
Grupo EIDOS
22 SITIOS WEB
• Agregar archivo. Pulsaremos este botón con el que se abrirá el cuadro de diálogo donde
seleccionaremos los archivos que queremos importar. Una vez tengamos seleccionados los
archivos pulsaremos el botón Abrir.
Grupo EIDOS
SITIOS WEB 23
• Agregar carpeta. Con este botón lo que haremos será agregar carpetas a nuestro web con sus
subcarpetas y archivos.
• Desde el Web. Cuando pulsamos este botón aparece el "Asistente para importar al Web", el
cual nos irá solicitando la información necesaria.
Grupo EIDOS
24 SITIOS WEB
Grupo EIDOS
SITIOS WEB 25
Publicación
Podemos crear el sitio en nuestro disco duro, lo que nos puede ahorrar mucho tiempo, y
posteriormente publicarlo con la opción Publicar Web del menú Archivo.
O, también podemos trasladar nuestro sitio web a otro servidor, con lo que utilizaremos,
igualmente, la opción Publicar Web del menú Archivo, lo que haremos, en este caso, será copiar el
sitio en un servidor nuevo, para ello abriremos el sitio que queremos copiar y pulsaremos el botón
Publicar Web de la barra de herramientas Estándar. La siguiente imagen muestra el cuadro de
diálogo "Publicar Web":
Grupo EIDOS
26 SITIOS WEB
Salir de FrontPage
Para salir de FrontPage pulsaremos el menú Archivo y la opción Salir, o bien el botón
Con ALT+F4 también saldremos del programa.
Si intentamos salir del programa sin haber guardado previamente los cambios, nos preguntará si
deseamos hacerlo en este momento. Podemos optar por guardarlos, no hacerlo, o no cerrar la
aplicación si pulsamos el botón Cancelar.
Grupo EIDOS
INFORMACIÓN GENERAL SOBRE
PÁGINAS WEB
HTML
Aunque este curso se va a desarrollar en su totalidad con FrontPage, no está de más que
conozcamos algunas características del lenguaje HTML.
HTML es la abreviatura de HyperText Markup Lenguage y es el lenguaje que todos los
navegadores utilizan para presentar la información en la World Wide Web (WWW). Este es un
lenguaje que se basa en el uso de etiquetas, consistentes en un texto ASCII encerrado entre
paréntesis angulares (<..>). El texto incluido dentro de los paréntesis nos indicará la utilidad de la
etiqueta.
Las etiquetas podrán incluir una serie de atributos o parámetros, casi siempre opcionales, que nos
permitirán definir diferentes posibilidades o características de la misma. Estos atributos quedarán
definidos por su nombre y el valor que toman separados por el signo igual. En el caso de que el
valor del atributo tenga más de una palabra deberá expresarse entre comillas, en caso contrario no
es necesario.
El manejo de etiquetas nos permitirá, entre otras cosas:
• Definir la estructura del documento HTML.
• La inclusión de hiperenlaces, que nos permitirán acceder a otros documentos.
• Aplicar distintos estilos al texto.
• Incluir imágenes, vídeos, etc.
Si desea saber más acerca del lenguaje HTML, le remitimos al curso "Lenguaje HTML" que se
encuentra en la siguiente dirección de Internet: http://www.eidos.es/almagesto
Grupo EIDOS
28 INFORMACIÓN GENERAL SOBRE PÁGINAS WEB
Modos de trabajo
Cuando estamos creando una página nueva, o tenemos abierta una, aparecen tres vistas,
seleccionables, en la parte inferior de la pantalla: Normal, HTML y Vista previa:
Vista Normal
En la vista Normal será donde trabajaremos habitualmente. En esta vista no tendremos que
introducir ni un solo fragmento de código.
Vista HTML
El código aparece en diversos colores, esto es, el texto, los marcadores HTML, los atributos y el
código JavaScript aparecen en colores para diferenciarlos, lo que nos facilita la tarea cuando
tenemos que revisarlo.
Vista previa
La Vista previa nos muestra el resultado de nuestra página tal y como la veríamos con un
navegador, teniendo en cuenta que el aspecto que genera es el mismo que si la viéramos con
Internet Explorer, si utilizamos otro navegador, el resultado puede variar.
Grupo EIDOS
INFORMACIÓN GENERAL SOBRE PÁGINAS WEB 29
Veamos un ejemplo:
En primer lugar, hemos escrito una línea en la que hemos modificado el tamaño Normal de fuente
por el de 2 (10 pto), así como las palabras "Máster Eidos" a las que les hemos puesto un tamaño de
3 (12 pto) y Negrita.
También hemos puesto un fondo a la página.
El resultado sería el siguiente, en cada una de las vistas.
Vista Normal:
Grupo EIDOS
30 INFORMACIÓN GENERAL SOBRE PÁGINAS WEB
Vista HTML:
Grupo EIDOS
INFORMACIÓN GENERAL SOBRE PÁGINAS WEB 31
Vista previa:
Plantillas y Asistentes
En este curso vamos a ver cómo crear nuestras propias páginas web partiendo de cero, pero
FrontPage también incluye una serie de plantillas que nos pueden ayudar en un momento dado
para comenzar la creación de una página.
Cuando se selecciona una plantilla se obtiene un determinado texto, a modo de ejemplo, que
tendremos que sustituir por el nuestro, además de poderle añadir imágenes, sonidos, vínculos, etc.
Plantillas web
Si lo que deseamos es abrir una plantilla para crear un sitio Web, seleccionaremos el menú
Archivo, opción Nuevo y del submenú activaremos Web, nos aparecerá un cuadro como el
siguiente:
Grupo EIDOS
32 INFORMACIÓN GENERAL SOBRE PÁGINAS WEB
En esta ventana, además de Plantillas, nos aparecen Asistentes, éstos nos ofrecen opciones que
vamos seleccionando, para ayudarnos a crear un sitio o una página Web.
• Web de una página. Crea un sitio Web de una página, sin contenido.
• Web de proyecto. Crea un sitio Web donde se establecerá información sobre un proyecto. Crea
una página principal, otra página en la que se enumeran los miembros del proyecto, otra sirve
de búsqueda, otra con el plan de trabajo, otra con el estado del proyecto, otras páginas de
discusión y formularios y una página con vínculos con todas las discusiones sobre el proyecto.
• Web de soporte al cliente. Crea un sitio al que pueden acudir los clientes para solicitar
información, plantear problemas, etc.
• Web personal. Crea una página personal, con fotos, vínculos, etc.
• Web vacío. Crea un sitio completamente vacío, a partir de él se agregará el contenido.
• Asistente para importar al Web. Si tenemos un sitio que no se ha creado con FrontPage o una
serie de archivos que deseamos importar a FrontPage, podemos utilizar este asistente.
• Asistente para presencia corporativa. Este Asistente nos ayuda a crear un sitio web para una
empresa. Se ofrecen varios tipos de páginas que podemos seleccionar a nuestro gusto.
Grupo EIDOS
INFORMACIÓN GENERAL SOBRE PÁGINAS WEB 33
• Asistente para Web de discusión. Este asistente crea un grupo de discusión con hebras, tablas
de contenido y búsqueda de texto.
Plantillas de página
Para poder utilizar una plantilla de página, hay que tener activada la vista Página.
Para acceder a las plantillas, seleccionaremos el menú Archivo, opción Nuevo y del submenú
elegiremos Página. Aparecerá el siguiente cuadro de diálogo:
En esta ventana aparecen, como podemos apreciar, tres fichas: General, Páginas de marcos y
Hojas de estilos.
La Vista previa nos muestra la apariencia de la plantilla seleccionada y en Descripción se nos
informa del contenido de la plantilla.
Grupo EIDOS
34 INFORMACIÓN GENERAL SOBRE PÁGINAS WEB
Texto
El texto es fundamental en una página Web ya que es el que nos ofrece información sobre la
página.
Al texto podemos darle apariencias distintas como son el tipo de letra, colores, efectos, etc.
Cuando una parte del texto sea un hipervínculo (nos lleva a otro objeto o página), éste aparece
subrayado.
Imágenes
Las imágenes sirven para hacer más atrayentes las páginas. En Internet las imágenes suelen tener
los formatos GIF y JPG.
No conviene que las imágenes tengan un tamaño desmesurado ya que tardan demasiado en ser
"descargadas", lo que puede resulta molesto para los visitantes.
Sonidos
Los sonidos en Internet suelen tener el formato WAV y al igual que las imágenes ocupan mucho
espacio por lo que conviene comprimirlos para que ocupen menos.
Vídeo
Los formatos en que aparecen los vídeos en Internet son AVI y QTM.
Grupo EIDOS
INFORMACIÓN GENERAL SOBRE PÁGINAS WEB 35
Grupo EIDOS
36 INFORMACIÓN GENERAL SOBRE PÁGINAS WEB
Grupo EIDOS
INFORMACIÓN GENERAL SOBRE PÁGINAS WEB 37
Tareas
FrontPage ofrece la posibilidad de recordar todos los pasos que planifiquemos previamente a la
hora de crear un Web. Se trata de una lista de tareas donde aparecerán todas las operaciones que
nos parezcan relevantes para crear el Web.
Para acceder a la lista, deberemos seleccionar la opción Tareas del menú Ver.
Si deseamos añadir una nueva tarea a la lista, deberemos utilizar el menú Archivo, la opción
Nuevo y elegir Tarea. También podemos seleccionar el menú Edición, la opción Tarea y Agregar
tarea. Aparecerá el siguiente cuadro:
Grupo EIDOS
CREACIÓN DE PÁGINAS WEB
Grupo EIDOS
40 CREACIÓN DE PÁGINAS WEB
Otra forma de crear una página nueva es, teniendo visible la Barra de vistas, seleccionar Página,
la nueva página aparecerá, en blanco, a la derecha de la Barra, como se muestra a continuación:
Grupo EIDOS
CREACIÓN DE PÁGINAS WEB 41
Si no deseamos tener siempre visible la Barra de vistas, la desactivaremos en el menú Ver, opción
Barra de vistas, de esta manera nos quedará toda la pantalla para el diseño de nuestras páginas.
Introducción de texto
Como ya hemos dicho, la vista Página funciona de manera muy parecida a un procesador de
textos. De hecho, incluye muchos de los botones y órdenes estándar de Word, Negrita, cursiva,
subrayado, numeración y viñetas, deshacer y rehacer, alineación izquierda, centrada y derecha,
etc.
El texto se escribe de la misma manera que en cualquier otro procesador de textos.
Grupo EIDOS
42 CREACIÓN DE PÁGINAS WEB
Seleccionar texto
Habitualmente lo que hacemos es introducir el texto y después darle formato. Para dar formato a
un texto que ya está escrito, habrá que seleccionarlo previamente.
Para seleccionar un texto tenemos dos opciones, o bien lo hacemos con el teclado o bien con el
ratón.
Seleccionar texto con el ratón
Para seleccionar un texto con el ratón basta con hacer clic sobre el principio del texto que
queremos seleccionar y, sin soltar el botón izquierdo del ratón, arrastrarlo hasta el fin del texto a
seleccionar.
Es muy importante comenzar a seleccionar al principio o al final del texto deseado puesto que no
nos va a permitir seleccionar texto en dos direcciones.
Si deseamos quitar la selección a un texto, basta con hacer un clic en cualquier lugar y comenzar
nuevamente la selección.
Si deseamos seleccionar líneas enteras, nos situaremos en el margen izquierdo de la página (el
puntero del ratón toma forma de flecha), hacemos clic y podemos desplazarnos hacia arriba o
hacia abajo, seleccionando, de esta forma, líneas completas.
Grupo EIDOS
CREACIÓN DE PÁGINAS WEB 43
botón Pegar de la barra de herramientas o bien la opción Pegar del menú Edición. El texto
aparecerá duplicado en el lugar de destino.
Si lo que queremos es mover un texto, seguiremos exactamente los mismos pasos, pero en vez de
seleccionar Copiar, seleccionaremos la opción Cortar.
Para eliminar un texto o elemento, lo seleccionamos y pulsamos la tecla SUPR del teclado, o bien
activamos la opción Eliminar del menú Edición.
Alinear texto
El texto lo podremos alinear a la izquierda, centrarlo o alinearlo a la derecha.
Derecha. Alinea el texto respecto al margen derecho, con lo que el margen izquierdo queda
desigual.
Estas tres opciones, además de Justificar, también las podemos seleccionar en Alineación, que se
encuentra en la opción Párrafo del menú Formato.
Interlineado
El interlineado es el espacio que existe entre una línea y la siguiente. Para modificar el
interlineado iremos al menú Formato, opción Párrafo... y abriremos la lista desplegable de
interlineado donde podemos seleccionar una de las tres opciones que aparecen: Sencillo, 1,5 líneas
o Doble.
El interlineado siempre estará en función del tipo de fuente que tengamos seleccionada y de su
tamaño.
Grupo EIDOS
44 CREACIÓN DE PÁGINAS WEB
Sangrías
Al sangrar un texto conseguimos que el margen del texto seleccionado, o del párrafo donde se
encuentre el cursor, se desplace a la derecha del margen izquierdo de la página.
Hay que tener en cuenta, que las sangrías afectan al párrafo entero y nunca a líneas individuales de
un mismo párrafo, salvo que indiquemos lo contrario en el cuadro de diálogo "Párrafo", en cuyo
caso podemos aplciar una sangría solamente ala primera linea del párrafo. Igualmente, y en el
mismo cuadro de diálogo, podemos indicar que la sangría afecte al margen derecho del párrafo y
no solamente al izquierdo.
En la barra de herramientas existen dos botones, uno de ellos para aumentar la sangría y el otro
para disminuirla. Cuando aumentamos la sangría, el margen izquierdo del párrafo se desplaza
hacia la derecha mientras que cuando la disminuimos el mismo margen se desplaza hacia la
izquierda.
Aumentar sangría
Disminuir sangría
Grupo EIDOS
CREACIÓN DE PÁGINAS WEB 45
Sangría:
• Antes del texto. La sangría afecta al margen izquierdo de todo el párrafo.
• Después del texto. La sangría afecta al margen derecho del párrafo.
• Aplicar sangría a primera línea. La sangría afectará, exclusivamente, a la primera línea del
párrafo.
Grupo EIDOS
46 CREACIÓN DE PÁGINAS WEB
Debemos tener cuidado con las sangrías ya que algunos navegadores no las soportan.
Viñetas y numeración
Se pueden crear esquemas en un texto de tal modo que los elementos de una lista queden
numerados, o bien que nos aparezcan con viñetas.
Los botones para activar la numeración o las viñetas son y respectivamente.
Si lo que deseamos es modificar las características de los esquemas, activaremos la opción Viñetas
y numeración... del menú Formato. Aparecerá un cuadro de diálogo con tres Fichas: Viñetas de
imagen, Viñetas y Numeración.
Grupo EIDOS
CREACIÓN DE PÁGINAS WEB 47
• Usar imágenes del tema actual. Permite utilizar únicamente las viñetas del tema que se esté
utilizando en el Web.
• Especificar imagen. Podemos indicar los datos del archivo que contiene la imagen, escribiendo
su dirección directamente en la caja de texto, o bien, pulsando el botón Examinar para
seleccionar la ruta del archivo.
Ficha Viñetas
Las viñetas son símbolos especiales que podemos insertar con FrontPage.
Permite seleccionar una de las viñetas existentes.
Grupo EIDOS
48 CREACIÓN DE PÁGINAS WEB
Ficha Numeración.
Permite numerar los párrafos con distintos sistemas de numeración: arábigo, romano, etc.
También nos da la posibilidad de comenzar la numeración con un valor diferente al primero de la
lista.
Grupo EIDOS
CREACIÓN DE PÁGINAS WEB 49
Insertar símbolos
Los símbolos son caracteres especiales que podemos insertar en nuestras páginas.
Para insertar un símbolo, seleccionamos el menú Insertar y la opción Símbolo.... Aparecerá el
siguiente cuadro de diálogo:
Grupo EIDOS
50 CREACIÓN DE PÁGINAS WEB
Para insertar uno de los símbolos en nuestra página, lo seleccionamos, -clic sobre él- y pulsamos
el botón Insertar, en este momento el símbolo seleccionado se habrá insertado en nuestra página.
Podemos insertar tantos símbolos como deseemos, al finalizar pulsaremos el botón Cerrar.
Encabezados
Los encabezados ayudan a establecer las prioridades de los niveles de información de una página.
Para seleccionar el estilo pulsaremos el botón Estilo de la Barra de herramientas Formato,
aparecerá una lista desplegable con diferentes tipos de encabezados, seis en total, comenzando por
el Encabezado1, de nivel superior y de mayor tamaño y finalizando con el Encabezado6, de nivel
inferior y menor tamaño.
Veamos una muestra:
Grupo EIDOS
CREACIÓN DE PÁGINAS WEB 51
Listas
Podemos encontrar diferentes tipos de listas que se encuentran en el botón Estilo de la barra de
herramientas Formato:
• Lista numerada. Los elementos se presentan en una secuencia ordenada, normalmente con
numerales y comenzando por el número 1.
• Lista con viñetas. Los elementos se presentan con viñetas.
• Lista de directorios. Es otro tipo de formato de listas con viñetas. Se suele utilizar para listas
cortas.
• Lista de menú. Se trata de un tipo más de formato de lista con viñetas.
Grupo EIDOS
52 CREACIÓN DE PÁGINAS WEB
Configurar la página
Para configurar la página seleccionaremos del menú Archivo la opción Configurar página....
Aparecerá el siguiente cuadro de diálogo:
Grupo EIDOS
CREACIÓN DE PÁGINAS WEB 53
Imprimir
Para imprimir una página seleccionaremos el menú Archivo y la opción Imprimir, o bien
pulsaremos el botón Imprimir de la barra de herramientas Estándar.
Con el botón Imprimir sacaremos por impresora una copia de toda la página. No nos aparece
ningún cuadro de diálogo, con lo que no podemos seleccionar nada.
Si para imprimir utilizamos la opción Imprimir del menú Archivo, nos aparecerá el siguiente
cuadro de diálogo:
Grupo EIDOS
54 CREACIÓN DE PÁGINAS WEB
Grupo EIDOS
CREACIÓN DE PÁGINAS WEB 55
Deshacer y Rehacer
Deshacer
Esta opción nos permite deshacer, es decir, eliminar la última operación, y anteriores, que
hayamos realizado.
Utilizaremos el botón Deshacer de la barra de herramientas Estándar, o seleccionaremos
la opción Deshacer del menú Edición.
Las operaciones se deshacen en orden inverso a cómo han sido creadas.
Rehacer
Con Rehacer "desharemos lo deshecho", es decir, cuando deshacemos algo que queremos
recuperar, pulsaremos este botón y se restablecerá la operación deshecha.
Para rehacer una operación utilizaremos el botón Rehacer de la barra de herramientas
Estándar o el menú Edición y la opción Rehacer.
Buscar y Reemplazar
Buscar
Cuando deseamos localizar un texto dentro de la página utilizaremos la opción Buscar del menú
Edición. Aparecerá el siguiente cuadro de diálogo:
• Buscar. En esta caja de texto escribiremos el texto que queremos localizar en la página.
• Todas las páginas. Realizará la búsqueda en todas las páginas de nuestro Web actual.
• Página actual. La búsqueda sólo se realizará en la página en la que nos encontramos.
Grupo EIDOS
56 CREACIÓN DE PÁGINAS WEB
• Arriba o Abajo. La búsqueda se realizará por encima o por debajo de donde tengamos situado
el cursor.
• Coincidir mayúsculas y minúsculas. Si no activamos esta casilla de verificación, FrontPage
localizará el texto que hayamos escrito en el cuadro Buscar independientemente de que lo
hayamos hecho en mayúsculas o en minúsculas. Si, por el contrario, activamos la casilla,
FrontPage sólo localizará el texto cuando se encuentre en la página exactamente igual a como
esté escrito en el cuadro Buscar.
• Sólo palabras completas. Si no activamos la casilla de verificación, FrontPage localizará el
texto escrito en el cuadro Buscar, aunque se encuentre formando parte de otras palabras. Si
activamos la casilla, el texto que localizará será únicamente aquél que forme una sola palabra.
• Buscar en HTML. La búsqueda se realizará en HTML.
• Buscar siguiente. Cuando pulsemos la primera vez este botón, FrontPage comenzará la
búsqueda y se detendrá la primera vez que haya localizado el texto escrito en el cuadro
Buscar, marcando la palabra en la página. Si volvemos a pulsar el botón Buscar siguiente,
FrontPage continuará la búsqueda, deteniéndose la siguiente vez que haya localizado el texto.
Y así sucesivamente hasta que al llegar al principio, o al final, de la página nos informe de este
hecho. Para cerrar el cuadro de diálogo habrá que pulsar el botón Cancelar.
Reemplazar
Cuando seleccionamos esta opción lo que hacemos es localizar un texto y sustituirlo por otro.
Accederemos a la ventana Reemplazar con el menú Edición y la opción Reemplazar. Aparecerá el
siguiente cuadro de diálogo:
Como vemos, el cuadro es prácticamente igual que en Buscar, veamos el resto de las funciones:
• Reemplazar con:. En este cuadro escribiremos el texto que sustituirá al que se encuentra en
Buscar.
Grupo EIDOS
CREACIÓN DE PÁGINAS WEB 57
• Buscar siguiente. Al igual que en el cuadro Buscar del punto anterior, este botón localizará el
texto escrito en la caja de texto Buscar.
• Reemplazar. Cuando hemos localizado el texto que queremos sustituir pulsaremos este botón.
• Reemplazar todo. Esta opción nos cambiará el texto escrito en el cuadro Buscar, en todas sus
apariciones dentro de la página, por el que se encuentre escrito en Reemplazar con:.
Corrección ortográfica
FrontPage realizará la corrección ortográfica de una página, comprobando palabra a palabra si está
bien escrita. En principio, cuando en la página figure una palabra subrayada en rojo, eso
significará que la palabra en cuestión no se encuentra en el diccionario de FrontPage, bien porque
es una palabra que está mal escrita, bien porque se trata de una palabra poco usual.
Hay que tener en cuenta que FrontPage no comprende el significado de las palabras, sino que se
limita a comparar cada palabra del texto con las que encuentra en su diccionario.
Para realizar la corrección ortográfica a una página, pulsaremos la opción Ortografía del menú
Herramientas o bien el botón Ortografía de la barra de herramientas Estándar. Aparece el
cuadro de diálogo "Ortografía":
Grupo EIDOS
58 CREACIÓN DE PÁGINAS WEB
• Omitir. Admite como correcta la palabra en cuestión, deteniéndose la próxima vez que
encuentre la misma palabra.
• Omitir todas. Con este botón le indicamos que la palabra está bien escrita, con lo cual siempre
que la encuentre en la página, no se detenga en ella.
• Cambiar. Utilizaremos este botón cuando la palabra correcta se encuentre entre la lista de Sugerencias,
en tal caso la seleccionaremos y pulsaremos el botón Cambiar. También tendremos que pulsar este
botón cuando tengamos que corregir manualmente la palabra en el cuadro Cambiar a:
• Cambiar todo. Es igual al anterior con la única diferencia de que modificará esa palabra siempre que se
encuentre en cualquier lugar de la página.
• Agregar. Añade la palabra que se encuentra en "No se encontró" a los diccionarios personalizados que
posee FrontPage, para que, en futuras ocasiones, no la localice como incorrecta.
• Sugerir. Al escribir un texto en el cuadro Cambiar por, se activa el botón Sugerir, para que FrontPage
muestre otra lista con las palabras que sugiere pueden reemplazar a la que acabamos de escribir.
Grupo EIDOS
TABLAS
Creación de tablas
Las tablas son elementos muy útiles para distribuir los datos coherentemente.
Una tabla está formada por columnas, que aparecen verticalmente, y por filas, que se encuentran
horizontalmente, siendo la intersección entre una fila y una columna lo que llamamos celda.
Todas las opciones de las tablas se encuentran en el menú Tabla.
Existen tres formas de crear una tabla:
Crear una tabla con el botón "Insertar tabla" de la barra de herramientas Estándar
Al pulsar este botón nos aparecerá una lista en la que podemos seleccionar el número de filas y de
columnas que deseemos para nuestra tabla.
Como ejemplo vamos a crear una tabla que contenga 3 filas y 4 columas:
Grupo EIDOS
60 TABLAS
Si deseamos una tabla de un tamaño superior, haremos clic en cualquier parte del cuadro y, sin
soltar el botón izquierdo del ratón, arrastraremos hacia abajo o hacia la derecha hasta donde
deseemos.
Crear una tabla mediante el menú "Tabla" y las opciones "Insertar" y "Tabla".
Al seleccionar la opción Insertar y el ítem Tabla del menú Tabla, aparecerá el siguiente cuadro de
diálogo:
Grupo EIDOS
TABLAS 61
• Tamaño. Indicaremos el número de filas y de columnas que deseamos para crear la tabla.
• Diseño. Con Alineación indicamos la posición de la tabla respecto al margen izquierdo y
derecho. Podemos elegir entre Izquierda, Derecha, Centro o Justificar.
• Tamaño del borde. Con esta opción estableceremos el ancho del borde (marco que rodea la
tabla).
• Margen de celdas. Indica el alto de las filas.
• Espaciado entre celdas. Distancia que hay entre las celdas de la tabla.
• Especificar ancho. Con esta opción establecemos el ancho para las celdas de la tabla,
independientemente de su contenido. El ancho se puede indicar en píxels o en porcentaje
(100% es el ancho de la página).
Grupo EIDOS
62 TABLAS
Crear una tabla con la opción "Dibujar tabla" del menú "Tabla"
Con esta opción tenemos la posibilidad de dibujar nuestra tabla, creando, así, el número de filas y
de columnas que deseemos.
Al seleccionar la opción Dibujar tabla del menú Tabla, aparecerá la siguiente barra de
herramientas:
Antes de ver los botones de la barra de herramientas, veamos un ejemplo de dibujar tablas:
Dibujar tabla. Este botón es el que permite trazar las líneas de la tabla. Para dibujar
pulsamos el botón y haciendo clic con el botón izquierdo del ratón pinchamos y arrastramos
dando forma a la tabla.
Grupo EIDOS
TABLAS 63
Borrador. Permite borrar líneas de la tabla que previamente hayan sido dibujadas. Para
ello, arrastraremos el puntero por la línea que deseemos borrar.
Insertar filas. Con este botón añadiremos nuevas filas a la tabla. Hay que seleccionar la
fila entera que quiero insertar. Las filas se insertarán en el lugar en el que nos
encontremos, desplazándose las filas existentes hacia abajo para dejar sitio a las nuevas.
Insertar columnas. Se añaden nuevas columnas a la tabla. Para poder insertar una nueva
columna habrá que seleccionar previamente todas las celdas de la columna donde quiero
insertar la nueva. Una vez insertada la columna, las demás se estrechan para dejar hueco a
la nueva. Las columnas, que ya existían, se desplazan un lugar a la derecha.
Combinar celdas. Une las celdas previamente seleccionadas convirtiéndolas en una sola.
Se puede utilizar tanto vertical como horizontalmente. Las celdas a combinar han de ser
continuas.
Dividir celdas. Convierte una celda en dos o más. Hay que especificar si la división la
queremos vertical u horizontalmente. Aparece un cuadro de diálogo donde se nos solicita
este dato:
Alinear con el borde superior. Este botón alinea el texto en la parte superior de la celda
o celdas seleccionadas.
Grupo EIDOS
64 TABLAS
Distribuir filas uniformemente. Asigna la misma altura a todas las filas seleccionadas,
repartiendo el tamaño entre todas. Previamente habrá que seleccionar varias filas.
Color de relleno. Con este botón elegiremos un fondo para las celdas seleccionadas.
Grupo EIDOS
TABLAS 65
En esta lista podemos seleccionar entre el color automático (por defecto), una serie de
colores estandarizados, colores personalizados (que anteriormente habremos generado
nosotros) y la opción "Más colores" que nos lleva al siguiente cuadro de diálogo:
En este cuadro podemos seleccionar uno de los colores que nos aparecen a la izquierda, o
bien pulsar el botón Personalizado, con lo que accederíamos a un nuevo cuadro:
Grupo EIDOS
66 TABLAS
En este nuevo cuadro podemos crear los colores definiendo la cantidad de rojo, verde o
azul que lleva cada uno de ellos, etc. Pulsaremos el botón Agregar a los colores
personalizados cuando queramos que el nuevo color que hemos definido aparezca en la
lista de la izquierda Colores personalizados y se mantenga hasta que lo eliminemos.
Para eliminar un color de la lista Colores personalizados, basta con situarnos sobre el
cuadro que representa ese color y agregar uno nuevo con el botón Agregar a los colores
personalizados
Autoajustar. Ajusta el ancho de cada columna para que el contenido de la tabla quepa en
la misma.
Modificar tablas
Una vez creada la tabla lo más probable es que tengamos que modificarla. Para ello utilizaremos
tanto los botones de la barra de herramientas Tabla como las opciones del menú Tabla. Como ya
hemos visto la barra de herramientas, vamos a centrarnos en las opciones del menú, que son las
siguientes:
Grupo EIDOS
TABLAS 67
Dibujar tabla
En esta opción no nos vamos a detener, puesto que la vimos en el punto anterior.
Insertar
Dentro de esta opción podemos seleccionar entre Tabla, Filas o columnas, Celda o Título.
Insertar Tabla... Esta opción la utilizaremos la primera vez que queramos crear una tabla
pero también es posible crear una segunda tabla dentro de otra ya existente, para ello
bastaría con tener el cursor dentro de una celda de la tabla y seleccionar esta opción.
Grupo EIDOS
68 TABLAS
Eliminar celdas
Borra las celdas de la tabla que estén seleccionadas.
Grupo EIDOS
TABLAS 69
Seleccionar
Permite seleccionar celdas, filas, columnas o toda la tabla. Cuando activamos Seleccionar aparece
el siguiente menú:
Combinar celdas. Une dos o más celdas convirtiéndolas en una sola. Previamente tendremos que
tener seleccionadas las celdas a unir. Solamente se pueden combinar celdas que se encuentren
situadas de forma continua.
Ejemplo de celdas combinadas:
Grupo EIDOS
70 TABLAS
Dividir celdas. Divide una celda en dos o más. Al seleccionar esta opción aparece el siguiente
cuadro de diálogo:
Grupo EIDOS
TABLAS 71
Grupo EIDOS
72 TABLAS
Distribuir filas uniformemente. Asigna la misma altura a todas las filas seleccionadas.
Previamente tendremos que tener seleccionadas varias filas.
Grupo EIDOS
TABLAS 73
Convertir.
Convertir texto a tabla. Crea una tabla con un texto previamente seleccionado. Para
indicar qué parte del texto irá a cada celda tendremos que separar cada dato. El cuadro
de diálogo que nos aparecerá será el siguiente:
Grupo EIDOS
74 TABLAS
Grupo EIDOS
TABLAS 75
Tabla a texto. Realiza la función inversa, es decir, el texto contenido en una tabla se
convierte en texto simple. El texto de cada celda pasa a una línea. Como siempre,
previamente habremos de seleccionar la tabla.
Grupo EIDOS
76 TABLAS
Propiedades.
Grupo EIDOS
TABLAS 77
Las opciones fundamentales de este cuadro ya las vimos en el apartado "Crear tablas".
Grupo EIDOS
78 TABLAS
Grupo EIDOS
TABLAS 79
Grupo EIDOS
MARCOS
Marcos
Los marcos pueden utilizarse para distribuir mejor los datos de una página.
Una página de marcos divide la ventana del explorador en distintas zonas, cada una de las cuales
puede mostrar una página distinta.
Para crear marcos seleccionamos el menú Archivo, la opción Nuevo y nuevamente la opción
Página, nos aparecerán las plantillas de FrontPage, donde seleccionaremos la ficha Páginas de
marcos.
Una vez seleccionado el tipo de marcos deseado, aparecerá en pantalla una nueva página con
botones. Por ejemplo, si seleccionamos Encabezado, Pie de página y contenido nos aparecerá la
siguiente estructura:
Grupo EIDOS
82 MARCOS
Grupo EIDOS
MARCOS 83
Este es el cuadro que se utiliza para crear un hipervínculo, con él lo que se hace es asociar el
marco a un hipervínculo.
• Nueva página. Crea una página nueva, dentro de este marco, desde el principio.
Si pulsamos este botón, el marco en el que se encuentra el botón se vacía, permitiéndonos
diseñar la página desde el principio:
Grupo EIDOS
84 MARCOS
Grupo EIDOS
MARCOS 85
• Dividir marco. Permite dividir un marco en otros. Para ello, aparecerá un cuadro de diálogo en
el que elegiremos si el marco actual se dividirá en marcos distribuidos en filas o en columnas.
• Eliminar marco. Borra un marco de la página. No pide confirmación, con lo que, una vez
seleccionada esta opción, el marco elegido se elimina.
• Abrir página en nueva ventana. Abre la página del marco seleccionado en otra ventana del
Editor.
• Guardar página. Graba la página en el disco. Si la guardamos por primera vez tendremos que
darle un nombre.
• Guardar página como. Graba la página en el disco, solicitándonos el nombre y la carpeta
donde se archivará.
• Propiedades de marco. Permite acceder a las características generales de los marcos.
Grupo EIDOS
INSERCIÓN DE IMÁGENES, SONIDOS
Y VÍDEOS
Insertar imágenes
Las imágenes en Internet suelen tener los formatos GIF y JPG (JPEG) y, por lo general, ocupan
mucha memoria.
Existen diferentes maneras de insertar una imagen:
1. Utilizando el Portapapeles de Windows, para ello, previamente, habremos copiado o cortado la
imagen.
2. Con el menú Insertar y la opción Imagen.
3. Con el botón de la barra de herramientas Estándar, para ello habrá que tener una
imagen guardada en el disco.
Vamos a ver cómo se inserta una imagen partiendo de la segunda y tercera opción.
Activar el menú Insertar, seleccionar las opciones Imagen y Desde archivo, o bien, pulsar el botón
"Insertar imagen desde archivo" de la Barra de herramientas Estándar, aparece el siguiente cuadro
de diálogo:
Grupo EIDOS
88 INSERCIÓN DE IMÁGENES, SONIDOS Y VÍDEOS
Grupo EIDOS
INSERCIÓN DE IMÁGENES, SONIDOS Y VÍDEOS 89
Galería de imágenes
La galería de imágenes contiene un gran número de imágenes que podemos incorporar a nuestro
Web. Todas estas imágenes son diseñadas por Microsoft y se encuentran divididas en categorías.
Para acceder a la galería de imágenes, seleccionaremos el menú Insertar y las opciones Imagen e
Imágenes, aparecerá el siguiente cuadro de diálogo:
Cada uno de estos cuadros representa una categoría, para acceder a las imágenes de una categoría
en concreto basta con pulsar en dicho cuadro.
Así, si pulsamos, por ejemplo, la categoría "Ocasiones especiales" nos aparecerán las siguientes
imágenes:
Grupo EIDOS
90 INSERCIÓN DE IMÁGENES, SONIDOS Y VÍDEOS
En Buscar los clips podemos teclear un texto y nos localizará las imágenes que corresponden a
dicho texto.
Por ejemplo, si escribimos "medios de transporte" nos aparecerán las siguientes imágenes:
Grupo EIDOS
INSERCIÓN DE IMÁGENES, SONIDOS Y VÍDEOS 91
Agrega clip desde una página Web "Microsoft Clip Gallery Live EULA"
Grupo EIDOS
92 INSERCIÓN DE IMÁGENES, SONIDOS Y VÍDEOS
Cuando hayamos encontrado la imagen que deseamos, la seleccionamos -pinchamos sobre ella- y
nos aparecerá una barra de herramientas:
Busca los clips que más se asemejen al seleccionado en función de unas características
que podremos seleccionar en el cuadro de diálogo que nos aparece.
Insertar imagen desde archivo. Permite insertar una imagen guardada en un archivo.
Grupo EIDOS
INSERCIÓN DE IMÁGENES, SONIDOS Y VÍDEOS 93
Girar a la izquierda. Gira la imagen en sentido contrario a las agujas del reloj.
Recortar. Recorta la imagen, es decir, elimina parte de la misma, para ello habrá que
seleccionar cualquiera de los cuadros que aparecen en los laterales de la imagen
seleccionada. Cuando hayamos finalizado pulsar de nuevo el mismo botón.
Grupo EIDOS
94 INSERCIÓN DE IMÁGENES, SONIDOS Y VÍDEOS
Establecer color transparente. Al hacer clic sobre un color de la imagen cualquier parte
de la misma que posea ese color se hará transparente, viéndose el fondo de la página Web.
Para realizar esta operación FrontPage ha de convertir la imagen a formato GIF con lo que
nos aparecerá un mensaje informándonos de tal hecho.
Descolorar. Hace mucho más claros los colores que conforman la imagen.
Grupo EIDOS
INSERCIÓN DE IMÁGENES, SONIDOS Y VÍDEOS 95
Grupo EIDOS
96 INSERCIÓN DE IMÁGENES, SONIDOS Y VÍDEOS
• Marcador. Permite elegir un lugar concreto del texto de la página a la que nos llevará el
hipervínculo. Previamente, tendremos que haber creado marcadores que apunten a esos
lugares. En la lista Marcador aparecen todos los marcadores existentes en la página elegida
para poder indicar a cuál nos llevará el hipervínculo.
• Marco de destino. Permite establecer el marco de la página Web al que nos llevará el
hipervínculo. Para que nos aparezcan datos en esta lista tendremos que tener marcos en el Web
con el que va a enlazar el hipervínculo.
Insertar sonidos
Además de insertar imágenes en una página, también podemos insertar sonidos para darle más
espectacularidad.
Para determinar qué sonido se escuchará cuando el usuario entre en nuestra página,
seleccionaremos la opción Propiedades del menú Archivo.
Aparecerá el siguiente cuadro de diálogo:
Grupo EIDOS
INSERCIÓN DE IMÁGENES, SONIDOS Y VÍDEOS 97
En esta ventana nos aparece el apartado "Sonido de fondo" con dos opciones:
• Ubicación. En este lugar escribiremos la ruta completa donde se encuentra guardado el sonido
que queremos reproducir, es decir, la unidad de disco, carpeta y nombre del archivo que
contiene el sonido que queremos seleccionar. Si no recordamos toda la ruta utilizaremos el
botón Examinar.
• Bucle. En este lugar indicaremos cuántas veces queremos que se repita el sonido cuando
alguien entre en nuestra página. Si activamos la casilla de verificación Siempre, el sonido se
estará repitiendo continuamente.
Cuando queramos eliminar un sonido de una página, deberemos entrar en este mismo cuadro de
diálogo y eliminar todo lo que aparezca en las dos opciones anteriores.
Grupo EIDOS
98 INSERCIÓN DE IMÁGENES, SONIDOS Y VÍDEOS
Insertar vídeos
El formato de vídeo más extendido en Internet es el AVI estándar de Windows, que permite a
cualquier usuario ver y oir el vídeo.
Para insertar un vídeo, seleccionaremos el menú Insertar, opción Imagen y Vídeo.
Aparecerá el siguiente cuadro de diálogo en el que seleccionaremos el archivo de vídeo que
queremos insertar en la página.
Este cuadro es exactamente igual al que veíamos cuando queríamos insertar una imagen desde
archivo.
Una vez que el vídeo esté insertado podremos seleccionarlo, moverlo, cambiarlo de posición, etc.
Para eliminar un vídeo, basta con hacer clic y pulsar la tecla Suprimir que se encuentra en el
teclado.
Grupo EIDOS
MEJORAR LAS PÁGINAS
Temas
Los temas permiten agregar botones, titulares, fondo, texto y colores.
Para acceder al cuadro de diálogo Temas, seleccionaremos la opción Tema del menú Formato:
Si no hay ningún tema aplicado en la página o sitio web, aparece la opción Sin tema en el cuadro
de lista. Según vayamos seleccionando los temas, FrontPage nos enseña una vista en el cuadro
Muestra del tema.
FrontPage no permite elegir elementos de un tema y añadírselos a otro, se intenta así, mantener
cierta coherencia, aunque sí se puede modificar el aspecto de un tema determinado.
• Colores intensos. Marcaremos esta casilla de verificación para hacer que los colores de los
botones, fondos y otros elementos sean más intensos.
• Gráficos activos. Si marcamos esta casilla de verificación conseguimos elementos animados.
• Imagen de fondo. Esta casilla de verificación sirve para intercambiar entre una imagen y un
color de fondo.
• Aplicar mediante CSS. Si se marca esta casilla de verificación conseguimos que el tema utilice
hojas de estilo en cascada para personalizar las fuentes, el tamaño, los colores y la ubicación.
• Todas las páginas. El tema se aplica a todo el sitio web.
Grupo EIDOS
100 MEJORAR LAS PÁGINAS
• Páginas seleccionadas. Si queremos aplicar el tema a una o varias páginas, habrá que
seleccionar éstas previamente.
Modificación de un tema
Para realizar diversas modificaciones en un tema pulsaremos el botón Modificar del cuadro de
diálogo Temas, nos aparecerán una serie de botones donde podemos seleccionar Colores, Gráfico
o Texto en función de lo que vayamos a cambiar.
Colores
Aparecen todos los temas enumerados en la columna izquierda, teniendo cada uno una serie de
colores junto a su nombre. Se trata de la combinación de colores que utiliza el tema. Cada tema
está formado por una serie de seis colores, procedentes de la paleta segura. La paleta segura es una
colección de 256 colores estándar configurados para que puedan verse en todos los exploradores.
Tras elegir el tema que vamos a modificar, hay que abrir la ficha Rueda de colores, con el fin de
modificar la paleta de colores de ese tema.
Grupo EIDOS
MEJORAR LAS PÁGINAS 101
Si pulsamos con el ratón en distintas zonas de la rueda, cambiarán la paleta y los colores del
ejemplo del tema. Cuando hayamos seleccionado los colores, ajustaremos el brillo.
La última ficha de este cuadro es Personalizado y en ella podemos modificar los colores de las
fuentes que se han utilizado en el tema.
Grupo EIDOS
102 MEJORAR LAS PÁGINAS
Seleccionamos el objeto que deseamos en la lista desplegable Elemento y elegimos un color, para
dicho objeto, en la lista desplegable Color.
Gráficos
Para modificar los gráficos de un tema, hay que pulsar el botón Gráficos del cuadro de diálogo
Modificar el tema.
Si seleccionamos un elemento que contenga fuentes, podemos abrir la ficha Fuente para ver todas
las opciones disponibles.
Grupo EIDOS
MEJORAR LAS PÁGINAS 103
En esta ficha Fuente, se puede cambiar la fuente, su estilo, tamaño y alineación vertical y
horizontal.
Fuente
En esta ventana se pueden cambiar los estilos asociados a determinado elemento.
Grupo EIDOS
104 MEJORAR LAS PÁGINAS
Fuentes
FrontPage nos ofrece diferentes posibilidades para configurar el tamaño, colores y estilos de los
tipos de letra.
Todos los cambios que afecten a las fuentes, los podemos realizar en el menú Formato y la opción
Fuente:
Grupo EIDOS
MEJORAR LAS PÁGINAS 105
Fuente
Existen muchas fuentes entre las que se puede elegir, para ello seleccionaremos el tipo de letra
deseado en la lista Fuente y comprobaremos el resultado en la Vista previa.
También podemos modificar el tipo de letra, en la lista desplegable Fuente de la barra de
herramientas Formato.
Estilo de fuente
Seleccionaremos los estilos Negrita o Cursiva para resaltar ciertas partes de nuestro texto.
Además de existir estas opciones en el cuadro de diálogo, también podemos activarlas con los
botones correspondientes de la barra de herramientas.
Tamaño de la fuente
Para cambiar el tamaño de un texto, seleccionamos éste y, en la lista Tamaño, elegimos el
deseado.
Grupo EIDOS
106 MEJORAR LAS PÁGINAS
Además de utilizar el cuadro de diálogo Fuente, también podemos modificar el tamaño de una
fuente en la lista desplegable Tamaño de la barra de herramientas Formato.
Efectos
Los efectos son estilos especiales que también podemos aplicar al texto.
Para comprobar en qué consiste cada uno de ellos, lo mejor es seleccionar la casilla de
verificación correspondiente y ver el resultado en Vista previa.
Color
Se puede utilizar uno de los colores estándar o bien cualquier otro color personalizado.
Para cambiar el color de un texto, seleccionamos éste y abrimos la lista desplegable Color del
cuadro de diálogo Fuente, o bien, activamos el botón Color de fuente de la barra de herramientas
Formato, tal y como se muestra a continuación.
Podemos seleccionar uno de los colores estándar que nos aparecen o bien pulsar el botón Mas
colores, en cuyo caso entraremos en una nueva ventana:
Grupo EIDOS
MEJORAR LAS PÁGINAS 107
Una vez que nos encontramos el el cuadro de diálogo "Más colores", podemos seleccionar uno de
los colores pulsando sobre su celda, o bien crear uno nuevo, personalizándolo, para ello
pulsaremos el botón Personalizado y accederemos a un nuevo cuadro de diálogo:
Grupo EIDOS
108 MEJORAR LAS PÁGINAS
Podemos crear hasta un total de 16 colores personalizados, para ello escribiremos un número,
entre 0 y 255, en Rojo, Verde y Azul y pulsaremos el botón Agregar a los colores personalizados,
de esta manera guardaremos el color para utilizarlo en posteriores ocasiones.
Una vez que tengamos colores personalizados, al activar el botón Color de fuente de la barra de
herramientas Formato, nos aparecerán nuestros colores directamente en la lista:
Marcadores
Los marcadores son conjuntos de uno o más caracteres que sirven como destino de un vínculo. La
utilización de vínculos con marcadores permite al usuario del sitio web saltar a cualquier punto de
la página.
Cuando deseemos que un usuario acceda a un punto concreto de la página, deberemos crear un
marcador.
Para crear un marcador, nos situaremos en el punto donde deseemos que aparezca, una vez
situados en el lugar adecuado, seleccionaremos el menú Insertar y la opción Marcador:
Grupo EIDOS
MEJORAR LAS PÁGINAS 109
• Nombre del marcador. Aquí estableceremos el nombre que vamos a dar al marcador. Este
nombre será el que utilicemos después para hacer referencia a dicho marcador.
• Borrar. Elimina un marcador de la lista. Previamente hay que seleccionarlo.
• Ir a. Nos lleva al lugar de la página donde se encuentra el marcador.
Mover un marcador
Para cambiar de lugar un marcador, lo seleccionaremos y trataremos como si fuera texto normal,
es decir, podemos utilizar el menú Edición, y la opción Cortar y, de nuevo, el menú Edición y la
opción Pegar, o bien, podemos hacerlo con la barra de herramientas Formato, utilizando para ello
los botones Cortar y Pegar, o de cualquier otra manera que conozcamos de mover texto.
Eliminar un marcador
Podemos eliminar un marcador directamente, seleccionándolo y pulsando la tecla Suprimir del
teclado.
Grupo EIDOS
110 MEJORAR LAS PÁGINAS
Hipervínculos
Los hipervínculos, o vínculos, son conexiones entre dos puntos. Casi todos los elementos de una
página Web pueden contener un hipervínculo, esto es, un enlace a otra página o a otra parte de la
misma, de tal manera que el usuario que navegue por nuestra página puede acceder a esos lugares
haciendo clic sobre el elemento que contiene el hipervínculo.
Crear hipervínculos
La manera de crear un hipervínculo es la misma para cualquier elemento de la página.
Para crearle un hipervínculo a un texto habrá que seleccionar previamente éste. Si deseamos crear
un hipervínculo a una imagen, haremos clic sobre ella o si se trata de una parte de la imagen
debemos utilizar la Barra de herramientas Imagen (que ya hemos visto).
Una vez seleccionado el texto o elemento que contendrá el hipervínculo, haremos clic en el botón
Hipervínculo de la Barra de herramientas Estándar, o bien seleccionando el menú Insertar
y la opción Hipervínculo. Aparecerá el siguiente cuadro de diálogo:
• Buscar en. Aquí elegiremos un destino para el hipervínculo entre los que aparecen en la lista
desplegable.
Grupo EIDOS
MEJORAR LAS PÁGINAS 111
• Dirección URL. Se utiliza para indicar la dirección de Internet con la que deseamos que enlace
el vínculo.
Permite acceder directamente a un navegador que nos lleve por el Web para seleccionar la
dirección con la que enlazará el hipervínculo.
Este botón abre un cuadro de diálogo en el que podemos establecer el archivo de nuestro
disco al que nos llevará el hipervínculo.
Permite establecer una dirección de correo, en lugar de Web, como destino del
hipervínculo.
Crea una nueva página Web y enlaza el hipervínculo con ella.
• Marcador. Permite elegir un punto concreto del texto perteneciente a la página a la que deberá
llevarnos el hipervínculo. Para ello, tendremos que tener marcadores que apunten a esos
lugares. Podemos desplegar la lista y aparecerán todos los marcadores existentes en la página
elegida para que, de entre todos, podamos indicar a cuál llevará el hipervínculo.
• Marco de destino. Permite establecer el marco de la página Web al que nos llevará el
hipervínculo. Unicamente aparecerán datos en esta lista si el Web con el que queremos enlazar
el hipervínculo contiene marcos.
Modificar hipervínculos
Cualquier hipervínculo es susceptible de ser modificado haciendo un clic sobre él con el botón
derecho del ratón. Aparecerá un menú en el que seleccionaremos la opción Propiedades de
hipervínculo, en este momento, nos encontramos ante el mismo cuadro que cuando creamos el
hipervínculo -Crear hipervínculo- con la diferencia de que aparecerán los datos que le dimos en
aquél momento. Unicamente tendremos que modificar dichos datos para cambiar el hipervínculo.
Eliminar hipervínculos
Para eliminar un hipervínculo debemos acceder al cuadro Crear hipervínculo y borrar todo lo que
se encuentre en el campo Dirección URL.
Grupo EIDOS
112 MEJORAR LAS PÁGINAS
Elementos activos
En este capítulo vamos a ver una serie de componentes activos. Para utilizar cualquiera de estos
componentes, hay que seleccionar la orden Componente del menú Insertar y luego elegir la
opción que deseemos en el menú que aparece:
Administrador de titulares
Con el Administrador de titulares podemos pasar en secuencia, titulares, imágenes, etc., en
cualquier página.
Administrador de titulares, se encuentra en el menú Insertar y la opción Componente.
FrontPage crea estos titulares utilizando un subprograma de Java y sus propiedades se configuran
en el cuadro de diálogo "Propiedades del Administrador de titulares" que aparece a continuación:
Grupo EIDOS
MEJORAR LAS PÁGINAS 113
Mostrar cada imagen durante X (segundos). Tiempo que permanecerá cada imagen en pantalla.
Vincular a. Hipervínculo asociado a cada imagen que se muestre.
Grupo EIDOS
114 MEJORAR LAS PÁGINAS
Con el botón Examinar buscaremos las imágenes que queremos añadir a la página.
Imágenes que se mostrarán. Lista de todas las imágenes que insertaremos en la página.
Con Agregar añadiremos nuevas imágenes
Con Quitar eliminaremos la imagen seleccionada en ese momento
Con Subir y Bajar determinaremos el orden en que aparecerán las imágenes.
Grupo EIDOS
MEJORAR LAS PÁGINAS 115
Botón activable
Inserta un botón en el lugar en el que se encuentra el cursor. Cuando un usuario se sitúa sobre él,
el botón aparecerá con las características que le hayamos indicado en el cuadro de diálogo.
La opción Botón activable la encontramos en el menú Insertar y el ítem Componente.
Texto de botón. Texto que aparecerá en el botón. Podemos cambiar el tipo de letra si pulsamos el
botón Fuente...
Vincular a: hipervínculo con el que enlazará.
Color del botón. Color asociado al botón. Podemos seleccionar uno de los ya existentes o definirle
un color personalizado como hemos visto en temas anteriores.
Efecto. Seleccionaremos una de las opciones que nos aparecen en la lista desplegable, según el
efecto que deseemos.
Ancho y Alto. Tamaño del botón.
Color de fondo. Color que le asignamos como fondo. Podemos seleccionar cualquier color,
estándar o personalizado.
Color de efecto. Es el color que aparecerá en el botón cuando nos situemos sobre él. Los colores
los podemos seleccionar de los ya existentes o crear nuevos.
Personalizado. Con este botón accederemos a un nuevo cuadro de diálogo, en el que podremos
incluir un sonido o una imagen al botón seleccionado.
Grupo EIDOS
116 MEJORAR LAS PÁGINAS
• Reproducir sonido. En esta sección se puede optar entre reproducir un sonido cuando el
usuario pulse sobre él o cuando pase el puntero del ratón por encima.
• Imagen personalizada. Añadimos una imagen al botón, cuando el usuario pase el ratón por
encima del botón, aparecerá la imagen.
Marquesina
Una marquesina es un texto que se desplaza de izquierda a derecha, o viceversa, en la pantalla.
A una marquesina podemos aplicarle colores, repeticiones, etc.
Para poder apreciar la marquesina tendremos que mostrarlo en un navegador, ya que en el Editor
se muestra como un texto más. También tenemos la opción de seleccionar "Vista previa"
Para crear una marquesina tendremos que seleccionar el menú Insertar, la opción Componente y
de nuevo la opción Marquesina.
Aparecerá el siguiente cuadro de diálogo:
Grupo EIDOS
MEJORAR LAS PÁGINAS 117
Grupo EIDOS
118 MEJORAR LAS PÁGINAS
• Color de fondo. Con esta opción podemos seleccionar un color de fondo o relleno para la
marquesina.
Insertar líneas
Con el fin de mejorar el aspecto de nuestra página podemos insertar líneas, para ello,
seleccionaremos la opción Línea horizontal del menú Insertar.
Si deseamos modificar el aspecto de nuestra línea, la seleccionaremos -clic sobre ella- y,
volviendo a hacer clic con el botón derecho del ratón, aparecerá un menú emergente del que
elegiremos la opción Propiedades de línea horizontal.
Grupo EIDOS
MEJORAR LAS PÁGINAS 119
• Fecha de la última modificación de esta página. Permite añadir la fecha en la que se grabó la
página por última vez.
• Fecha de la última actualización automática de esta página. Permite añadir la fecha en la que
se grabó la página por última vez o aquella en la que fue modificada por otro documento por
última vez.
• Formato de fecha. Permite seleccionar el aspecto de la fecha.
• Formato de hora. Permite seleccionar el aspecto de la hora.
Grupo EIDOS
120 MEJORAR LAS PÁGINAS
Grupo EIDOS
MEJORAR LAS PÁGINAS 121
• Fondo. En la lista que nos aparece podemos seleccionar el color de fondo que queremos para
nuestra página, tenemos la opción de seleccionar uno de los ya existentes o crear un color
personalizado como hemos visto en capítulos anteriores.
• Texto. Aparecen una serie de colores que podemos elegir para el texto de la página.
• Hipervínculo. Aparece una relación de colores que podemos elegir para las partes de texto que
tengan asociado un hipervínculo. No es conveniente seleccionar el mismo color para los
hipervínculos que para el texto, ya que no se distinguirían.
• Hipervínculo visitado. Colores que podemos seleccionar para aquellos hipervínculos en los
que ya hayamos navegado.
• Hipervínculo activo. Lista de colores que podemos elegir para los hipervínculos que estemos
visitando en este momento.
• Obtener información del fondo de otra página. Permite aplicar a nuestra página el fondo y
colores de otra que tengamos anteriormente hecha. Para ello, tendremos que escribir el Web
donde se encuentre la página, o bien buscarlo mediante el botón Examinar.
Grupo EIDOS
COMPONENTES Y FORMULARIOS
Componentes de FrontPage
FrontPage ofrece ciertos elementos que en una página Web realizan funciones muy útiles.
Para añadir un componente, seleccionamos el menú Insertar y la opción Componente.
También podemos insertar componentes con el botón de la barra de herramientas
Estándar.
Aparecerá el siguiente menú desplegable:
Campo de confirmación
Como acabamos de ver, "Campo de confirmación", se encuentra en el menú Insertar y la opción
Componente.
Este componente se utiliza para corroborar los datos que se han dado en otra página.
La información que se introduce se vuelve a presentar posteriormente para que sea confirmada. Si
se ha introducido información incorrecta, se puede volver a la página original y cambiarla,
mientras que si todo es correcto, se puede pulsar un botón para indicar que así es.
Grupo EIDOS
124 COMPONENTES Y FORMULARIOS
En este cuadro tenemos que asignar un nombre al campo de confirmación cuyo contenido será el
que deseamos confirmar, será el que aparezca en la página Web.
Incluir página
Para acceder a "Incluir página" activaremos el menú Insertar y la opción Componente.
Con el componente Incluir página, se puede presentar todo el contenido de una página en la
posición que se desee de otra página. La página que se inserte ha de pertenecer al sitio web actual.
Así, cuando queramos insertar un mismo elemento en varias páginas, deberemos crear una que
contenga ese elemento e incluirlo en las páginas mediante el componente de inclusión.
Aparece el siguiente cuadro de diálogo:
En esta caja de texto escribiremos la ruta de la página que queremos incluir. Si nos resulta más
cómodo podemos utilizar el botón Examinar.
Grupo EIDOS
COMPONENTES Y FORMULARIOS 125
Imagen programada
En la página podemos incluir, temporalmente, una imagen, es decir, la imagen no estará
permanentemente en pantalla, sino únicamente el tiempo que nosotros le indiquemos. La imagen
aparece en la página cuando comienza ese período de tiempo y desaparece cuando termina.
El cuadro de diálogo que aparece al seleccionar este componente es el siguiente:
• Durante el tiempo programado. Escribiremos la ruta que contiene el archivo con la imagen
que deseamos visualizar.
• Antes y después del tiempo programado (opcional). Imagen que aparecerá antes y después de
la imagen programada.
• Comienzo y Finalización. Introduciremos las fechas de comienzo y de finalización del período
durante el que queremos que aparezca la imagen. Estas fechas solamente afectan a la imagen
programada, no a la que hayamos especificado en Antes y después del tiempo programado.
Grupo EIDOS
126 COMPONENTES Y FORMULARIOS
Sustitución
Este componente se encuentra en el menú Insertar, opción Componente.
Incorpora un objeto a la página, que será sustituido por un valor cuando el usuario acceda a
nuestra página. Cuando seleccionamos este componente nos aparece el siguiente cuadro de
diálogo:
Grupo EIDOS
COMPONENTES Y FORMULARIOS 127
Formulario de búsqueda
Para que los usuarios puedan buscar palabras o frases en las páginas web, se puede insertar el
componente Formulario de búsqueda.
Este componente crea un formulario que permite escribir una o varias palabras que se quieran
localizar en las páginas del sitio web.
FrontPage no examina todas las páginas del sitio, sino que busca la palabra en una lista que
contienen las extensiones de servidor de FrontPage. Presenta una lista de las páginas que
contienen esa palabra que se está buscando.
Al activar Formulario de búsqueda, que se encuentra en el menú Insertar y la opción Componente,
aparece el siguiente cuadro de diálogo:
• Etiqueta para texto buscado. Aquí escribimos el texto que queremos utilizar en la etiqueta del
cuadro de texto.
• Ancho en caracteres. Indicaremos el ancho del campo de búsqueda.
• Etiqueta para el botón Iniciar búsqueda. Escribir el texto que queremos que aparezca en el
botón que sirve para comenzar la búsqueda.
Grupo EIDOS
128 COMPONENTES Y FORMULARIOS
• Etiqueta para el botón Borrar. Escribir el texto que aparecerá en el botón que borra la palabra
que hay que buscar.
Para configurar los resultados del componente Formulario de búsqueda, abrimos la ficha
Resultados de la búsqueda:
Grupo EIDOS
COMPONENTES Y FORMULARIOS 129
• Lista de palabras para buscar. Escribimos Todo si la búsqueda se va a realizar en todo el sitio
web. Si se ha creado un grupo de discusión, se puede escribir aquí el nombre de la carpeta del
grupo de discusión. Con esto se restringe la búsqueda al contenido del grupo de discusión.
• Mostrar relevancia (grado de coincidencia). Indica el grado de coincidencia, es decir, hasta
qué punto coinciden los resultados con la palabra a buscar.
• Mostrar fecha del archivo. Indica la fecha y hora en que se modificó, por última vez, el
archivo que contiene la palabra que estamos buscando. Si marcamos esta casilla de
verificación se activarán los campos Formato de hora y Formato de fecha.
• Mostrar tamaño del archivo (en KB). Indica el tamaño del archivo que contiene la palabra
buscada.
Tabla de contenido
Un Tabla de contenido sirve para crear un esquema del sitio web, con vínculos a cada una de las
páginas.
Funciona de forma similar a un índice, es decir, presenta una lista con las otras páginas de nuestro
web, dependientes de la principal.
Cada elemento de esa lista lleva asociado un hipervínculo que nos llevará a la página simplemente
haciendo clic en el elemento de la lista que deseemos.
Grupo EIDOS
130 COMPONENTES Y FORMULARIOS
• Dirección URL de la página para el punto de inicio de la tabla. En este campo escribiremos la
dirección de la página en que aparecerá la tabla de contenido. Podemos utilizar el botón
Examinar si no sabemos la ruta exacta de la página.
• Tamaño de fuente de encabezado. Permite establecer el tamaño de la letra que contendrá el
primer elemento de la lista, esto es, el título que hace referencia a la página principal.
• Mostrar cada página sólo una vez. Al activar esta casilla de verificación conseguimos que las
páginas que se encuentran repetidas aparezcan sólo una vez en la lista que muestre la tabla de
contenido.
• Mostrar páginas sin hipervínculos entrantes. Si activamos esta casilla de verificación, las
páginas que no tienen vínculos entrantes desde otras páginas, se agregarán a la tabla de
contenido.
• Actualizar la tabla de contenido cuando se modifique cualquier otra página. Activaremos esta
casilla de verificación si deseamos que la tabla se actualice automáticamente cuando alguno de
los elementos de la lista cambie su contenido.
Insertar un comentario
Cuando insertamos un comentario, éste aparecerá en las vistas Página y HTML pero no en los
exploradores. Los comentarios sirven para dejar un mensaje que nos sirva de recordatorio sobre
algún tema importante relacionado con la página.
Para insertar un comentario, seleccionaremos el menú Insertar y la opción Comentario, aparecerá
el siguiente cuadro de diálogo:
Grupo EIDOS
COMPONENTES Y FORMULARIOS 131
Formularios
Los formularios nos ayudan a conseguir que los sitios web que construyamos sean más
interactivos. Son conjuntos de textos que permiten al usuario introducir información.
Existen una serie de elementos, cuadros de texto, casillas de verificación, etiquetas, etc. que
podemos insertar en nuestra página. Para ello seleccionaremos el menú Insertar, la opción
Formulario, lo que nos proporcionará una lista con diversas opciones:
Grupo EIDOS
132 COMPONENTES Y FORMULARIOS
En una página Web no es suficiente con incorporar todos estos elementos, sino que, en la mayoría
de los casos hay que realizar algún tipo de programación para que funcionen según deseemos.
Por lo tanto, sería aconsejable aprender algo de programación para sacar el máximo provecho a
estos elementos. Si deseáis mayor información podéis encontrarla en los cursos:
• Lenguaje HTML
• Programación de Aplicacions para Internet con ASP
• JavaScript
Disponibles en la dirección de Internet: http://www.eidos.es/almagesto
De todas formas, en la mayoría de las páginas Web no es necesario incluir estos elementos
avanzados con lo que no es necesaria la programación.
Vamos a verlos por encima:
Formulario
Inserta un nuevo formulario. Si no se selecciona ningún objeto de la página, se agregan dos
botones: Enviar y Restablecer.
Grupo EIDOS
COMPONENTES Y FORMULARIOS 133
Se trata de una caja de texto como la anterior pero permite escribir varias líneas de texto. Si el
contenido del cuadro es superior a su tamaño aparecen barras de desplazamiento a la derecha y/o
debajo del cuadro.
Casilla de verificación
Una casilla de verificación es un pequeño cuadrito que se puede activar o desactivar.
Botón de opción
Se trata de un pequeño botón redondo que se puede activar o desactivar.
Si deseamos que al activar un botón de opción se desactiven los demás, todos han de estar en el
mismo cuadro de guiones que aparece cuando insertamos cualquier componente de formulario
Menú desplegable
Se trata de una caja de lista, es decir, un cuadro con una pequeña flecha que lleva asociada una
lista de opciones.
Botón de comando
Se trata del botón habitual de Windows, el que aparece en cualquier ventana como "Aceptar" o
"Cancelar".
Grupo EIDOS
134 COMPONENTES Y FORMULARIOS
Imagen
Crea un recuadro que contendrá una imagen.
La manera de insertar imágenes la vimos en el tema "Insertar imágenes, sonidos y vídeo", puede
volver a repasarlo si no recuerda algún concepto.
Grupo EIDOS
COMPONENTES Y FORMULARIOS 135
Grupo EIDOS
136 COMPONENTES Y FORMULARIOS
Etiqueta
Una etiqueta es un pequeño mensaje de texto, que va unido al cuadro de texto, donde se informa al
usuario de la información que debe introducir en dicho cuadro de texto.
Propiedades de formulario
En esta opción estableceremos las propiedades del formulario que tengamos seleccionado.
Grupo EIDOS
COMPONENTES Y FORMULARIOS 137
Grupo EIDOS
CARACTERÍSTICAS AVANZADAS
Insertar HTML
Este es un componente más que permitirá añadir parte de una página creada en HTML. Para poder
utilizar el componente habrá que conocer el lenguaje HTML. FrontPage no verifica el código
HTML.
Para insertar un componente HTML habrá que seleccionar el menú Insertar, la opción Avanzadas
y HTML... Aparecerá el siguiente cuadro de diálogo:
En la ventana que aparece tendremos que escribir, o copiar, la parte del programa creada en
HTML, y que deseamos incorporar a nuestra página. Como no comprueba si está o no bien escrito
deberemos hacerlo nosotros visualmente.
Grupo EIDOS
140 CARACTERÍSTICAS AVANZADAS
Grupo EIDOS
CARACTERÍSTICAS AVANZADAS 141
Cada control ActiveX posee un cuadro de diálogo de propiedades asociado a él, que varía
dependiendo del control que se utilice. Para ver el cuadro de propiedades, pulsamos sobre dicho
control con el botón derecho del ratón y seleccionamos Propiedades.
Grupo EIDOS
142 CARACTERÍSTICAS AVANZADAS
HTML dinámico
Con HTML dinámico podemos aplicar efectos de transición entre nuestras páginas o al texto.
Estas características solamente funcionan en los exploradores más avanzados como Internet
Explorer o Netscape Navigator versiones 4 o superior.
Se pueden aplicar efectos de animación en HTML dinámico (DHTML) a cualquier elemento de
una página: texto, imágenes, botones, etc. y unir el efecto a un evento: clic o doble clic con el
ratón, cargar o salir de una página, etc.
Animación
La animación consiste en efectos que mejoran la presentación.
Para añadirle animación a un elemento, hay que seleccionarlo y posteriormente activar del menú
Formato la opción Efectos de HTML dinámico, aparecerá la siguiente barra de herramientas donde
determinaremos, en primer lugar, el Evento -al hacer clic, doble clic, etc.-, la Acción a realizar -
Espiral, Salto, Barrido- y, por último, Elegir configuración.
Si el elemento seleccionado es texto, el evento que podemos seleccionar será uno de los
siguientes:
Si seleccionamos Clic o Doble clic solamente podremos aplicar el Efecto Formato o Volar hacia
fuera. Con Pasar el mouse únicamente nos deja seleccionar Formato. Y si seleccionamos Carga
de página podemos elegir entre: Colocar palabra a palabra, Elástico, Volar hacia dentro, Salto,
Espiral, Onda, Barrido o Zoom.
Con algunas de las opciones del Efecto: Elástico, Volar hacia dentro, Barrido y Zoom, tenemos la
oportunidad de indicarle la dirección del texto.
Con el botón Quitar efecto conseguimos quitarle el efecto al texto seleccionado.
Grupo EIDOS
CARACTERÍSTICAS AVANZADAS 143
Si seleccionamos imágenes, en vez de texto, las opciones que aparecerán serán ligeramente
diferentes.
Grupo EIDOS
144 CARACTERÍSTICAS AVANZADAS
Seguridad en la red
Hoy en día la seguridad en la Red es algo muy complejo, debido fundamentalmente a la cantidad
de información que viaja por las ondas y las líneas telefónicas.
Protocolo SSL
La Capa de Conectores Seguros o SSL (Secure Socket Layer) es un protocolo que permite
establecer una conexión segura entre un cliente y un servidor.
Lo que hace SSL es encriptar los datos, aunque no evita el acceso a la información.
Grupo EIDOS
CARACTERÍSTICAS AVANZADAS 145
Para que SSL funcione, tanto cliente como servidor deben admitir este tipo de protocolo. Lo
mismo Microsoft Internet Explorer como Netscape Navigator lo hacen. FrontPage permite crear
vínculos que comiencen por https:// en lugar de http://. Los vínculos que comienzan por https://
indican que se está utilizando el protocolo SSL.
La mejor manera de saber si el servidor con el que estamos trabajando admite SSL es
preguntándoselo a la persona encargada de administrar el servidor.
Servidores proxy
Protegen una determinada red de la intromisión exterior. Toda la comunicación relacionada con
los sitios web sólo está permitida a través del proxy, con lo que se prohibe el acceso al sistema a
los visitantes externos.
Grupo EIDOS
BIBLIOGRAFÍA