Os beneficios e os inconvenientes ao usar mapas de imaxes
Houbo un punto na historia do deseño web onde moitos sitios utilizaban unha característica coñecida como "mapas de imaxes". Esta é unha lista de coordenadas anexadas a unha imaxe específica nunha páxina. Estas coordenadas crean áreas de hiperligazóns sobre esa imaxe, esencial engadindo "puntos quentes" a un gráfico, cada un dos cales pode ser codificado para ligar a diferentes lugares. Isto é moi diferente do que se engade unha etiqueta de ligazón a unha imaxe, o que faría que todo o gráfico convertésese nunha gran ligazón a un único destino.
Exemplos: imaxine ter un ficheiro gráfico cunha imaxe dos Estados Unidos. Se quería que cada estado fose "clickable" para ir a páxinas sobre ese estado específico, podería facelo cun mapa de imaxes. Do mesmo xeito, se tiña unha imaxe dunha banda de música, podería usar un mapa de imaxe para que cada membro se faga clic a unha páxina posterior sobre o membro da banda.
Os mapas de imaxes son útiles? Sen dúbida foron, pero caeron en desacordo na web de hoxe. Isto é, polo menos en parte, porque os mapas de imaxes requiren coordenadas específicas para traballar. Sitios hoxe son construídos para ser sensibles e escala de imaxes en función do tamaño dunha pantalla ou dispositivo. Isto significa que as coordenadas predefinidas, que funcionan como mapas de imaxes, desaparecen cando as escalas dun sitio e as imaxes cambian de tamaño. É por iso que os mapas de imaxes raramente se usan nos sitios de producións de hoxe en día, pero aínda teñen vantaxes para demostracións ou instancias en que obriga o tamaño dunha páxina.
Queres saber como crear un mapa de imaxe, específicamente como facelo con Dreamweaver? . O proceso non é especialmente difícil, pero tampouco é doado, entón debería ter algunha experiencia antes de comezar.
Comezando
Comezamos. O primeiro paso que cómpre facer é engadir unha imaxe á súa páxina web. A continuación, preme na imaxe para resaltala. A partir de aí, debes ir ao menú de propiedades (e facendo clic nunha das tres ferramentas de deseño do punto de acceso: rectángulo, círculo ou polígono. Non esqueza nomear a túa imaxe, que podes facer na barra de propiedades. Podes nomear é o que queiras. Use o "mapa" como exemplo.
Agora, debuxa a forma que desexas na túa imaxe usando unha destas ferramentas. Se precisa puntos rectangulares, use o rectángulo. O mesmo para o círculo. Se desexas formas máis complexas de hotspot, usa o polígono. Isto é o que probabelmente usaría no exemplo do mapa dos EE. UU., Xa que o polígono permitiríalle caer puntos e crear formas moi complexas e irregulares na imaxe.
Na xanela de propiedades do punto de acceso, escriba ou busque na páxina á que o enlace de acceso debe conectarse. Isto é o que crea esa área vinculábel. Continúa engadindo hotspots ata que se complete o teu mapa e engadíronse todas as ligazóns que desexas engadir.
Unha vez rematado, revise o seu mapa de imaxe nun navegador para asegurarse de que funcione correctamente. Faga clic en cada ligazón para asegurarse de que vai ao recurso ou á páxina web.
Desvantaxes dos mapas de imaxes
Unha vez máis, teña en conta que os mapas de imaxes teñen varios inconvenientes, incluso fóra da mencionada falta de soporte con sitios web responsivos. Firs, pequenos detalles poden ser escurecidos nun mapa de imaxes. Por exemplo, os mapas de imaxes xeográficas poden axudar a determinar que continente é un usuario, pero estes mapas poden non ser suficientemente detallados para identificar o país de orixe do usuario. Isto significa que un mapa de imaxes pode axudar a determinar se un usuario é de Asia pero non de Camboxa en particular.
Os mapas de imaxes tamén poden cargarse lentamente. Non deben ser usados varias veces nun sitio web porque ocupan moito espazo para ser usado en cada páxina dun sitio web. Demasiados mapas de imaxes nunha única páxina crearían un cofre de botella grave e un impacto enorme no rendemento do sitio .
Finalmente, os mapas de imaxes poden non ser fáciles para os usuarios con problemas visuais. Se usou mapas de imaxes, tamén debería crear outro sistema de navegación para estes usuarios como alternativa.
Liña de fondo
Eu uso mapas de imaxes de cando en vez cando estou tentando montar unha demo rápida dun deseño e como funciona. Por exemplo, podo imitar un deseño para unha aplicación móbil e quero usar mapas de imaxes para crear puntos de acceso para simular a interactividade da aplicación. Isto é moito máis fácil de facer do que sería codificar a aplicación, ou incluso crear páxinas web simuladas construídas aos estándares actuais con HTML e CSS. Neste exemplo específico e porque sei que dispositivo demostraré o deseño e poderá escalar o código para ese dispositivo, funciona un mapa de imaxes, pero poñelos nun sitio ou aplicación de produción é moi complicado e probablemente se evite o día de hoxe. sitios web.
Artigo orixinal de Jennifer Krynin. Editado por Jeremy Girard o 17/09/17.