knorrigt.com

Home > Internet > Cómo hacer un mapa con enlace a la Web

Cómo hacer un mapa con enlace a la Web

Advertisement

Cómo hacer un mapa con enlace a la Web


La mayoría de las imágenes sólo pueden enlazar a una sola página web. Creación de un mapa de imágenes se puede hacer clic permite una sola imagen para enlazar a varias páginas. Un mapa de imagen rompe una sola imagen en regiones, que son conocidos como puntos calientes. Cada punto caliente puede enlazar a una página Web diferente o una sección de una página web. Puede crear un mapa interactivo sencillo utilizando software de gráficos simples y comandos básicos de HTML dentro de unos pocos minutos. Creación de un mapa de imagen con muchos puntos calientes, sin embargo, puede consumir mucho tiempo, ya que cada región tiene que ser definido por su propia cuenta.

Cosas que necesitará

software de gráficos

imagen de alta calidad

HTML o editor de texto

Definición de imagen

  • 1

Elige una imagen que no se confunda a sus visitantes del sitio web. Sólo utilice imágenes para mapas seleccionables que tienen componentes distintos. Evitar fotografías donde las regiones coordinan entre sí y no están bien definidos. Utilice un software de edición de gráficos para afinar los colores y oscurecer fronteras de la región para mejorar la claridad de la imagen.

2

Guardar la imagen en formato GIF o JPEG; estos son los únicos formatos que se pueden utilizar con HTML.

3

Encontrar imagen coordenadas de cada región. Una imagen de coordenadas es un par de números separados por una coma que representa la ubicación exacta de un punto en una imagen. Utilizar cualquier software gráfico simple de encontrar las coordenadas. Ejecutar el puntero del ratón sobre la imagen y buscar en la parte inferior de la pantalla. Las coordenadas son los pares de números que cambian a medida que mueve el ratón.

4

Crear mapas de imágenes hot spots basados ​​en coordenadas región. Puede crear áreas de mapas seleccionables que son rectangulares, circulares o polígono.

Para crear un punto de acceso rectangular, encontrar los mejores coordenadas de las esquinas izquierda y luego las coordenadas parte inferior derecha de la región. coordenadas rectangulares deben seguir el siguiente formato: 110124200190.
Las dos primeras coordenadas corresponden con la parte superior izquierda y las dos últimas se corresponden con la parte inferior derecha.

Para crear un punto caliente circular, encontrar las coordenadas del centro del círculo. También tendrá que calcular el radio del círculo, que es la distancia desde el centro del círculo a cualquier punto de la circunferencia. coordenadas circulares deben utilizar este formato: 185,496,43. Los dos primeros números se corresponden con las coordenadas del centro del círculo y el último número se corresponde con el radio.

Para crear un punto caliente polígono, una lista de todas las coordenadas de los puntos de la región a fin. Utilizar puntos de enlace del polígono siempre que la región es cualquier forma que no sea circular o rectangular. puntos calientes de polígonos tendrán el siguiente formato: 56,67,60,78,70,62. En este ejemplo, el polígono es un triángulo. Los dos primeros números coinciden con las coordenadas del primer punto en el triángulo; el segundo conjunto coincide con el segundo punto y las dos últimas cifras coinciden con el tercer punto del triángulo. Elija cualquier punto de comenzar, y seguir los puntos en orden.

Crear un gráfico marcado por las coordenadas de todos los puntos calientes de la imagen de referencia en el paso dos de la Sección Segunda.

La codificación HTML

1

Dé su imagen de mapa de un nombre.
Escriba el siguiente comando en el editor de HTML:
<Nombre del mapa = "mapa-name">
(Área de etiquetas del lugar aquí)
</ Map>
Sustituir las palabras "mapa-name" con cualquier nombre que decide que va a representar a su mapa de imagen. Tenga en cuenta que este no es el nombre de la imagen que ha definido en el software de gráficos. Este es el nombre del mapa creado a partir de esa imagen.

2

Insertar etiquetas en la zona entre el <map name = "mapa-name"> y </ map> en el paso uno de la segunda sección.

Utilice la siguiente sintaxis para definir la forma, coordenadas y destino del enlace de un punto caliente:
<Area shape = "forma" coords = "insert coordina aquí" href = "webpage.html">

Sustituir la palabra "forma" con el "círculo" valores "rect" y "poli" para representar regiones circulares, rectangulares y en forma de polígono en consecuencia.

Sustituir las palabras "incluir coordenadas de aquí" con los valores de las coordenadas encontró en el paso cuatro de la sección uno.

Sustituir las palabras "webpage.html" con la página web que desea que el punto de acceso para enlazar a.

Inserte una línea de comandos área separada para cada punto de acceso que desea crear.

3

Insertar el mapa de imagen en la página web utilizando el comando pantalla de imagen.
Utilice la siguiente sintaxis: <img src = "imagen.gif" usemap = "# mapa-name">

