Adobe Dreamweaver CS5, un programa líder en el diseño de páginas Web, soporta varias maneras de crear botones. Sin embargo, Dreamweaver no tiene herramientas gráficas para la creación de los botones físicos. La mayoría de los diseñadores a crear botones en un editor de gráficos, como Photoshop, o descarga de botón predefinidos de gráficos de Internet. Para crear un botón de imagen cambiante, un botón que cambia de apariencia cuando el usuario pasa su ratón sobre él, se necesitan dos gráficos botón - una para el estado de la tecla y una gráfica ligeramente diferente para el vuelco de estado. A continuación, puede utilizar la función de Imagen de sustitución de Dreamweaver para crear el botón.
Instrucciones
1 Abra el archivo HTML de Dreamweaver en el que desea agregar un botón, o iniciar un nuevo archivo HTML haciendo clic en el menú "Archivo" y seleccionando "Nuevo". Esto abre el cuadro de diálogo Nuevo documento. Seleccione HTML de la lista Tipo y el diseño deseado de la lista Diseño y, a continuación, haga clic en "Crear".
2 Guarde los dos gráficos de botón en el directorio raíz de su sitio web. Si su sitio tiene muchos gráficos, cree una subcarpeta denominada "Imágenes" en el directorio raíz de su sitio web, y guardar los gráficos del sitio en esa carpeta.
3 Haga clic en la página en la que desea colocar su botón para insertar el cursor.
4 Haga clic en el menú "Insertar", elija "Objeto de Imagen" y luego seleccione "Imagen de sustitución." Esto abre el cuadro de diálogo Insertar imagen de sustitución.
5 Haga clic en el botón "Examinar" al lado del campo de imagen original para abrir el cuadro de diálogo de imagen original. Seleccione el botón gráfico de estado y haga clic en "Aceptar".
6 Haga clic en el botón "Examinar" junto al campo Imagen de sustitución para abrir el cuadro de diálogo Imagen de sustitución. Seleccione el botón gráfico-estado de rollover y haga clic en "Aceptar".
7 Escriba el enlace de destino para el botón en el campo "Al hacerse clic, ir a URL".
8 Haga clic en Aceptar."
9 Haga clic en el menú "Archivo" y seleccione "Guardar como" para abrir el cuadro de diálogo Guardar como. Un nombre y guardar el archivo.
Consejos y advertencias
- Para probar el botón de imagen cambiante, haga clic en el botón "Live View" debajo de la barra de menús y, a continuación, coloca el cursor del ratón sobre el botón para ver el efecto de vuelco.
- Cuando se carga la página, asegúrese de cargar los gráficos de botones. De lo contrario, el botón no se mostrará.