Si arrancas el Front Page 2000 y abres una página como ésta, obtienes:



Observa que estamos en Vista – Página, y que debajo hay 3 pestañas: Normal, HTML y Vista previa. Vista Página - pestaña Normal es el lugar donde se trabaja una página Web. La pestaña HTML es para usuarios muy avanzados. Vista previa pretende mostrar la página tal como se visualizará desde el navegador (Internet Explorer o similar). El motivo es que en Normal aparecen símbolos (en la imagen puedes apreciar bastantes) que son códigos que luego no se verán desde el Internet Explorer. De todos modos la visualización desde la pestaña Vista previa no es exacta. Es posible que alguno de los tipos de letra programados desde el Front Page, no tengan correspondencia al ser leídos desde el Internet Explorer, puede suceder lo mismo con colores especiales.. Para ver exactamente el resultado, es necesario utilizar el icono de Vista Previa que pregunta cuál es tu navegador y exige haber grabado la página que deseas ver. La pestaña Vista previa es una buena orientación, nada más. Es conveniente dar a Ver – Barra de Vistas, para eliminar el marco de la izquierda y disponer de la pantalla completa.

Sigamos con la pestaña Normal. Mira a continuación la barra de herramientas ampliada para apreciar mejor los iconos que más nos interesan.

En Herramientas – Personalizar – Comandos puedes añadir a las barras (de herramientas, de formato, etc.) los iconos que desees: los de mayor uso, para una utilización más rápida del programa.



Para crear una página Web puedes hacer clic en el icono izquierdo de la barra de herramientas: Nueva página. Es más correcto hacer clic en Archivo – Nuevo – Web, o bien en la flecha a la derecha de Nueva página y solicitar Web. Ahí señalas el tipo de Web (lo que puede habilitar el asistente correspondiente) y su ubicación. Si pides acto seguido la Lista de Carpetas, observarás que se ha creado la página index y las carpetas images y _private. Si lo deseas, cambia el nombre de la Web. El nombre de la página index no lo cambies. Cuando construyamos sitios Web compuestos de varias páginas, te recordaremos que es necesario que la página inicial se titule index. Se recomienda poner los nombres en minúsculas y no se permiten caracteres que no sean lícitos para nombre de ficheros.

Te recomendamos que comiences por elegir un Tema de Formato. Son parecidos a los señalados en el Word, pero más completos: varios niveles de viñetas, la línea horizontal sale mejor y tiene propuestas para los botones.

Cuando escribas, observarás que la tecla Intro cambia de párrafo dando un salto de dos líneas, mientras que Shift + Intro sólo salta una línea.

Front page es más limitado que Word a la hora de tratar el texto: tiene bastantes menos posibilidades. Así, no admite la justificación a ambos lados, derecha e izquierda, a la vez, no funciona el tabulador, etc.

Dispones de Insertar – Línea horizontal para facilitar la claridad de tu Web.

En Estilo se llama Encabezado a 6 niveles de títulos, desde el mayor al más pequeño. No lo confundas con cabeceras y pies.

Cuando necesitas viñetas anidadas (o en más de un nivel) la solución ofrecida por Temas es interesante. Una vez que has escrito líneas en el primer nivel de viñetas, un doble clic en el icono de aumentar la sangría pasa al nivel siguiente de viñetas. Vuelves a la situación anterior con un doble clic en disminuir sangría. Con listas numeradas existe la misma opción.

* Nivel 1
* Nivel 1
o Nivel 2
o Nivel 2
+ Nivel 3
+ Nivel 3
o Nivel 2
* Nivel 1

En el apartado Viñetas y numeración del menú de Formato existe otra opción interesante que es: Habilitar esquemas contraíbles. Consiste en que las viñetas de segundo nivel, pueden ser desplegadas o replegadas por el usuario con un doble clic.

Ten cuidado con los subrayados, pues la cultura de Internet lleva a esperar de ellos un vínculo. Sé restrictivo.

Hemos comentado unos cuantos detalles de Formato para que contaras con algunos elementos al crear tu primera Web. Han sido, sobretodo, aspectos relacionados con Formato - Temas. Damos como sabidas las posibilidades de formato del Word, que en buena parte se reiteran en el Front Page. En el próximo epígrafe ampliaremos posibilidades de Formato específicas de este programa.

