Cómo crear un punto de acceso público que requiera inicio de sesión web

¿Ha visto alguna vez la interfaz del software "My Office" proporcionado por Lenovo en una máquina "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 con "fuente 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, lt; área gt; marca del área de función del mapa.

lt;areagt; la marca se utiliza principalmente en mapas de imágenes, a través de los cuales se puede configurar 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 hace clic, se vinculará automáticamente a la página preestablecida. La sintaxis básica es la siguiente:

lt; area

class=type

id=Value

href=url

alt=text

shape=área-forma

coods=valuegt;

coods=value.gt;

Entre ellos, clase e identificación 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:

lt; area shape="rect" coords="x1, y1, x2, y2" href=urlgt; significa establecer la forma del punto de acceso en un rectángulo y las coordenadas; del vértice de la esquina superior izquierda es (X1, y1), y las coordenadas del vértice de la esquina inferior derecha son (X2, y2).

lt; area shape="circle" coords="x1, y1, r" href=urlgt; significa establecer la forma del punto de acceso en un círculo, y las coordenadas centrales del círculo son (X1, y1), el radio es r.

lt; area shape="poligon" coords="x1, y1, x2, y2..." href=urlgt; significa establecer la forma del punto de acceso a un polígono y las coordenadas del vértice son ( X1, y1), (X2, y2), (x3, y3) .......

lt;areagt; la marca juega el papel de dividir áreas en el mapa de imagen, por lo que debe desempeñar el papel de área en el mapa de imagen al dividir áreas, por lo que la marca ...lt;/map>.

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 web cuando el mouse hace clic; el libro "Webpage Skills", se abrirá una nueva ventana, mostrando 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 configure el parámetro usemap="newbook "ismap en la etiqueta

2. Utilice la marca lt; mapgt; para establecer el área de efecto de la imagen en el mapa y el nombre:

2. área de efecto de la imagen en el mapa, y asígnele el nombre: newbook;

3. Utilice las marcas de área gt; para dividir las posiciones de los tres libros en tres áreas rectangulares. parámetro de enlace href.

Una vez completada la producción, el código fuente de este ejemplo es el siguiente:

lt; img src="/images/logo.gif" width="207" height= "148" alt= "Nueva estantería" hspace="10" align="left" usemap="#newbook" border="0"gt;

lt; map name="newbook"gt;

lt; area shape="rect" coords="56, 69, 78, 139" href="urlall.htm" target="_blank" alt="Aquí se recopilan más de 100.000 URL". ="aquí se recopilaron más de 100.000 URL " gt;

lt; area shape="rect" coords="82, 70, 103, 136" href="siteall.htm" target="_blank" alt= "Lectura introductoria para diseñadores de sitios web." title="Lectura esclarecedora para diseñadores de sitios web." gt;

lt; area shape="rect" coords="106, 68, 128, 136" href="pageall .htm" target="_blank" alt="Libros imprescindibles para productores de páginas web." title="Libros imprescindibles para productores de páginas web." gt;

lt;/mapgt;

Se deben tener en cuenta algunos puntos al crear el efecto de introducción de este artículo:

1. No olvide configurar los parámetros usemap e ismap en la etiqueta lt;imggt; El valor del parámetro de usemap debe ser el mismo que lt; El valor del parámetro de nombre entre ;mapgt; markgt; y lt;/mapgt; La marca tiene la configuración del parámetro de forma en el formato de coordenadas. La función del área de forma es evitar el fenómeno de que el área rectangular de la configuración del parámetro de forma actúe como el vértice del área del polígono en la configuración de la cuerda.

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.