Kas jāzina
• Izmantojiet parasta izmēra attēlu, kura mērogu pārlūkprogramma nepārveidos. Jums būs nepieciešams arī attēlu redaktors un HTML vai teksta redaktors.
• Ievietojot attēlu, pievienojiet papildu atribūtu, lai identificētu kartes koordinātas.
• Piemēram:
Šajā rakstā ir paskaidrots, kā izveidot attēlu kartes, izmantojot HTML tagus, nevis attēlu karšu redaktoru. Lielākā daļa attēlu redaktoru parādīs peles koordinātas, kad norādīsit attēlā, kas ir visi dati, kas jums ir nepieciešami, lai sāktu darbu ar attēlu kartēm.
Attēlu kartes izveide
Lai izveidotu attēlu karti, vispirms atlasiet attēlu, kas kalpos par kartes pamatu. Attēlam ir jābūt "normāla izmēra" - tas ir, nevajadzētu izmantot tik lielu attēlu, lai pārlūkprogramma to mērogotu.
Ievietojot attēlu, jūs pievienosit papildu atribūtu, kas identificē kartes koordinātas:
Kad veidojat attēlu karti, jūs izveidojat apgabalu, uz kura var noklikšķināt uz attēla, tāpēc kartes koordinātām ir jāsakrīt ar atlasītā attēla augstumu un platumu. Maps atbalsta trīs dažādu veidu formas:
- taisnstūris vai četrstūra figūra
- poli-daudzstūris vai daudzpusīga figūra
- apvelciet apli
Lai izveidotu apgabalus, jums ir jāizolē konkrētās koordinātas, kuras plānojat kartēt. Karte var sastāvēt no viena vai vairākiem definētiem attēla apgabaliem, uz kuriem noklikšķinot, tiek atvērta jauna hipersaite.
Taisnstūrim kartējiet tikai augšējo kreiso un apakšējo labo stūri. Visas koordinātas ir norādītas kā x, y (virs, uz augšu). Tātad augšējā kreisajā stūrī 0, 0 un apakšējā labajā stūrī 10, 15 ir jāievada 0, 0, 10, 15. Pēc tam iekļaujiet to kartē:
Daudzstūrim katru x, y koordinātu kartējat atsevišķi. Web pārlūkprogramma automātiski savieno pēdējo koordinātu kopu ar pirmo; viss, kas atrodas šajās koordinātēs, ir daļa no kartes.
Apļa formām ir vajadzīgas tikai divas koordinātas, piemēram, taisnstūrim, bet otrajai koordinātei ir jānorāda rādiuss vai attālums no apļa centra. Tātad aplim, kura centrs ir 122, 122 un rādiuss 5, jūs rakstītu 122, 122, 5:
Visi apgabali un formas var tikt iekļauti vienā kartes tagā:
Apsvērumi
Attēlu kartes bija daudz izplatītākas 1990. gadu Web 1.0 laikmetā un 2000. gadu sākumā - attēlu kartes bieži veidoja tīmekļa vietnes navigācijas pamatu. Dizainers izveidos sava veida attēlu, lai norādītu izvēlnes vienumus, un pēc tam iestata karti.
Mūsdienu pieejas veicina adaptīvu dizainu un izmanto kaskādes stila lapas, lai kontrolētu attēlu un hipersaišu izvietojumu lapā.
Lai gan kartes tags joprojām tiek atbalstīts HTML standartā, mobilo ierīču izmantošana ar maziem formas faktoriem var radīt neparedzētas attēla karšu veiktspējas problēmas. Turklāt joslas platuma problēmas vai bojāti attēli ietekmē attēla kartes vērtību.
Tātad, turpiniet izmantot šo stabilo, labi saprotamo tehnoloģiju, zinot, ka tīmekļa dizaineriem šobrīd ir modē efektīvākas alternatīvas.