Sustituir la palabra "imagen.gif" con el nombre de la imagen definida en el paso dos de la Sección Primera. Sustituir la palabra "mapa-name" con el nombre del mapa de imagen definido en el primer paso de la Sección Segunda, pero no quite el signo de almohadilla (#).

El código completo se debe seguir el siguiente formato:
<Nombre del mapa = "mapa-name">
<= área de forma coords "rect" = "135180200185" href = "webpage1.html">
<= área de la forma de "círculo" coords = "49,300,42" href = "webpage2.html">
<área de forma = "poli" coords = "24,35,55,20,90,42,91,80,60,105" href = "webpage3.html">
</ Map>
<Img src = "imagen.gif" usemap = "# mapa-name">

Cómo hacer una foto con enlace para Ampliar en un Blogger
Google Blogger ofrece varias formas de agregar contenido a los blogs. Puede escribir texto en el editor de texto, editar el código HTML en los mensajes individuales e incluso actualizar el código que gestiona toda la plantilla de Blogger. Una forma r
Cómo hacer un mapa con mis propios puntos de interés
Con el mapa a la derecha y una buena idea de dónde se quiere ir, usted estará en su manera de tener un gran viaje. Google Maps tiene una función de "Mis mapas" que le permite tener ambas cosas. Usted puede crear fácilmente un mapa de lugares que
creadores de sitios web necesitan optimizar sus sitios para todos los navegadores, incluyendo los líderes del mercado tales como Internet Explorer, Mozilla Firefox, Opera y Google Chrome. Por desgracia, muchos diseñadores web hacen sus sitios compati
Cómo hacer un instrumental con Audacity
Creación de una pieza instrumental de la música y mezclar todo se puede lograr con el programa Audacity mezcla de audio. Audacity permite al usuario importar pistas, pistas de grabación, mezcla y añadir efectos de obtener la calidad de sonido que des
Cómo crear un mapa con los puntos
La mejor manera de hacer un mapa con los puntos es mediante el uso de un programa de edición de fotos y un mapa preparado de antemano. Adobe Photoshop es un programa de edición de fotos ampliamente utilizado, pero la mayoría de los editores avanzados
Las cámaras web permiten a los usuarios comunicarse instantáneamente con sus amigos y familiares. Mientras que estas cámaras se pueden utilizar para videoconferencias en vivo, también se pueden utilizar para grabar vídeo que se puede publicar en líne
Cómo hacer un electroimán con un clavo y un alambre
Hay dos tipos básicos de los imanes: imanes permanentes y temporales imanes veces se hace referencia como electroimanes. Como su nombre implica imanes permanentes mantienen su magnetismo permanente mientras temporal o electroimanes son creados por pa
Cómo hacer un archivo descargable desde un sitio web. Puede permitir a los visitantes de su sitio web para descargar archivos de audio, imágenes, documentos y otros tipos de archivos. Con el uso de una herramienta de comprimir o PDF-creación y un poc
Copia de seguridad de un sitio web de Adobe Dreamweaver consta de dos partes bien diferenciadas. Una parte está recibiendo todos los archivos de copia de seguridad. La segunda parte está recibiendo toda la configuración de Dreamweaver copia de seguri
Cómo hacer un mapa de la red Con Excel 2007
Microsoft Excel es un software de hoja de cálculo que puede ser utilizado para crear gráficos y tablas, así como los mapas de la red. Antes de 2007, Microsoft Excel se incluye con el software de elaboración de mapas instalado. Con el lanzamiento de M
Cómo hacer un mapa mental con PowerPoint
El formato visual de un mapa mental ayuda a una lluvia de ideas, organizar y aclarar las ideas de una manera flexible e interactivo que también mejora la memoria. No es necesario un programa de un software especial para generar un mapa mental lápiz y
Cómo hacer un mapa conceptual en Microsoft Word
Los mapas conceptuales pueden ser utilizados en la planificación de una novela, cuento o incluso un ensayo de unos pocos cientos de palabras. Los elementos de los mapas conceptuales enlazan las ideas que están relacionados y deben ser tratados en un
Cómo crear un banner con enlace gratuito
El primer aspecto de un sitio web que llama atención de los visitantes es el banner en la parte superior de la página. Al hacer que la bandera se puede hacer clic, que permite una navegación fluida para los visitantes del sitio, que, a su vez, hace q
Cómo hacer un mapa de red
Hacer un mapa de la red puede dar a sus colegas o clientes potenciales una idea de las posibilidades que están disponibles debido a implementar o cambiar una red de ordenadores. Microsoft Visio es un software de gráficos que está disponible para su d
Cómo hacer un mapa personalizado para "Civilization IV"
El clásico juego de ordenador Civilization 4 ofrece horas de juego complejo y profundo. También cuenta con un editor de mapas para que pueda hacer sus propios mapas y escenarios personalizados. La manera más fácil de hacer un mapa personalizado es in
¿Cómo hacer un calendario con Excel
Microsoft Excel 2013 puede ser su salida al programar para las facturas, presupuestos y todos los demás números cosas, pero se debe hacer una cita para explorar sus opciones de la plantilla de programación también. Ejecutar los números de plantillas
La fuente Wingdings ha sido una característica de las herramientas de productividad de Microsoft desde 1992. El tipo de letra sustituye a las letras con símbolos que representan diversos elementos gráficos incluyendo flechas, buzones de correo, casil
mapas de desplazamiento suenan más complicado de lo que realmente son. Son en realidad bastante simple. Un mapa de desplazamiento es sólo una imagen en 2D que un ordenador puede crear información 3D desde midiendo puntos altos y bajos sobre la base d
Cómo hacer una flecha con Typing
Al escribir texto en un teclado de computadora, el uso de símbolos puede dar a sus palabras interés añadido y apoyo. Los símbolos también le puede dar atajos útiles que reducen la cantidad de palabras y letras que debe introducir. El uso de flechas p