Mida teada
• Kasutage tavasuuruses pilti, mida brauser ei muuda. Teil on vaja ka pildiredaktorit ja HTML-i või tekstiredaktorit.
• Kujutise sisestamisel lisage kaardi koordinaatide tuvastamiseks lisaatribuut.
• Näiteks:
See artikkel selgitab, kuidas luua pildikaarte, kasutades pildikaardiredaktori asemel HTML-märgendeid. Enamik pildiredaktoreid näitab teile pildile osutades hiire koordinaate, mis on kõik andmed, mida vajate pildikaartide kasutamise alustamiseks.
Piltkaardi loomine
Piltkaardi loomiseks valige esm alt pilt, mis on kaardi aluseks. Pilt peaks olema "normaalsuuruses" – see tähendab, et te ei tohiks kasutada nii suurt pilti, et brauser seda skaleerib.
Pildi sisestamisel lisate täiendava atribuudi, mis tuvastab kaardi koordinaadid:
Piltkaardi loomisel loote ala, mis on pildil klõpsatav, seega peavad kaardi koordinaadid ühtima teie valitud pildi kõrguse ja laiusega. Kaardid toetavad kolme erinevat tüüpi kujundeid:
- rist-ristkülik või neljapoolne kujund
- polü-hulknurk või mitmetahuline kujund
- ringi-ringi
Piirkondade loomiseks peate eraldama konkreetsed koordinaadid, mida kavatsete kaardistada. Kaart võib koosneda ühest või mitmest pildil määratletud alast, millel klõpsamisel avaneb uus hüperlink.
Ristküliku puhul kaardistate ainult ülemise vasaku ja alumise parema nurga. Kõik koordinaadid on loetletud x, y (üle, üles). Nii et vasakpoolsesse ülanurka 0, 0 ja alumisse paremasse nurka 10, 15 sisestage 0, 0, 10, 15. Seejärel lisate selle kaardile:
Hulknurga puhul kaardistate iga x- ja y-koordinaadi eraldi. Veebibrauser ühendab automaatselt viimase koordinaatide komplekti esimesega; kõik nende koordinaatide sees on osa kaardist.
Ringikujude jaoks on vaja ainult kahte koordinaati, nagu ristkülik, kuid teise koordinaadi jaoks määrate raadiuse või kauguse ringi keskpunktist. Niisiis, ringi jaoks, mille keskpunkt on 122, 122 ja raadius 5, kirjutaksite 122, 122, 5:
Kõik alad ja kujundid võivad sisalduda samale kaardisildile:
Kaalutlused
Piltkaardid olid palju tavalisemad 1990. aastate Web 1.0 ajastul kuni 2000. aastate alguses – piltkaardid moodustasid sageli veebisaidi navigeerimise aluse. Disainer loob menüüüksuste tähistamiseks mingisuguse pildi ja seab seejärel kaardi.
Kaasaegsed lähenemisviisid soodustavad tundliku disaini ja kasutavad piltide ja hüperlinkide paigutuse reguleerimiseks lehel kaskaadlaadilehti.
Kuigi HTML-standard toetab endiselt kaardimärgendit, võib väikeste vormiteguritega mobiilseadmete kasutamine põhjustada pildikaartidega ootamatuid jõudlusprobleeme. Lisaks mõjutavad pildikaardi väärtust ribalaiuse probleemid või katkised kujutised.
Niisiis, võite jätkata selle stabiilse ja hästi mõistetava tehnoloogia kasutamist, teades, et veebidisainerite seas on praegu moes tõhusamaid alternatiive.
