Tecnología

Inicio

Cómo incrustar una página Web Enlace en las fotos

Cómo incrustar una página Web Enlace en las fotos


Se puede utilizar un mapa de imágenes para incrustar enlaces dentro de una foto. Los mapas de imagen le permiten especificar los puntos calientes o zonas se puede hacer clic en una imagen. Así, las diferentes áreas de su foto pueden apuntar a una página Web diferente. La etiqueta MAP se utiliza para mapas de imágenes. Tiene un ID (nombre), la forma y las coordenadas. La forma puede ser un rectángulo, círculo, polígono o por defecto. Las coordenadas de un mapa de imagen, donde especifican las zonas seleccionables van en una imagen.

Instrucciones

1 Crear las coordenadas del mapa de imagen desde cero o utilizar un generador de imágenes en línea en Owens 4, Pangloss o Draac (ver Recursos) para generarlos. Para crear sus propias coordenadas, vaya al paso 5. Para utilizar el mapa en Owens 4, introduzca la dirección del sitio web completo a la imagen que desee asignar y haga clic en "Cargar imagen".

2 Haga clic en dos áreas de la imagen para crear un rectángulo o un punto caliente círculo. Haga clic en por lo menos tres para crear un punto caliente polígono.

3 Elija una forma para el punto caliente de la "Zona Tipo". Seleccione "Enlace a la Página" para el tipo de respuesta.

4 Haga clic en el botón "Códigos de copia" para copiar el código y las coordenadas y minimizar el navegador Web.

5 Abra el archivo HTML que desea modificar en un editor de texto, como el Bloc de notas, TextPad o EditPad. Para abrir el archivo, seleccione "Archivo" y "Abrir" en el menú y haga doble clic en el cuadro de diálogo.

6 Desplazarse a la etiqueta <BODY> de su página. Coloque el punto de inserción donde desea que el enlace de la página Web incorporado para su foto para ir.

7 Pulse la tecla "Ctrl" y "V" para pegar el código que ha generado y vaya al paso 11. Para añadir el código desde cero, inserte el siguiente:

<Img alt = "Descripción de imagen" width = "500" height = "350" usemap = "# mymapname" />

<Map id = "mymapname">

<Area shape = "rect" coords = "0,0,0,0" alt = "Descripción de imagen" href = "http://your-website-address.com/page1.html" />

<Area shape = "círculo" coords = "0,0,0" alt = "Descripción de imagen" href = "http://your-website-address.com/page2.html" />

<Area shape = "poli" coords = "0,0,0,0,0" alt = "Descripción de imagen" href = "http://your-website-address.com/page3.html" />

</ Map>

8 Ir a la primera línea de código, que contiene la información sobre su foto. Reemplazar "mimagen.gif" con el nombre de la imagen. Reemplazar "descripción de la imagen" con una línea de texto que describe la foto. Vuelva a colocar la anchura y la altura con dimensiones de la imagen. Reemplazar "#mymapname" con el nombre de su mapa de imagen, pero mantener el símbolo de almohadilla (#).

9 Ir a la segunda línea de código y reemplazar "mymapname" con el nombre del mapa de imagen que desea utilizar. El nombre debe coincidir con el nombre del mapa en la imagen, pero no es el símbolo de la libra.

10 Reemplazar "rect", "círculo" o "polígono" con la forma de la zona. Vuelva a colocar los números dentro de las "coordenadas" con las coordenadas de cada punto caliente. Reemplazar "http://your-website-address.com/pageX.html" con el enlace al sitio web de cada mancha. Reemplazar "descripción de la imagen" con el punto caliente que está describiendo.

11 Seleccione "Archivo" y "Guardar" para guardar el archivo HTML.