Adobe Dreamweaver CS5, un programa de diseño de páginas Web más importantes, soporta varias maneras de crear botones. Sin embargo, Dreamweaver 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 prefabricados botones gráficos de Internet. Para crear un botón de imagen cambiante, un botón que cambia de aspecto cuando el usuario pasa su ratón sobre ellas, se necesitan dos gráficos de botón - una para el norte del estado del botón y uno ligeramente diferente gráfico para el vuelco de estado. Entonces usted puede utilizar Rollover función de imagen de Dreamweaver para crear su botón.
BOTÓN DE DREAMWEAVER
Lo que necesita
Adobe Dreamweaver CS5
Un botón de rollover gráfico de estado
Un botón de subida de estado gráfico
Abra el archivo de Dreamweaver HTML en el que desea agregar un botón, o iniciar un nuevo archivo HTML haciendo clic en el menú "Archivo" y seleccionar "Nuevo". Se abrirá el cuadro de diálogo Nuevo documento.Seleccione HTML en la lista de tipos y el diseño que desee de la lista Layout, y luego haga clic en "Crear".
Guarde los dos gráficos de botón en el directorio raíz de tu sitio web. Si su sitio tiene muchos gráficos, cree una subcarpeta denominada "Imágenes" en el directorio raíz de tu sitio web, y guardar los gráficos del sitio en esa carpeta.
Haga clic en la página en la que desea colocar su botón para insertar el cursor.
Haga clic en el menú "Insertar", elija "Objeto de imagen", y luego seleccione "Imagen de sustitución." Se abrirá el cuadro de diálogo Insertar imagen de sustitución.
Haga clic en el botón "Examinar" junto al campo Imagen original para abrir el cuadro de diálogo Imagen del original. Seleccione el botón gráfico de arriba de estado y haga clic en "Aceptar".
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 de rollover gráfico de estado y haga clic en "Aceptar".
Escriba el vínculo de destino del botón en el campo "Al hacerse clic, ir a URL".
Haga clic en "Aceptar".
Haga clic en el menú "Archivo" y seleccione "Guardar como" para abrir el cuadro de diálogo Guardar como. Nombre y guarde el archivo.
Consejos y advertencias
Para probar el botón de conversión, haga clic en el botón "Live View" debajo de la barra de menús y, a continuación, coloque el cursor del ratón sobre el botón para ver el efecto de rollover.
Cuando se carga la página, asegúrese de cargar los gráficos de botón. De lo contrario el botón no se mostrará.
No hay comentarios:
Publicar un comentario