Cómo crear puntos de acceso Web Image

Una de las funciones básicas necesarias en una página web es la posibilidad de navegar de una página a otra. Esto se logra con frecuencia hipervínculo asignado a una sección de texto. Al hacer clic en la sección de texto activa el enlace y el navegador del usuario se dirige a la página asociada. Asociación de una imagen o sección de una imagen con un hipervínculo a una página nueva o una pieza de contenido requiere unas cuantas líneas de código.

Instrucciones

1 Seleccionar un archivo gráfico preparado para la Web.

2 Crear un mapa de imagen utilizando la etiqueta <map> HTML. Por ejemplo: <map id = "ThisPicture" name = "ThisPicture"> </ map>. Esto es necesario para definir un área en la que el hipervínculo se activa.

3 Definir el tamaño y la forma del punto de acceso y el enlace. Para una zona interactiva rectangular: <href = "" LinkedPage.htm forma = "rect" coords de área = "5,5,25,50" alt = "rectangular Hotspot" />. Esto define el área de 20 píxeles de ancho a partir de 5 píxeles desde la parte izquierda de la imagen y 45 píxeles de altura de partida 5 píxeles desde la parte superior de la imagen. Esta área ofrece un enlace activo a una página llamada LinkedPage.htm.

4 Unir las dos secciones de código junto con "usemap" al ejemplo siguiente: <img usemap = "# ThisPicture" alt = "rectangular hotspot" />. Esta pieza de código identifica la imagen y lo relaciona con el mapa y las coordenadas que se debe utilizar como el punto caliente. El "alt" etiqueta muestra el texto que se mostrará si el navegador no es capaz de mostrar imágenes gráficas.

Consejos y advertencias

• También es posible crear puntos de acceso poligonales y circulares, así como rectángulos. Varios puntos de acceso también se pueden definir para una sola imagen. coordenadas de imagen son medida en un x, y eje con el x como la medida horizontal empieza en cero en el lado izquierdo de la imagen y la vertical principio de medición y en cero en la parte superior de la imagen.