Texto/Chen Xiufeng
Cuando abre una página web con imágenes, a veces verá esta situación: cuando el mouse apunta a diferentes partes de la imagen, puede abrir diferentes hipervínculos. Esta tecnología se llama zona activa de imágenes de la página web.
Tomemos Dreamweaver MX y FrontPage 2003 como ejemplos para ver el proceso específico de establecer un punto de acceso a imágenes de una página web.
1. Cree un punto de acceso para imágenes en Dreamweaver MX
1. Inicie Dreamweaver MX (siga las instrucciones para otras versiones), abra el archivo de la página web donde necesita crear un punto de acceso para imágenes, seleccione la imagen correspondiente y las "Propiedades". El panel cambiará automáticamente al estado "Propiedades de Imágenes" (Figura 1).
2. Seleccione un tipo de área activa (como "elipse") y luego arrástrelo sobre la imagen para crear un área activa (consulte la Figura 1).
Figura 1
Nota: La zona activa equivale a agregar una capa de gráficos a la imagen. Al igual que ajustar la imagen, el tamaño y la posición de la zona activa se pueden ajustar con el mouse.
3. Ingrese la URL que desea vincular en el cuadro a la derecha de "Enlace" (como "http://www.yesky.com"; ingrese algunos caracteres explicativos en el cuadro después de "Reemplazo" (como "Tianji"). .com" ); presione el botón desplegable a la derecha de "Destino" y seleccione una forma de abrir la página vinculada en la lista desplegable que aparece (si desea que la página vinculada se abra en una nueva ventana, seleccione la opción "_blank").
Nota: Los caracteres ingresados en el cuadro "Reemplazar" se mostrarán en la página cuando el mouse apunte al punto de acceso mientras navega por la página web (Figura 2).
Figura 2
4. Repita los pasos 2 y 3 anteriores para crear múltiples puntos calientes en diferentes partes de la imagen.
2. Cree un punto de acceso para imágenes en FrontPage2003
1. Inicie FrontPage2003 y abra el archivo de la página web que necesita crear un punto de acceso para imágenes.
2. Ejecute el comando "Ver → Barra de herramientas → Imagen" para expandir la barra de herramientas "Imagen" (Figura 3)
Figura 3
3. Seleccione un tipo de área activa (como "rectángulo") y luego arrastre un área activa en la imagen. En este momento, el sistema abrirá automáticamente el cuadro de diálogo "Insertar hipervínculo" (Figura 4).
Figura 4
4. Ingrese la URL que desea vincular en la barra "Dirección" (como "www.yesky.com"); haga clic en el botón "Consejos de pantalla" para abrir el cuadro de diálogo "Establecer consejos de hipervínculo de pantalla" (Figura 5). , ingrese algunos caracteres de descripción (como "天极网").
Figura 5
Nota: Las "Consejos en pantalla" aquí son las mismas que las de la función "Alternativa" de Dreamweaver MX.
4. De la misma manera, repita los pasos 3 y 4 anteriores para crear múltiples puntos calientes en diferentes partes de la imagen.