Kuidas luua piltkaarte ilma pildikaardiredaktorita

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.

Pildikaardi loomine

Pildikaardi loomiseks valige esmalt 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:

Pildikaardi loomisel loote ala, mida saab pildil klõpsata, seega peavad kaardi koordinaadid ühtima valitud pildi kõrguse ja laiusega. Kaardid toetavad kolme erinevat tüüpi kujundeid:

• rect – ristkülik või neljatahuline kujund
• polü – hulknurk või mitmetahuline kujund
• ring — ring

Alade 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.

Le ristkülik, kaardistate ainult ülemise vasaku ja alumise parema nurga. Kõik koordinaadid on loetletud kui x, y (üle, üles). Nii et ülemise vasaku nurga jaoks 0,0 ja alumises paremas nurgas 10,15 peaksite sisestama 0,0,10,15. Seejärel lisate selle kaardile:

Le hulknurk, kaardistate igaüks x, y eraldi koordineerida. Veebibrauser ühendab automaatselt viimase koordinaatide komplekti esimesega; kõik nende koordinaatide sees on kaardi osa.

Ring kujundid nõuavad 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 Web 1.0 ajastul 1990ndatest kuni 2000ndate alguseni – piltkaardid olid sageli veebisaidi navigeerimise aluseks. Disainer loob menüüelementide tähistamiseks mingi pildi ja määrab seejärel kaardi.

Kaasaegsed lähenemisviisid soodustavad tundliku disaini ja kasutavad piltide ja hüperlinkide paigutuse kontrollimiseks 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 pildid.

Seega võite jätkata selle stabiilse ja hästi mõistetava tehnoloogia kasutamist – teades, et praegu on tõhusamaid alternatiive moes veebidisaineritega.