Эмнелерди билүү керек
• Серепчи масштабын өзгөртпөй турган кадимки өлчөмдөгү сүрөттү колдонуңуз. Ошондой эле сизге сүрөт редактору жана HTML же текст редактору керек болот.
• Сүрөттү киргизүүдө картанын координаттарын аныктоо үчүн кошумча атрибут кошуңуз.
• Мисалы:
Бул макалада сүрөт картасынын редакторунун ордуна HTML тэгдерин колдонуп Сүрөт карталарын кантип түзүү керектиги түшүндүрүлөт. Көпчүлүк сүрөт редакторлору сиз сүрөттү көрсөткөндө чычканыңыздын координаттарын көрсөтөт, бул сизге сүрөттөр карталарын колдонууну баштоо үчүн керек болгон бардык маалыматтар.
Сүрөт картасын түзүү
Сүрөт картасын түзүү үчүн алгач картанын негизи боло турган сүрөттү тандаңыз. Сүрөт "кадимки өлчөмдө" болушу керек, башкача айтканда, браузер аны масштабдай тургандай чоң сүрөттү колдонбошуңуз керек.
Сиз сүрөттү киргизгениңизде, картанын координаттарын аныктаган кошумча атрибут кошосуз:
Сиз сүрөт картасын түзүп жатканыңызда, сиз сүрөттө чыкылдатуучу аймакты түзүп жатасыз, андыктан картанын координаттары сиз тандаган сүрөттүн бийиктиги жана туурасы менен дал келиши керек. Карталар фигуралардын үч түрүн колдойт:
- тик-тик бурчтук же төрт жактуу фигура
- поли-көп бурчтук же көп кырдуу фигура
- тегерек-тегерек
Аймактарды түзүү үчүн сиз картага түшүргүңүз келген конкреттүү координаттарды бөлүп алышыңыз керек. Карта сүрөттүн бир же бир нече аныкталган аймактарынан турушу мүмкүн, аларды басканда жаңы гипершилтеме ачылат.
Төрт бурчтук үчүн сиз жогорку сол жана төмөнкү оң бурчтарды эле картага түшүрөсүз. Бардык координаттар x, y (ашык, өйдө) катары көрсөтүлгөн. Ошентип, жогорку сол бурчка 0, 0 жана төмөнкү оң бурчка 10, 15 үчүн 0, 0, 10, 15 тересиз. Андан кийин аны картага киргизесиз:
Көп бурчтук үчүн ар бир x, y координатын өзүнчө картага түшүрөсүз. Веб браузер автоматтык түрдө координаттардын акыркы топтомун биринчиси менен байланыштырат; бул координаттардын ичиндеги бардык нерсе картанын бир бөлүгү.
Тегерек фигуралары тик бурчтук сыяктуу эки гана координатты талап кылат, бирок экинчи координата үчүн радиусту же тегеректин борборунан алысты көрсөтөсүз. Ошентип, борбору 122, 122 жана радиусу 5 болгон тегерек үчүн 122, 122, 5 деп жазасыз:
Бардык аймактар жана фигуралар бир карта тегине киргизилиши мүмкүн:
Эскертүүлөр
Сүрөт карталары 1990-жылдардагы Web 1.0 доорунда кыйла кеңири таралган жана 2000-жылдардын башында эле сүрөттөр карталары көбүнчө веб-сайттын навигациясынын негизин түзгөн. Дизайнер менюнун пункттарын көрсөтүү үчүн кандайдыр бир сүрөт түзүп, андан соң картаны коет.
Заманбап ыкмалар жооп берүүчү дизайнды кубаттайт жана беттеги сүрөттөрдүн жана гипершилтемелердин жайгашуусун көзөмөлдөө үчүн каскаддык стилдердин жадыбалдарын колдонот.
Карта теги дагы эле HTML стандартында колдоого алынганы менен, кичинекей форма факторлору бар мобилдик түзмөктөрдү колдонуу сүрөттөр карталарында күтүүсүз иштөө көйгөйлөрүнө алып келиши мүмкүн. Мындан тышкары өткөрүү жөндөмдүүлүгү көйгөйлөрү же бузулган сүрөттөр сүрөт картасынын маанисин талашат.
Ошондуктан, бул туруктуу, жакшы түшүнүктүү технологияны колдонууну уланта бериңиз – учурда веб-дизайнерлерде көбүрөөк эффективдүү альтернативалар бар экенин билип алыңыз.
