Agregar botones interactivos
Microsoft Expression Web facilita la adición de botones a las páginas que parecen creados con una herramienta de edición de gráficos avanzada. Puede cambiar el aspecto de estos botones sin necesidad de modificar el código. Es posible cambiar la configuración, como por ejemplo, mediante la adición de texto al botón, la selección de colores del fondo y del botón, y la definición de un hipervínculo para el botón. También puede especificar el estilo, color y tamaño de la fuente para todos los estados del botón: original, activable y presionado. Puede configurar la alineación vertical y horizontal, así como cambiar el tamaño y las proporciones del botón.
Después de agregar un botón, puede vincularlo a otra página del sitio actual, a otro sitio del World Wide Web o a una dirección de correo electrónico.
Cuando se agrega un botón interactivo, Expression Web crea los archivos de imagen que lo componen. Cuando se guardan las páginas, Expression Web pregunta si se deben guardar también los archivos de imagen del botón.
Para agregar un botón interactivo
En la Vista de diseño, coloque el cursor en el lugar en el que desea agregar el botón.
En el menú Insertar, haga clic en Botón interactivo.
En la ficha Botón, en la lista Botones, haga clic en un estilo de botón.
En el cuadro Texto, escriba el texto que desea que aparezca en el botón.
Junto al cuadro Vínculo, haga clic en Examinar.
Busque y seleccione el archivo, la dirección URL o la dirección de correo electrónico con que desea vincular el botón.
O bien, en la ficha Fuente, especifique la fuente, el estilo de fuente, la alineación y los diversos colores del texto para los distintos estados del botón.
En la ficha Imagen también puede especificar el tamaño de las imágenes creadas y si desea crear imágenes para los distintos estados del botón.
Para eliminar un botón interactivo
Haga clic en el botón en la Vista de diseño para seleccionarlo y presione SUPR.
[!NOTA]
Cuando elimine un botón, los archivos asociados a dicho botón no serán eliminados. Deberá borrar los archivos de botones de la Lista de carpetas.
Para establecer las propiedades de un botón interactivo
Haga clic con el botón secundario en el Botón interactivo cuyas propiedades desea establecer y, a continuación, en el menú contextual, haga clic en Propiedades del botón.
Para definir el texto, en el cuadro Texto de la ficha Botón, escriba el texto que desee que aparezca en el botón.
Para definir la fuente, en la ficha Fuente, seleccione las propiedades de fuente que desee.
Para definir el destino, en el cuadro Vínculo de la ficha Botón, busque y seleccione el archivo, la dirección URL o la dirección de correo electrónico con que desea vincular el botón.
Para definir el fondo del botón, en la ficha Imagen, siga uno de estos procedimientos:
Para hacer coincidir el fondo del botón con una página web con fondo sólido, haga clic en Convertir el botón en una imagen JPEG y utilizar este color de fondo, haga clic en la flecha de la lista y, a continuación, en el color que se corresponda con el de la página web.
Para hacer coincidir el fondo del botón con una página web con fondo variado, haga clic en Convertir el botón en una imagen GIF y utilizar un fondo transparente.
Para definir el tamaño de la imagen, en la ficha Imagen, siga uno o varios de estos procedimientos:
Para establecer el alto y ancho de un botón, escriba o seleccione en los cuadros Alto y Ancho los valores en píxeles que desee.
Para conservar la relación de aspecto del botón, active la casilla de verificación Mantener proporciones.
Para definir el comportamiento, en la ficha Imagen, siga uno o varios de estos procedimientos:
Para mostrar el botón con un aspecto diferente cuando un visitante del sitio sitúa el puntero del mouse sobre él, active la casilla de verificación Crear imagen activable.
Para mostrar el botón con un aspecto diferente cuando un visitante del sitio hace clic en él, active la casilla de verificación Crear imagen presionada.
Para cargar las imágenes correspondientes a los estados activable y presionado del botón a la vez que se carga el resto de la página, active la casilla Precargar imágenes de botón.