-
Cómo crear una imagen con múltiples botones en Dreamweaver
-
En el diseño web, una sola imagen con múltiples botones, o puntos de acceso, que se llama un mapa de imagen. Se pueden crear mapas de imágenes en Adobe Dreamweaver, un programa de desarrollo de creación de páginas web y el sitio web, con herramientas Mapa del programa. Después de importar la imagen, se definen los puntos de acceso y asignar los enlaces o URLs desde el panel Propiedades.Instrucciones
1 Abra el archivo HTML de Dreamweaver que contiene la imagen de la que desea crear un mapa de imagen, 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 la opción "HTML" en la lista "Tipo" y el diseño deseado de la lista "Diseño", a continuación, haga clic en el botón "Crear".
2 Haga clic en la ubicación de la página en la que desea insertar la imagen.
3 Haga clic en el menú "Insertar" y seleccione "Imagen". Esto abre el cuadro de diálogo Seleccionar origen de imagen. Navegue hasta la imagen que desea importar, seleccionar, a continuación, haga clic en "Aceptar". Dreamweaver importa la imagen y lo inserta en la página.
4 Ir al panel "Propiedades" y seleccionar una de las tres "mapa" herramientas de dibujo situados en la esquina inferior izquierda. Las tres opciones son Mapa herramienta interactiva rectangular, la herramienta hotspot Circle y herramienta Zona interactiva poligonal. Cuando se dibuja una forma en la imagen con una de estas herramientas, el área dentro de la forma se convierte en un botón o punto de acceso.
5 Dibujar una forma sobre el área que desea hacer "caliente". Dreamweaver muestra un cuadro de diálogo que le pedirá que escriba una descripción de este punto de acceso en el campo "Alt". aplicaciones de accesibilidad especiales que ayudan a la utilización deficientes visuales con la descripción.
6 Haga clic en "OK" y escriba una descripción para este punto de acceso en el campo "Alt".
7 Escriba la dirección URL de destino en el campo "Enlace". Esta es la dirección del navegador carga cuando un usuario hace clic en este punto de acceso, tales como http://www.mywebsite.com/services.html.the
8 Repita los pasos 4 a 7 para cada punto de acceso que desea crear.
Consejos y advertencias
- Al cargar esta página en un servidor Web, cargar el archivo de imagen. De lo contrario, su mapa de imagen no se mostrará o funcionar correctamente.