Кескін карталарын пайдаланудағы артықшылықтар мен кемшіліктер
Веб-дизайн тарихында көптеген сайттар «сурет карталарын» деп аталатын функцияны пайдаланған. Бұл бетте нақты кескінге бекітілген координаттар тізімі. Бұл координаттар графикке «ыстық нүктелерді» қосудың әртүрлі жерлеріне сілтеме жасау үшін кодталуы мүмкін, осы кескінге гиперсілтемелерді жасайды. Бұл кескінге сілтеме тегтерін қосудан гөрі әртүрлі, бұл бүкіл графиктің бір мақсатқа бір үлкен сілтеме болуына себеп болады.
Мысалдар - Құрама Штаттардың бейнесі бар графикалық файлды елестетіңіз. Егер сіз әр мемлекеттің «басылатын» болуын қаласаңыз, олар осы нақты мемлекет туралы беттерге шығып, оны сурет картасымен жасауға болатын. Сол сияқты, музыкалық топтың бейнесі болса, әрбір жеке элементтің осы топ мүшесі туралы кейінгі бетке басу мүмкіндігі болуы үшін сурет картасын пайдалануға болады.
Кескін карталарының пайдалы болуы мүмкін бе? Олар, әрине, болды, бірақ олар бүгінгі Интернет желісінде пайда болды. Бұл, кем дегенде, ішінара, өйткені картаға жұмыс істеу үшін арнайы координаттар талап етіледі. Бүгінгі сайттар экран немесе құрылғы өлшеміне негізделген жауап беру және суреттер шкаласы үшін жасалған . Бұл алдын ала орнатылған координаттар, яғни суреттер жұмыс істейтіндіктен, торап өлшемі мен кескін өлшемін өзгерткенде құлдырайды. Нақ сондықтан да кескін карталарын бүгінгі күні өндіріс сайттарында сирек пайдаланылады, бірақ олар демонстрацияларға немесе беттердің өлшеміне мәжбүрлейтін жағдайларда артықшылықтарға ие.
Сурет картасын қалай жасау керектігін білгіңіз келсе, Dreamweaver-да қалай жасауға болады? . Процесс қиын емес, бірақ бұл оңай емес, сондықтан сіз бастамас бұрын қандай да бір тәжірибе керек.
Басталу
Бастайық. Сізге бірінші қадам жасау - бұл сіздің веб-бетке сурет қосу. Оны бөлектеу үшін кескінді басасыз. Сол жерден қасиеттер мәзіріне баруыңыз керек (және үш нүктенің сызбалық құралының біреуін басыңыз: тіктөртбұрыш, шеңбер немесе көпбұрыш.) Кескінді атауды ұмытпаңыз, ол сіз сипат тақтасында жасай аласыз. мысалы, «картаны» пайдаланыңыз.
Енді суреттеріңізде қалаған пішінді осы құралдардың біреуін пайдаланыңыз. Егер тікбұрышты нүктелер қажет болса, тікбұрышты пайдаланыңыз. Шеңберге арналған. Егер сіз күрделі ыстық нүктенің пішінін қаласаңыз, көпбұрышты пайдаланыңыз. Бұл АҚШ картасының үлгісінде пайдаланатын болар еді, өйткені көпбұрыш нүктелерді түсіріп, кескінге өте күрделі және бұрыс формаларды жасауға мүмкіндік береді
Хотспот үшін сипаттар терезесінде, ыстық нүктенің байланысуы керек бетті енгізіңіз немесе шолыңыз. Бұл байланыстыратын аймақты жасайды. Карталарыңыз аяқталғанша қосу нүктесін қосуды жалғастырыңыз және қосқыңыз келетін барлық сілтемелер қосылды.
Аяқтағаннан кейін, дұрыс жұмыс істейтініне көз жеткізу үшін, сурет картасын браузерде қайта шолыңыз. Сәйкес ресурсқа немесе веб-бетке өтетініне көз жеткізу үшін әр сілтемесін басыңыз.
Карталар Карталарының кемшіліктері
Картинаның карталарымен жауапты веб-сайттармен жоғарыда айтылған қолдаудың жоқтығынан тыс бірнеше артықшылықтары бар екенін тағы бір рет ескеріңіз. Фриздер, кішігірім бөлшектер картаға түсірілуі мүмкін. Мысалы, географиялық кескін карталар пайдаланушының қай континентінің болуын анықтауға көмектесуі мүмкін, бірақ бұл карталар пайдаланушының шыққан елін анықтау үшін жеткілікті түрде егжей-тегжейлі болмауы мүмкін. Бұл дегеніміз, сурет картасы пайдаланушы Азиядан, әсіресе Камбоджадан емес, Азиядан екенін анықтауға көмектеседі.
Сурет карталары баяу жүктелуі мүмкін. Веб-тораптың әр бетінде қолданылатын тым көп орын алатындықтан, оларды бірнеше рет веб-сайттарда қолдануға болмайды. Бір беттегі өте көп кескін карталары елеулі бөгет жасайды және сайттың жұмысына үлкен әсер етеді.
Ақырында, визуалды қиындықтарға тап болған пайдаланушыларға қарапайым карталар оңай болмауы мүмкін. Сурет карталарын пайдаланған болсаңыз, осы пайдаланушыларға альтернативті ретінде қосымша навигация жүйесін жасау керек.
Төменгі сызық
Мен дизайнның қысқаша демонстрациясын және оның қалай жұмыс істейтінін ойластырған кезде кейде сурет карталарын қолданады. Мысалы, мобильді бағдарламаға арналған дизайнды шатастырып, қолданбаның интерактивтілігін имитациялау үшін ыстық нүктелерді жасау үшін кескін карталарын қолданғым келеді. Бұл бағдарламаны кодтағаннан гөрі әлдеқайда оңай, тіпті HTML және CSS арқылы қолданыстағы стандарттарға салынған күлкілі веб-парақтарды жасау. Бұл нақты мысалда мен конструкцияны қандай құрылғыны демонстрациялайтынын және сол құрылғыны кодтау мүмкін екенін білетіндіктен, кескін картасы жұмыс істейді, бірақ оларды өндірістік сайтқа немесе бағдарламаға енгізу өте қиын және бүгінгі күнде веб-сайттар.
Дженнифер Крининнің түпнұсқа мақаласы. Jeremy Girard, 9/17/17 жылы редакцияланған.