Cómo crear un botón en FrontPage 2003 con el código HTML

Microsoft FrontPage 2003 permite a las personas con poco o ningún conocimiento de diseño web para crear, publicar y administrar sitios web. Se ofrece formas sencillas de colocar texto e hiper enlaces, añadir imágenes, y modificar las fuentes del documento y colores. El programa también ofrece la funcionalidad de botones interactivos, lo que permite a los usuarios generar automáticamente los elementos de navegación sin necesidad de utilizar un programa de edición de imágenes. Sin embargo, botones interactivos requieren seis imágenes por estilo de botón, una limitación inviable para los diseñadores que buscan una solución HTML puro. Por suerte, la creación de botones sólo HTML en FrontPage es una tarea relativamente sencilla.

Instrucciones

1 Abra la página que desea editar. Con FrontPage 2003 abierto, seleccione \ "Archivo \" del menú en la parte superior de la pantalla, haga clic en \ "Abrir. \" Busque la página que desea editar. Abrirlo haciendo doble clic en su icono.

2 Actualizar el enlace que desea convertir en un botón. Escanear su página, encontrar el enlace que desea convertir en un botón, a continuación, resaltarlo. Haga clic en el botón cerca de la parte inferior de la pantalla con la etiqueta \ "Código. \" Esta acción abrirá el modo de visualización del código de FrontPage, mostrando el código HTML de la página. Su enlace aparecerá resaltada y un aspecto similar al siguiente: <a href=\"contact.html\"> Contáctenos </a>

Actualizar el vínculo de modo que la etiqueta de apertura aparece así: <a href=\"contact.html\" class=\"button\"> Contacto </a>. La propiedad de clase añadido le permite cambiar el aspecto de este enlace.

3 Crear una regla de estilo para el botón. Desplazarse hasta la parte superior de la página en la vista de código y localizar la etiqueta de la etiqueta </ ​​head>. Añadir una línea en blanco inmediatamente por encima de esta etiqueta. Copiar el código abajo y pegarlo en esta línea en blanco:

<Style type = \ "text / css \">
<! -
un botón {
background-color: gris
IR
color blanco
IR
padding: 10px
IR
text-decoration: none
IR
}

a.button: hover {
background-color: naranja
IR
de color negro
IR
padding: 10px
IR
text-decoration: none
IR
}
->
</ Style>

Este código establece los estilos asociados con el botón. Se requiere un botón con 10 píxeles de desplazamiento en todos los lados que es gris cuando se carga la página, pero se vuelve naranja cuando el usuario mueve el ratón sobre ella. Editar estos parámetros para crear un botón con los colores de relleno y de fondo de su elección.

4 Guarde la página y ver el botón en su navegador. Seleccione \ "Archivo \" del menú en la parte superior de la pantalla, a continuación, seleccione \ "Guardar. \" Abra su navegador y abrir la página que acaba de editar en FrontPage. Su enlace ahora tiene la apariencia de un botón, pero su mirada se controla únicamente a través de HTML; no se requieren imágenes.