Kā izveidot attēlu kartes bez attēla kartes redaktora

Attēlu kartes ir tikai vienkārši HTML tagi

Attēlu kartes ir aizraujošs un interesants veids, kā padarīt jūsu vietni elastīgāku - ar tām varat augšupielādēt attēlus un padarīt to attēlu daļas, uz kurām var noklikšķināt, uz citiem tiešsaistes aktīviem. Ja jums ir šķipsnu un nevēlaties lejupielādēt attēlu kartes redaktoru, kartē, izmantojot HTML tagus, ir vienkārša.

Jums būs nepieciešams attēls, attēlu redaktors un sava veida HTML redaktors vai teksta redaktors. Lielākā daļa attēlu redaktoru parādīs jūsu peles koordinātas, kad norādīsiet attēlu. Šie koordinātu dati ir viss, kas jums nepieciešams, lai sāktu ar attēlu kartēm.

Attēlu kartes izveide

Lai izveidotu attēlu karti, vispirms izvēlieties attēlu, kas kalpos par pamatu. Attēlam jābūt "normālam izmēram", tas ir, jums nevajadzētu izmantot tik lielu attēlu, kuru pārlūks to mērogos.

Kad jūs ievietojat attēlu, jūs pievienosit papildu atribūtu, kas identificē kartes koordinātas:

Veidojot attēla karti, jūs izveidojat apgabalu, kas ir uzklikšķināms uz attēla, tāpēc kartes koordinātas jāsaskaņo ar izvēlētā attēla augstumu un platumu. Kartes atbalsta trīs dažādas formas:

Lai izveidotu apgabalus, jums ir jāizolē konkrētās koordinātas, kuras plānojat kartēt. Karte var sastāvēt no vienas vai vairākām definētām tēmām, kuras, noklikšķinot, atver jaunu hipersaiti.

Taisnstūra formā jūs uzrāda tikai augšējā kreisajā un apakšējā labajā stūrī. Visas koordinātas ir norādītas kā x, y (vairāk, uz augšu). Tātad, augšējā kreisajā stūrī 0,0 un apakšējā labajā stūrī 10,15 jūs ierakstu 0,0,10,15 . Tad jūs to iekļaujat kartē:

"Morris"

Daudzstūris katram x, y koordinē atsevišķi. Web pārlūks automātiski savieno pēdējo koordinātu kopu ar pirmo; kas atrodas šajās koordinātās, ir daļa no kartes.

"Garfield"

Apļa formām ir nepieciešamas tikai divas koordinātas, piemēram, taisnstūris, bet otrajai koordinātei - rādītājs vai attālums no apļa centra. Tātad, lai aplis ar centru 122,122 un rādiusu 5 jūs rakstītu 122,122,5:

"Catbert"

Visi apgabali un formas var tikt iekļautas tajā pašā kartes tagā:

"morris"

Apsvērumi

Attēlu kartes bija daudz biežākas 1990.gadu Web 1.0 laikmetā ļoti agrīnā 2000. gadā - attēlu kartes bieži veidoja tīmekļa vietnes navigācijas pamatu. Dizainers izveidotu kaut kādu attēlu, lai norādītu izvēlnes vienumus, pēc tam izveidotu karti.

Mūsdienu pieejas veicina atsaucīgu dizainu un izmanto kaskādes stila lapas, lai kontrolētu attēla un hipersaites izvietošanu lapā.

Lai arī HTML tagu standarts joprojām atbalsta kartes tagu, mobilo ierīču izmantošana ar maziem formas faktoriem var radīt negaidītas darbības problēmas ar attēlu kartēm. Turklāt joslas platuma problēmas vai sadalīti attēli attaisno attēla kartes vērtību.

Tātad, jūtieties brīvi turpināt izmantot šo stabilu, labi saprotamu tehnoloģiju, zinot, ka ir efektīvākas alternatīvas, kas šobrīd ir ieviestas ar Web dizaineriem.