Cómo crear puntos de acceso en la producción de páginas web
¿Has visto la interfaz del software "My Office" proporcionado por Lenovo para tu computadora Lenovo? Use el mouse para hacer clic en el teclado del escritorio en la imagen de la oficina para iniciar un software de práctica de mecanografía "Wubi", haga clic en el bloc de notas del escritorio para abrir un software de bloc de notas, etc., que es a la vez vívido y conveniente. . La esencia de este efecto es dividir una imagen en diferentes áreas y luego vincular diferentes áreas al software que hace diferentes cosas. También hay una manera de usar la función de imágenes en HTML para dividir en múltiples áreas y vincularlas a diferentes áreas. La marca de la página web, es decir, la marca del área del mapa . La etiqueta
se utiliza principalmente en mapas de imágenes. Puede establecer el área de acción (también llamada punto de acceso) en el mapa de imágenes, de modo que cuando el usuario mueva el mouse al área de acción especificada y haga clic, Se vinculará automáticamente a la página predefinida. La sintaxis básica es la siguiente:
class=type
id=Value
href=url
alt=text
shape=area-shape
coods=value>
coods=value.gt;
Dónde , class e id especifican el tipo y el número de identificación del punto de acceso respectivamente.
alt: Texto alternativo para configurar puntos de acceso.
href: se utiliza para configurar la dirección URL a la que está vinculado el hotspot.
forma y coordenadas: Estos dos parámetros principales se utilizan para establecer la forma y el tamaño del punto de acceso. Su uso básico es el siguiente:
significa establecer la forma del punto de acceso en un rectángulo y las coordenadas del vértice de la esquina superior izquierda son (X1, y1), las coordenadas del vértice de la esquina inferior derecha son (X2, y2).
significa establecer la forma del punto de acceso en un círculo, siendo las coordenadas centrales del círculo (X1, y1 ) y el radio de r.
significa establecer la forma del punto de acceso en un polígono y las coordenadas del vértice son (X1 ,y1), (X2,y2), (x3,y3).......
La marca juega el papel de dividir áreas en la imagen, por lo que su función de dividir el área debe ser el área en la imagen, por lo que la marca juega el papel de dividir el área Antes de que surta efecto, debe usar otra etiqueta HTML
Los siguientes ejemplos ilustran el uso de estas dos etiquetas:
La siguiente es una imagen de una estantería nueva. El efecto es: cuando el mouse hace clic en el libro "Libros del sitio web". Cuando el mouse hace clic en el libro "Habilidades de diseño de sitios web", se abrirá una nueva ventana que muestra una breve introducción al libro y el orden de las páginas web (urlall.htm). Una breve introducción y el orden de las páginas web (urlall. htm); cuando el mouse haga clic en el libro "Habilidades de diseño de sitios web", se abrirá una nueva ventana que muestra una breve introducción del libro y el orden de las páginas web (urlall.htm).
htm); cuando el mouse hace clic en el libro "Habilidades de diseño de sitios web", se abrirá una nueva ventana que muestra una página web (siteall.htm) sobre la introducción del libro y el orden de las páginas cuando el mouse hace clic en "Habilidades de página web" Cuándo; Al leer este libro, se abrirá una nueva ventana que mostrará una página web (pageall.htm) con una introducción al libro y el orden de las páginas. Cuando el mouse hace clic en el libro "Web Page Skills", se abrirá una nueva ventana que muestra la página web (pagejqlall.htm) con una introducción al libro y un formulario de pedido. Método de producción:
1. Inserte una imagen, establezca los parámetros relevantes de la imagen y establezca el parámetro usemap="newbook" en ismap en la etiqueta para indicar el mapa al que hace referencia la imagen ( newbook);
2. Utilice la etiqueta
3. Utilice la etiqueta para dividir las ubicaciones de los tres libros en tres áreas rectangulares y establezca el parámetro de enlace href.
Una vez completada la producción, el código fuente de este ejemplo es el siguiente:
< area shape ="rect" coords="56,69,78,139" href="urlall.htm" target="_blank" alt="Más de 100.000 URL recopiladas aquí." title="Más de 100.000 URL recopiladas aquí". ." >
Hay varios efectos a los que se debe prestar atención al redactar este artículo:
1. No olvide configurar los parámetros usemap e ismap en la etiqueta , y el valor del parámetro usemap debe ser el mismo que el valor del parámetro de nombre entre la etiqueta
3. La configuración del parámetro de cuerda en la etiqueta
Para evitar el fenómeno de establecer las coordenadas del vértice del área poligonal en la cuerda cuando el parámetro de forma se establece en un área rectangular.