Guardar un documento es elemental, como en cualquier programa Windows. El propio Front Page ha ido guardando las modificaciones más importantes que has creado, para remediar un posible olvido, fallo eléctrico, etc. Te recuerdo que las imágenes se guardan aparte. No es como en el Word. Aquí el fichero de la página Web sólo guarda, además del texto, el nombre de las imágenes y su ubicación, para luego cargarlas. Por eso al Guardar, sale un cuadro de diálogo que pregunta dónde se guarda cada imagen. Te recomendamos que las guardes en la carpeta images de esta página Web. (Atención: una vez guardadas, no las cambies de ubicación).

Posteriormente es elemental abrir páginas Web existentes (para continuar su elaboración por ejemplo). Puede interesarte la opción Herramientas – Opciones – Abrir automáticamente el Web más reciente al iniciar Front Page.

Tenemos un sitio Web compuesto de una única página y estudiaremos los procedimientos más usuales para hacerla un poco más vistosa, variada, con más recursos, todavía sin extendernos en el tratamiento de imágenes.

Otro pequeño detalle novedoso del Front Page respecto al Word es que dispone en Formato - Bordes de varios Estilos de borde.

Vamos a comentar Archivo - Propiedades ... (de página). La pestaña Márgenes se refiere a los de pantalla, si en algún caso se quieren utilizar. Si no hemos utilizado Temas, aparece también la pestaña Fondo. Puedes elegir una imagen como fondo y Front Page la dispondrá como mosaico. En un lugar de la pestaña General pone Sonido de Fondo. Has de poner el nombre del fichero y si deseas que se oiga siempre (como un bucle continuo) o que se repita sólo a veces. Los formatos de sonido más frecuentes son wav, que tiene bastante calidad y midi, que con una calidad ligeramente inferior ocupa menor espacio. En cualquier caso, el sonido supone bastantes KB, y en una página Web no es recomendable utilizar más que pequeños efectos para el clic del ratón y cosas así.

Por último, vamos a ver dos efectos vistosos. En Formato - Transición de página puedes crear fundidos y efectos de ese estilo. Has de señalar el evento (por ejemplo al abrir la página), el efecto (como mezclar o revelar) y la duración, que se recomienda sea de 2 a 5 seg.

Otro efecto se encuentra en Formato - Efectos de HTML dinámico. Empieza por seleccionar el texto que quieras destacar. Pide a continuación Formato - Efectos de HTML dinámico y rellena las tres celdas desplegables. Prueba con clic - Volar hacia fuera - A la izquierda.

Así como los libros son secuenciales: una letra y otra y una página y así hasta el final; los documentos multimedia no: son hipertextos. El visitante va a navegar por los apartados que más interés le ofrecen, se detiene en un punto, vuelve atrás: navega.

Como consecuencia, documentos como páginas Web no constan de un único fichero secuencial, sino que están ramificados. La página Web del CPR ofrece en una pantalla los datos básicos del mismo, en otra las actividades previstas para el curso, hemos incluido el fichero de biblioteca, para que se pueda consultar sin necesidad de ir hasta el CPR, los datos de los asesores, los Centros de la zona y otras informaciones relevantes. Hay que organizar las posibilidades de navegación de una pantalla a otra. Ha de plantearse una navegación clara, sin confusiones, sabiendo en todo momento dónde estamos. Hay referencias cruzadas. Así, desde las actividades hay que facilitar el acceso al formulario que permite inscribirse por Internet; o al relacionar a los asesores, viene bien dejar una llamada a las actividades que cada uno lleva.

Cuando se va a crear una página Web es importante pensar los contenidos y su estructura, dedicando una página a cada tema que tenga cierta entidad o cierta unidad, y estableciendo los vínculos correspondientes entre páginas. Hablando con más propiedad, nos estamos refiriendo a un sitio Web, que estará compuesto de varias páginas Web.

Suponiendo que ya sabes crear las páginas aisladas, se trata ahora de estudiar cómo se crean los vínculos, los botones, que llevan de una a otra.

Verás que es muy fácil. Seleccionas las palabras de texto o la imagen a las que vas a asociar el hipervínculo y solicitas Insertar – Hipervínculo o más sencillamente su icono de hipervínculo. Obtienes la siguiente pantalla:



