Kuidas luua piltide kaarte ilma pildikataloogi redaktorita

Pildi kaart on lihtsalt HTML-i märgend

Kujutiskaardid on teie veebisaidi elavdamiseks põnev ja huvitav viis - saate neid pilte üles laadida ja neid pilte osasid teistele võrguvaradele klikkida. Kui teil on näputäis ja te ei soovi pildikaartide redaktorit alla laadida, on HTML-i märgistega kaardi loomine lihtne.

Teil on vaja pilti, pildiredaktorit ja mõnda HTML-redaktorit või tekstiredaktorit. Enamik piltide redigeerijaid näitab teile hiire koordinaate, kui näete pilti. Need koordinaadid on kõik, mida peate pildikaartidega alustama.

Pildakaardi loomine

Pildakaardi loomiseks vali kõigepealt pilt, mis on kaardi aluseks. Pilt peaks olema "normaalne suurus" - see tähendab, et te ei tohiks kasutada nii suurt pilti, mida brauser selle skaalatab.

Kui lisate pildi, lisate ekstra atribuuti, mis tuvastab kaardi koordinaadid:

Kui loote pildikaarti, luuakse pildile klikkitav ala, nii et kaardi koordinaadid peavad kokku sobima valitud pildi kõrguse ja laiusega. Kaardid toetavad kolme erinevat tüüpi kuju:

Piirkondade loomiseks peate isoleerima konkreetsed koordinaadid, mida kavatsete kaardistada. Kaart võib koosneda pildist ühe või mitme määratletud ala, mis klõpsates avage uus hüperlink.

Ristkülikule on kaardil ainult ülemised vasakpoolsed ja alumised parempoolsed nurgad. Kõik koordinaadid on loetletud x, y (üle, üles). Nii et ülemise vasakpoolse nurga jaoks 0,0 ja alumisest paremast nurgast 10,15 sisestaksite 0,0,10,15 . Seejärel lisage see kaardile:

"Morris"

Hulknoone jaoks kaardistad iga x, y koordinaadi eraldi. Veebibrauser ühendab automaatselt viimase koordinaatide komplekti esimesega; mis asub nende koordinaatide sees on kaardi osa.

"Garfield"

Ringi kujutel on ainult kaks koordinaati, nagu ristkülik, kuid teise koordinaadi jaoks saate määrata raadiuse või kauguse ringi keskmest. Nii, et ringi keskpunktiga 122 122 ja raadiusega 5 kirjutad 122 122 52:

"Catbert"

Kõik piirkonnad ja kujundid võivad olla ühes ja samas kaardi sildis.

"Morris"

Kaalutlused

Kujutiste kaartid olid palju levinumad 1990-ndate veebi 1.0 ajastul väga varakult 2000ndatel-kujutiste kaartidel, mis sageli moodustasid veebisaidi navigeerimise aluse. Disainer loob mingi pildi menüüelementide näitamiseks ja seejärel kaardi seadmiseks.

Kaasaegsed lähenemised julgustavad tundlikku disaini ja kasutavad kaskaadlaaditavaid lehti, et kontrollida piltide ja hüperlinkide paigutust lehel.

Kuigi HTML- standardis toetatakse ikka veel kaartildit, võib väikeste vormifaktoritega mobiilseadmete kasutamine põhjustada ootamatuid pildikarakteristikke. Lisaks põhjustavad ribalaiuse probleemid või purunenud pildid pildikaarti väärtust.

Nii võite vabalt kasutada seda stabiilset ja hästi arusaadavat tehnoloogiat, teades, et veebi disainerite jaoks on praegu tõhusamad alternatiivid.