FrontPage se abre mostrando la página principal de una empresa de productos de salud para animales en la vista Vista Previa.

Suponga que dirige un pequeño negocio de productos de salud para animales y sus clientes de otros estados le piden una dirección Web para ver su línea de productos. Necesita un método rápido para crear páginas con aspecto profesional.

El puntero se mueve hacia el Panel de exploración izquierdo y señala, por turnos, tres de los botones interactivos que hay allí. Cada botón cambia el color del fondo, a medida que el puntero se mueve hacia él, y el texto del tercer botón cambia de color, a medida que el puntero lo presiona.

El puntero se mueve hacia el botón Diseño y lo presiona. Se abre la vista Diseño. El puntero se mueve hacia la derecha del botón Productos alimenticios y se abre el menú contextual. El puntero hace clic en Insertar filas, y el menú se cierra. Una celda nueva en blanco aparece sobre los botones interactivos. El puntero se mueve hacia esa celda. En el menú Insertar, el puntero hace clic en Botones interactivos.

Introducir botones interactivos. Nuevo en FrontPage 2003, a la izquierda de la página pueden verse algunos. Se iluminan, y se puede cambiar el color del texto. Es posible que haya oído hablar de estos botones como conversores.

Puede elegir entre una gran variedad de estilos y colores de botones. Ahora agregará uno para representar la línea de productos de vitaminas.

Se abre el cuadro de diálogo Botones interactivos. En la ficha Botón, el puntero hace clic en Columna de cadena 3, en el cuadro Vista previa. La imagen del botón cambia. El puntero se desplaza hacia abajo por la lista del cuadro Botones y selecciona Corporativa 5. La imagen del cuadro Vista previa cambia.

Puede obtener una vista previa de un botón interactivo u obtener una muestra de los efectos. Observe que cuando elige o presiona sobre la imagen, ésta cambia.

Para que se adapte a su página Web, elija el estilo de botón Corporativo 5.

Para agregar una etiqueta al nuevo botón, el puntero se desplaza hasta el cuadro Texto. Se escribe el texto Vitaminas. Dicho texto aparece en el botón, en el cuadro Vista previa.

Para convertir el botón Vitaminas en un hipervínculo, el puntero se desplaza hasta el botón Examinar y hace clic sobre él. El cuadro de diálogo Modificar hipervínculo se abre y muestra una lista de vínculos posibles. El puntero se desplaza hacia abajo por la lista, selecciona Vitaminas y, a continuación, hace clic en Aceptar. El escenario vuelve a ser el cuadro de diálogo Botones interactivos.

A continuación, pondrá una etiqueta al botón Vitaminas y lo vinculará a la página de destino.

Mediante el uso de estos botones, puede agregar una interactividad convincente a su página, sin necesidad de aprender diseño gráfico ni programación.

El puntero hace clic en la ficha Fuente, y la apariencia del cuadro de diálogo cambia. El puntero abre la lista Color al hacer clic y selecciona verde azulado en la cuadrícula de muestras de colores. La barra del cuadro Color al hacer clic cambia a verde azulado. El puntero se desplaza hasta el cuadro Vista previa y allí hace clic en la imagen del botón, en la que el color del texto cambia a verde azulado.

En las fichas Fuente e Imagen, puede comenzar a cambiar el botón. Por ejemplo, puede cambiar el color de fuente presionado a verde azulado y probarlo. Así, sus clientes podrán ver que su sitio Web puede advertir cuando se va a producir una acción.

El puntero hace clic en la ficha Imagen, y la apariencia del cuadro de diálogo cambia. El puntero se desplaza al cuadro Ancho, y se escribe el valor 200. La imagen del botón cambia en el cuadro Vista previa. El puntero deshabilita la casilla de verificación Mantener proporciones. En el cuadro Ancho, aparece el valor 110, y en el cuadro Alto aparece el valor 26. La imagen del botón cambia en el cuadro Vista previa.

El puntero se desplaza hasta un cuadro titulado Convertir el botón en una imagen JPEG y utilizar este color de fondo: y se abre una cuadrícula de muestras de colores. La cuadrícula se cierra de nuevo. El puntero hace clic en Aceptar, y el cuadro de diálogo se cierra.

También puede modificar el tamaño del botón. Si incrementa el ancho a 200, será demasiado. En vez de eso, quítele proporciones y deje 110 por 26. Mantenga las demás opciones.

Una imagen JPEG resaltará mejor los botones, ya que puede mostrar millones de colores sobre un fondo sólido.

En la vista Diseño, en el menú Archivo, el puntero hace clic en Guardar. El cuadro de diálogo Guardar archivos incrustados aparece con varios nombres de botones seleccionados. El puntero hace clic en Aceptar y el cuadro de diálogo se cierra.

Ahora cambiamos de escenario, de FrontPage a Microsoft Internet Explorer, que nos muestra la página principal, ahora con un nuevo botón Vitaminas.

Ahora, guarde los cambios y abra el sitio en un explorador.

Los botones interactivos ayudan a los clientes a explorar de dos maneras: con hipervínculos y cambiando el color del botón.

El puntero se desplaza al botón Vitaminas. El color del botón y del texto cambia. El puntero hace clic en el botón Vitaminas y aparece una página Web diferente.

He aquí su nuevo botón interactivo. Este es el efecto activable, y cuando se presiona el color del texto cambia.

En la página Vitaminas, el botón Vitaminas es marrón. El puntero se desplaza a la sección del encabezado de la página, que muestra el nombre de la empresa.

Ahora en la página de productos de Vitaminas, ¿ve que el botón es marrón? Al cambiar el color de los botones, los botones interactivos pueden mostrar el contexto de la exploración en su sitio Web. Esto significa que puede utilizar el mismo encabezado para todas las páginas.

El puntero se mueve hacia la izquierda y hace clic en el icono Inicio para volver a al a página principal, en la que el botón Vitaminas no es marrón, sino azul, al igual que el resto de botones en esa página. A continuación, aparece el texto animado Experimente sus propios grandes momentos. Bajo el texto, aparece otro texto estático Para obtener más información , seguido de una dirección URL: http://www.microsoft.com/office.

Con los botones interactivos de FrontPage 2003, podrá crear un sitio Web con rapidez y dedicar más tiempo a sus clientes.