Como estarás en la carpeta adecuada, en pantalla salen las páginas de tu sitio Web, y con hacer doble clic en la que te interese has creado el vínculo. Ya está. Lo que has hecho con el doble clic es poner en la casilla Dirección URL el nombre del fichero de la página de destino. (sin http://).

Si quieres, puedes grabar ya la página. Al abrirla desde un navegador (Internet Explorer) los vínculos salen subrayados y en color distinto (si eran vínculos asociados a unas palabras). En cualquier caso, el puntero del ratón toma forma de mano al pasar por encima. Además, si detienes el ratón, puedes ver la dirección de destino a la que remite.

La página con la que se abre tu sitio Web ha de llamarse index.

Los vínculos pueden probarse en Vista previa. También en Vista normal apretando la tecla Ctrl a la vez que se hace clic con el ratón.

Los vínculos tienen cierta variedad, cierta riqueza que pasamos a comentar.

Puedes crear un vínculo a un sitio Web externo al tuyo, es decir, crear en tu página un enlace, por ejemplo al PNTIC. Eso es crear un hipervínculo externo. Para eso, en la casilla Dirección URL has de poner su dirección completa (comenzando por http://). En la pantalla mostrada inmediatamente arriba hemos resaltado unos iconos. El primero de ellos permite navegar por la red, de forma que cuando visites la página que deseas, su dirección pasa a la casilla Dirección URL del cuadro de diálogo de creación de hipervínculos. No tienes que teclearla y además has comprobado que es correcta.

Puedes crear vínculos a páginas Web que estén grabadas en tu ordenador, pero que no pertenezcan al sitio Web que estás creando. Puedes buscarlas con el siguiente icono, que es una especie de Explorador del Windows para este caso.

Una dirección absoluta de un fichero o una página es del estilo: c:\Mis Documentos\Mis Web\index.htm (para un vínculo que desde otra página nos lleve a la inicial).

Si pones esto en la casilla de Dirección URL, el vínculo funciona trabajando en tu ordenador. Pero ¿qué sucede cuando envías tu sitio Web a tu proveedor de Internet? Probablemente lo has alojado en una carpeta del estilo ~majadaho dentro del ordenador del PNTIC. Tu página index no está en la misma ruta que como estaba en tu ordenador. No está en c:\Mis Documentos\Mis Web del ordenador del PNTIC. El ordenador del PNTIC tiene su propia estructura y organiza sus propias ubicaciones. La dirección absoluta que era válida en tu ordenador, no lo es en el del PNTIC. La conclusión es que las direcciones absolutas no deben utilizarse, salvo excepciones, más que para vínculos externos: http:// ...

Ubicación relativa se refiere respecto de la página principal (index). Si tienes todas las páginas de tu sitio Web en la misma carpeta, la dirección relativa es simplemente el nombre del fichero, sin nada por delante. Si tu sitio Web no es excesivamente complejo, ésta puede ser la solución más aconsejable. Al remitirlo a tu proveedor de Internet, las direcciones relativas funcionan exactamente igual que en tu ordenador. Si alojas tus distintas páginas Web en carpetas que cuelgan de la principal, la dirección relativa es la ruta desde la página principal hasta la carpeta y fichero en cuestión. Se supone que remitirás a tu proveedor de Internet toda tu estructura de subcarpetas a partir de la principal. Entonces, volvemos a insistir, las direcciones relativas funcionarán en el proveedor perfectamente.

Cuando se maneja el cuadro de diálogo Crear Hipervínculo, y la forma de crearlo es el doble clic en el fichero de la página correspondiente, se están utilizando siempre direcciones relativas.

Si alguna vez pusieras las Direcciones URL a mano, te recordamos que has de poner el nombre del fichero de destino, y no el título de la página (que se crea en Archivo – Propiedades).

Ya se han explicado desde el Word, y funcionan en Front Page exactamente igual. Por ejemplo, veamos el marcador del próximo epígrafe. Hemos ido al título del epígrafe posicionando el cursor delante de la I de Imágenes. Luego se solicita Insertar – marcador, y le hemos puesto el nombre Imágenes. Así se crea el destino del marcador, con ese nombre. A continuación vas al quinto ítem del principio, a la quinta viñeta, seleccionas todo el texto IMÁGENES y das a Insertar – Hipervínculo. Eliges marcador y, de entre los que ofrece, Imágenes. Ya está creado. Cada vez que arriba hagas clic en IMÁGENES, el cursor se desplaza al epígrafe Imágenes del cuerpo del documento.

En el cuadro de diálogo Crear Hipervínculo (arriba expuesto) se ve la casilla MARCADOR debajo de Dirección URL. Esto quiere decir que cuando creo un vínculo, a una determinada página, puedo añadir un marcador, de forma que el salto sea a determinado punto de esa página de destino.

En resumen, un marcador puede crearse para moverse dentro de la propia página. En este caso, en Dirección URL sale como dirección: #Imágenes por ejemplo. Y también puede crearse para, al ejecutarse un vínculo a otra página, ir concretamente a un punto de la misma.

Hay vínculos de correo electrónico. Se crean con el icono Hipervínculo de email. Es necesario introducir una dirección de correo electrónico, de ordinario aquélla en la que quiero recibir los mensajes de quienes visiten la página y quieran comunicarse conmigo. Una vez creados estos vínculos, haciendo clic en ellos se abrirá el Outook Express con la dirección prefijada puesta en el campo Para. Todo listo para enviar un e-mail.

Terminamos los tipos de vínculos con el vínculo a página nueva Hipervínculo a nueva pagina. Deseamos crear ahora el vínculo, pero la página de destino aún no ha sido creada. Entonces creo un vínculo a página nueva, poniendo el nombre que deseo a la página. Luego la confeccionaré.

Supongamos que, teniendo el sitio Web en avanzado estado de elaboración, deseo cambiar de nombre a alguna página, o moverla a otra ubicación. Nos preguntamos qué sucederá con los vínculos dirigidos al nombre antiguo y a la ubicación antigua. La respuesta es que, si el cambio se hace desde el Front Page, desde la Lista de carpetas, él mismo se encarga de actualizar los vínculos. Sin embargo, si los cambios se realizan por ejemplo desde el Explorador del Windows, entonces los vínculos se quedan sin destino. Se llaman vínculos rotos. Son vínculos que no funcionarán.

En Ver –Informes – Vínculos rotos puedes chequear si has tenido algún descuido en la confección de tu sitio Web que haya producido vínculos rotos.

Terminemos este epígrafe sobre hipervínculos viendo cómo se editan.

Estamos en Vista Página. Para borrar un hipervínculo, seleccionar su texto o imagen y cortar, o tecla Supr. Para cambiar ese texto, poner el punto de inserción en su interior y efectuar las modificaciones necesarias. Si el nuevo texto queda subrayado, significa que el vínculo ha sido correctamente modificado. Si lo que se desea es modificar su destino, hacer clic con el botón derecho y solicitar Propiedades, modificando los datos oportunos en el cuadro de diálogo de Modificar Hipervínculo. Dada la facilidad con la que se crean los vínculos, si tuvieras algún problema para modificar alguno casi vale la pena borrarlo y crear correctamente el nuevo.

Se puede presentar el caso de desear copiar vínculos externos desde una Web que estás visitando a tu sitio Web. Haz clic en ese vínculo con el botón derecho y pide Copiar Acceso Directo. A continuación lo pegas donde quieras. También es posible copiarlo simplemente arrastrándolo desde el Internet Explorer hasta tu página en el Front Page.

Se encuentra en Archivo – Propiedades (Propiedades de página) –Fondo. Se solicita Habilitar ... y Efectos de conversión. Puedes determinar que cuando el visitante pase el ratón el texto se ponga intermitente, o en el color y tamaño que quieras, etc.

Al trabajar con imágenes en un sitio web es importante saber que los archivos que se manejan en Internet son de dos clases: los .jpeg y los .gif.

Los primeros se utilizan para fotografías, las cuales al utilizar este formato comprimido, ocupan menos al costo de bajar un poco la calidad.

El formato .gif, se utiliza para títulos, logotipos, y gráficos con menos de 256 colores. También se pueden usar para fotos pero la calidad será peor.

Si el fichero no es de fotografía, sino que utiliza colores planos, entonces suele manejar pocos colores. Si no llega a 256 colores, Front Page guardará la imagen en formato GIF. En cambio los ficheros de fotos los guarda en formato JPEG, que realiza cierta compresión de la imagen. La cuestión es que un fichero de fotografía ocupa muchísimo espacio (una pantalla viene a ser 1’5 Mb) y es necesario reducirlo, aunque sea a costa de un poco de calidad. El ordenador pregunta la razón de compresión que, por defecto, es de un 75 %.

La forma de insertar imágenes está en el menú Insertar – Imágenes, que tiene dos opciones: en Imágenes ofrece los clip art instalados con el Office 2000. En Desde Archivo, podemos buscar cualquier fichero de imágenes, por ejemplo en los CD comerciales con miles de imágenes, o también los que aporta el disco 2 del Office 2000, que no se instalan en el disco duro del ordenador.

Cuando se insertan imágenes de un CD ROM, o de un programa como el Office, el Front Page únicamente crea el vínculo correspondiente a esa imagen en su ubicación actual. Al enviar la página al proveedor que nos la aloja, no tendrá ese CD ROM, y no aparecerá la imagen. La solución es empezar por copiar la imagen a la carpeta en la que estamos trabajando la página web e insertarla desde ahí.

Otra forma de insertar una imagen es crearla y organizarla en otro programa y después cortar y pegarla en el Front Page. Y es que Front Page dispone de escasas posibilidades para tratamiento de imágenes individuales. El propio Word dispone de los letreros tipo Word Art, las autoformas, los gráficos; todos estos elementos se pueden cortar y pegar después en Front Page. No digamos si utilizas un programa de diseño.

Si se trabaja con un escáner, se puede cargar la imagen directamente desde el Front Page (también podrías hacerlo pasando previamente por otro programa). Se trabaja desde Insertar – Imagen – Escáner – Origen. En este punto seleccionas cuál es tu dispositivo y das a Adquirir.

Acerca del Tamaño de las imágenes

Como ya dijimos antes, el tamaño de los archivos gráficos en una página Web debe ser pequeño para optimizar el tiempo de descarga de la página. Si abrimos la imagen en algún editor como PhotoShop o el Microsoft PhotoEditor, se debe elegir ver la imagen al 100% para saber cuál es el tamaño real de la imagen que se verá en la página. Con esto se logrará un mayor control de la misma.

Otro punto importante es que nunca es conveniente insertar una imagen grande y luego achicarla mediante los manejadores de la misma (los pequeños cuadraditos que aparecen en los bordes para cambiar el tamaño) del Front Page, ya que si hacemos esto, se achica la imagen que se ve en pantalla pero no el tamaño del archivo.

Para cambiar el tamaño abrimos la imagen en el editor y modificamos el zoom hasta el tamaño deseado.

En PhotoShop se debe ir a Image/Image size, en los cuadros de la unidad, seleccionamos Percent y teniendo marcada la casilla Constrain Proportions. A continuación se indica en cualquiera de los cuadros de Height o Width (pero solo en uno) el valor del zoom, con lo cual la imagen se reducirá al tamaño deseado. Después se guarda la imagen, con el mismo nombre o con otro para saber que es un archivo distinto.

Si usamos el Microsoft PhotoEditor el proceso es similar. Debemos ir a Imagen/Cambiar tamaño y fijarse que NO esté tildada la casilla Permitir distorsión una vez hecho esto, se varía el porcentaje de Alto o Ancho.

Accedes a ellas desde Formato – Propiedades, o haciendo clic con el botón derecho en la imagen.



En la pestaña General, Origen de la imagen es de dónde la has tomado, el nombre y ubicación del fichero de origen. Este campo lo rellena Front Page él sólo cuando insertas la imagen, y no debes tocarlo.

Te ofrece guardarla como GIF o JPEG, de lo que hablamos más arriba.

Las Representaciones alternativas consisten en que si la imagen es grande y va a tardar en cargarse, se puede ofrecer un bosquejo suyo en baja resolución o un breve texto, en el mismo lugar que la posterior imagen.

En Apariencia puedes determinar la alineación y tamaño exacto de la imagen, en caso de que no te baste modificarla con el ratón.

Debajo de la referencia a los formatos GIF y JPEG se encuentran las casillas Entrelazado y Barridos progresivos. Se refieren también a que a la hora de cargar la imagen puede hacerse mediante un efecto, por el que la imagen va apareciendo como borrosa, por líneas, hasta su carga completa. Puede ser más útil en imágenes de cierto volumen, que tarden en cargarse.

No confundas estas propiedades con las de página, que se encuentran en Archivo – Propiedades.

Te mostramos a continuación la barra de herramientas de imágenes:



La posibilidad de añadir texto a una imagen sólo existe en el formato GIF, igual que la de establecer un color como transparente. Pasar a miniatura consiste en que se carga una miniatura de la imagen, considerando que la carga completa va a ser lenta y puede no ser indispensable para el visitante. Si éste desea la imagen completa, simplemente hace clic en la miniatura. Ver el plano de acceso al CPR en su página Web.

* Ningún estilo de Ajuste: la imagen se ajustará como un carácter más.
* Izquierda: La imagen se alineará a la izquierda y se rodeará con texto.
* Derecha: Similar al anterior.
* Ningún estilo de ubicación: en este caso, no se podrá mover la imagen de la ubicación que tiene, para hacerlo, se selecciona:
* Relativo: en este caso se pueden especificar los valores de ubicación y tamaño en los cuadros de diálogo, así como el orden Z, es decir, la profundidad de la imagen con respecto a los demás objetos de la página, es decir, atrás o adelante del texto, o de otras imágenes.
* Absoluto: este método se utilice para ubicar una imagen con total libertad, pero en este caso, el texto no se ajustará a ella.
* Recortar: con esta herramienta podemos eliminar parte de una imagen que no precisemos, con lo cual también reduciremos su tamaño. Hacemos clic en la esquina de la porción de imagen que deseamos conservar y desplazamos el ratón hasta lograr un cuadrado. Para recortarla, se vuelve a hacer clic en el botón recortar en la barra de herramientas.
* Establecer color transparente: haciendo clic en un color de la imagen, este se volverá transparente. Sólo se puede elegir un color.
* Descolorar: es útil cuando se desea utilizar la imagen en el fondo y que no interfiera con el texto.
* Nuevo muestreo: cuando modificamos el tamaño de la imagen con los manejadores, dijimos que no se modificaba el tamaño del archivo, pero si luego de achicarla, apretamos este botón, se hará un nuevo muestreo y se reducirá el archivo de modo que el tamaño normal sea el que hemos modificado nosotros con los manejadores.
* Restaurar: restaura a la imagen a su estado original, si es que hicimos algún cambio en ella.

* Ningún estilo de Ajuste: la imagen se ajustará como un carácter más.
* Izquierda: La imagen se alineará a la izquierda y se rodeará con texto.
* Derecha: Similar al anterior.
* Ningún estilo de ubicación: en este caso, no se podrá mover la imagen de la ubicación que tiene, para hacerlo, se selecciona:
* Relativo: en este caso se pueden especificar los valores de ubicación y tamaño en los cuadros de diálogo, así como el orden Z, es decir, la profundidad de la imagen con respecto a los demás objetos de la página, es decir, atrás o adelante del texto, o de otras imágenes.
* Absoluto: este método se utilice para ubicar una imagen con total libertad, pero en este caso, el texto no se ajustará a ella.
* Recortar: con esta herramienta podemos eliminar parte de una imagen que no precisemos, con lo cual también reduciremos su tamaño. Hacemos clic en la esquina de la porción de imagen que deseamos conservar y desplazamos el ratón hasta lograr un cuadrado. Para recortarla, se vuelve a hacer clic en el botón recortar en la barra de herramientas.
* Establecer color transparente: haciendo clic en un color de la imagen, este se volverá transparente. Sólo se puede elegir un color.
* Descolorar: es útil cuando se desea utilizar la imagen en el fondo y que no interfiera con el texto.
* Nuevo muestreo: cuando modificamos el tamaño de la imagen con los manejadores, dijimos que no se modificaba el tamaño del archivo, pero si luego de achicarla, apretamos este botón, se hará un nuevo muestreo y se reducirá el archivo de modo que el tamaño normal sea el que hemos modificado nosotros con los manejadores.
* Restaurar: restaura a la imagen a su estado original, si es que hicimos algún cambio en ella.

Es algo que rebasa el propósito de este curso y que nos limitamos a describir. Imagina que tienes en una pantalla el mapa de España, con las autonomías dibujadas. Quieres unos vínculos de forma que si haces clic en la autonomía de Madrid, te lleva a una página sobre ella, si das en la de Galicia o Andalucía, o en cualquier otra, te llevarán a su página respectiva. Es decir, se trata de, a partir de una imagen, crear en ella unas zonas activas, cada una con un vínculo. Estas zonas pueden ser rectangulares, o también poligonales.

Las tablas permiten bastante juego a la hora de situar textos por la pantalla, son la manera de saltarse las limitaciones que el lenguaje HTML tiene con la ubicación de los textos.

El 90 % de las posibilidades y manejo de las tablas en Front Page coincide con el modo de usar tablas en Word, y no lo vamos a reiterar.

Una diferencia pequeña pero importante es que una celda se selecciona presionando la tecla Alt mientras se hace clic con el ratón. (O en Tabla – Seleccionar – Celda).

Observa las Propiedades de tabla que se obtienen en el menú contextual (clic con el botón derecho), o en Tabla – Propiedades – Tabla.



Especificar ancho en porcentaje facilita que la tabla se ajuste a la ventana en caso, por ejemplo, de utilizar marcos.

Para eliminar los bordes, pon en Tamaño un 0.

Distinguir un borde claro y otro oscuro proporciona un interesante efecto 3D.

Se puede poner una imagen de fondo a la tabla.

Observa Tabla – Insertar – Título y en su menú contextual las Propiedades de título, que permiten situarlo también debajo de la tabla.

Reproducimos ahora el cuadro de diálogo de Propiedades de celda que se obtiene en su menú contextual.



Por defecto, una celda ocupa una fila y una columna, pero se puede determinar otra cosa, lo cual desplazará la columna o fila correspondiente, y quedará una tabla no rectangular.

Algunas opciones son idénticas a las de Propiedades de Tabla, sólo que aplicadas a la celda seleccionada.

No ajustar afecta al ancho de la celda cuando se rellene. En efecto, lo habitual es que, si el texto de la celda excede de su ancho, entonces este texto crea una nueva línea dentro de la misma celda, que ve incrementada su altura. Pues bien, la opción No ajustar va aumentando el ancho de celda a medida que se teclea, sin pasar a otra línea.

También existe Tabla – Autoajustar que ajusta el ancho de una columna al de la celda que tiene el texto más extenso.

La barra de herramientas de Tablas es parecida a la del Word.

. Comentarios

Se trata de incluir en la página Web comentarios que no salgan, no estén accesibles, al visitante. Se consiguen en Insertar – Comentarios. Sólo se ven en Vista Normal, no así en Vista Página. El objetivo es hacerte anotaciones que te recuerden asuntos pendientes. Por ejemplo, en una Web más importante, creada por un equipo de personas, las anotaciones para que los demás estén al tanto de los detalles a tener en cuenta, suelen ser interesantes.

. Contadores de visitas



Son para contar el número de visitantes. Los podemos poner en la página principal (index), que es por donde los visitantes suelen acceder a nuestro sitio Web. También se pueden poner en otras páginas, y así sabremos cuáles son los asuntos que más interesan a nuestros visitantes.

Se crean en Insertar – Componente –Contador de visitas a la página.

Restablecer pone el contador en el número que le digamos, por ejemplo a 1 de enero lo podemos poner a cero.

Número fijo de dígitos quiere decir que saldrán los ceros a la izquierda de las cifras significativas.

. Administrador de titulares

El nombre no indica bien de qué se trata. Consiste en crear una sucesión de imágenes. Cada ciertos segundos se van sustituyendo. Se puede asignar un vínculo a ese espacio de la pantalla.

. Fecha y hora

Los internautas agradecen saber si nuestras páginas están actualizadas, o, por el contrario, su información lleva ya mucho tiempo y, presumiblemente, se ha descuidado el mantenimiento del sitio Web. Al Insertar - Fecha y Hora aparece la fecha de la última modificación. Automáticamente, cuando actualicemos la página, se cambiará la fecha por la de este día.

. Marquesina

Ofrece marquesinas de posibilidades muy limitadas.

Puede ser útil mirar Estilo – Formato – Fuente , Borde, etc. Prueba con las diversas opciones, por ejemplo con Comportamiento – Alternar.

. Botones activables

El objetivo es crear vínculos más estéticos que los que meramente contienen texto. Puedes crear algún efecto, cuando el puntero del ratón pasa por encima. En Personalizado se puede añadir sonido o alguna imagen. Naturalmente se puede indicar un vínculo.

. Otros componentes

Se dispone de más componentes que vemos menos aplicables:

Se puede insertar una hoja de cálculo Excel en la página Web. Así por ejemplo, un banco puede ofrecer el cálculo de una hipoteca. Podríamos decir que es una hoja mixta, en la que el banco puede crear la hoja con su formato, sus titulares, sus fórmulas, y después el visitante, partiendo de esos datos, completa su caso personal y obtiene los resultados que necesita.

Imagen programada o Inclusión programada de página. Deseo que una determinada imagen, o una página entera, entre en vigor a las cero horas del 1 de enero. La creo ahora y la envío a mi proveedor de Internet como imagen programada, indicando en qué momento debe hacerse pública.

Existen otros componentes, pero el lector apreciará que corresponden a un curso de otro nivel.