Придобивките и недостатоците за користење на мапи за слики
Имаше точка во историјата на веб-дизајнот, каде што многу сајтови користеа функција позната како "мапи за слики". Ова е листа на координати прикачени на одредена слика на страница. Овие координати создаваат области на хиперлинкови на таа слика, суштински додавање "жаришта" на графиката, од кои секоја може да биде кодирана за да се поврзат на различни места. Ова е многу поинакво од само додавање на ознака за врската до сликата, што ќе предизвика целата графичка да стане една голема врска со една единствена дестинација.
Примери - замислете да имате графичка датотека со слика на САД. Ако сакавте секоја држава да биде "кликирана", па ќе одат на страници за таа специфична држава, можете да го направите ова со мапа на слики. Слично на тоа, ако сте имале слика на музички бенд, можете да користите мапа на слики за да бидете секој поединечен член да биде кликиран на следната страница за членот на групата.
Дали мапите за слики се корисни? Тие секако беа, но тие се откажаа од корист на денешната Веб. Ова е, барем делумно, бидејќи мапите за слика бараат специфични координати за работа. Веб-сајтовите денес се изградени за да бидат одговорени и да ги обликуваат сликите според големината на екранот или уредот. Ова значи дека однапред зададените координати, како што работат мапите за слики, се распаѓаат кога локалните скали и сликите ја менуваат големината. Ова е причината зошто сликата мапи ретко се користат на продукции сајтови денес, но тие се уште имаат предности за демонстрации или случаи каде што се принудува на големината на страната.
Сакате да знаете како да креирате мапа на слики, конкретно како да го направите со Dreamweaver? . Процесот не е особено тежок, но тоа не е лесно, па затоа треба да имате некое искуство пред да започнете.
Да започнеме
Ајде да почнеме. Првиот чекор што треба да го направите е да додадете слика на вашата веб-страница. Потоа ќе кликнете на сликата за да ја истакнете. Од таму, треба да отидете во менито со својства (и кликнете на едно од трите алатки за цртање на точки: правоаголник, круг или многуаголник. Не заборавајте да ја именувате вашата слика, која можете да ја направите во лентата со својства. тоа е нешто што сакате. Користете "мапа" како пример.
Сега, искористете ја формата што ја сакате на сликата користејќи еден од овие алатки. Ако ви требаат правоаголни точки, користете го ректангот. Истото за кругот. Ако сакате покомплексни облици на жариште, користете полигон. Ова е она што најверојатно ќе го користите во примерот на мапата на САД, бидејќи полигонот ќе ви овозможи да ги испуштите поени и да создадете многу сложени и неправилни форми на сликата
Во прозорецот за особини за жариште, внесете или прелистувате на страната на која жариштето треба да се поврзе. Ова е она што го создаде површината што може да се поврзе. Продолжете да додавате жаришта до вашата карта и да ги додадете сите линкови што сакате да ги додадете.
Откако ќе завршите, прегледајте картата со слики во прелистувачот за да бидете сигурни дека таа работи правилно. Кликнете на секоја врска за да се осигурате дека таа оди на соодветен ресурс или веб-страница.
Недостатоци на Мапи за слики
Уште еднаш, да бидеме свесни дека мапите за слики имаат неколку лоши страни, дури и надвор од гореспоменатиот недостаток на поддршка со соодветни веб-страници. Фирмите, мали детали може да се замагли на мапа на слики. На пример, географските мапи за слики може да помогнат да се одреди од кој континент е корисникот, но овие мапи можеби не се доволно детални за да ја посочат земјата на потекло на корисникот. Ова значи дека мапа на слики може да помогне да се утврди дали корисникот е од Азија, но не од Камбоџа, а особено.
Мапи на слики може исто така да се вчитаат полека. Тие не треба да се користат повеќе пати на веб-страница, бидејќи тие заземаат премногу простор за да се користат на секоја страница од веб-страница. Премногу карти на сликите на една страница ќе создадат сериозно тесно грло и големо влијание врз перформансите на локацијата .
Конечно, сликите мапи не може да биде лесно за корисниците со визуелни проблеми за пристап. Ако сте користеле мапи за слики, исто така треба да креирате друг навигациски систем за овие корисници како алтернатива.
Крајна линија
Јас ги користам мапите за слики од време на време кога се обидувам да составиме брза демонстрација на дизајнот и како работи. На пример, може да се потсмевам дизајн за мобилна апликација и сакам да ги користам мапите на слики за да креирам жаришта за да симулираат интерактивност на апликацијата. Ова е многу полесно да се направи отколку што би било да се кодира апликацијата, или дури да се изградат купени веб-страници изградени според сегашните стандарди со HTML и CSS. Во овој конкретен пример и затоа што знам каков уред ќе го демонстрирам дизајнот и може да го усогласам кодот со тој уред, мапата за слики работи, но ставањето на нив во производствена страница или апликација е многу незгодно и најверојатно ќе биде избегнато на денешната веб-сајтови.
Авторски напис од Џенифер Крајнин. Ревидирани од Џереми Жирар на 9/7/17.