Attēlu karšu izmantošanas priekšrocības un trūkumi
Web dizaina vēsturē bija vieta, kur daudzās vietnēs tika izmantota iezīme, kas pazīstama kā "attēlu kartes". Tas ir koordinātu saraksts, kas pievienots konkrētam lappusē attēlam. Šīs koordinātas izveido hipersaites apgabalus uz šo attēlu, būtiski pievienojot grafikus "karstajiem punktiem", no kuriem katrs var būt kodēts, lai izveidotu saiti uz dažādām vietām. Tas ir daudz atšķirīgs, nevis vienkārši pievienojot saite tagu uz attēlu, kas radītu, ka visa grafika kļūst par vienu lielu saiti uz vienu galamērķi.
Piemēri - iedomājieties, ka jums ir grafisks fails ar Amerikas Savienoto Valstu attēlu. Ja jūs vēlaties, lai katra valsts būtu "klikšķināmas", lai viņi dotos uz lapām par konkrēto valsti, jūs to varētu izdarīt ar attēla karti. Tāpat, ja jums būtu mūzikas joslas attēls, jūs varētu izmantot attēla karti, lai katrs dalībnieks varētu noklikšķināt uz nākamās lapas par šo grupas dalībnieku.
Vai attēlu kartes noderīgas? Viņi noteikti bija, bet viņi šodien ir kļuvuši par labu šodienas tīmeklī. Tas ir vismaz daļēji tāpēc, ka attēlu kartēm ir nepieciešama īpaša koordinātas darbam. Šodien ir izveidotas vietnes, kurās ir reaģētspēja, un attēli tiek aprēķināti atkarībā no ekrāna vai ierīces lieluma . Tas nozīmē, ka iepriekš noteiktas koordinātas, kas darbojas, kā attēli darbojas, sabojājas, ja vietne mērogojas un attēli mainās. Tāpēc šodien attēlos tiek izmantotas attēlu kartes, taču tām joprojām ir priekšrocības demonstrācijām vai gadījumiem, kad jūs piespiežat lapas izmēru.
Vēlaties uzzināt, kā izveidot attēlu karti, konkrēti, kā to izdarīt ar Dreamweaver? . Process nav īpaši sarežģīts, taču tas arī nav viegli, tādēļ jums vajadzētu būt pieredzei pirms sākat darbu.
Darba sākšana
Sāksim. Pirmais solis, kas jums jāveic, ir pievienot attēlu savai tīmekļa lapai. Pēc tam noklikšķiniet uz attēla, lai to iezīmētu. No turienes ir jāiet uz īpašumu izvēlni (un noklikšķiniet uz viena no trim karstaattēla zīmēšanas rīkiem: taisnstūris, aplis vai daudzstūris. Neaizmirstiet norādīt savu attēlu, ko jūs varat darīt īpašuma bārā. tas viss, ko vēlaties. Piemēram, lietojiet "karti".
Tagad, izmantojot vienu no šiem rīkiem, zīmējiet vēlamo formu savā attēlā. Ja jums ir taisnstūra punkti, izmantojiet taisnstūri. Tas pats lokam. Ja vēlaties sarežģītākas vietējās formas, izmantojiet daudzstūri. Tas ir tas, ko jūs, iespējams, izmantosit ASV kartes piemērā, jo daudzstūris ļaus jums novilkt punktus un radīt ļoti sarežģītas un neregulāras formas attēlā
Hotspot īpašumu logā ievadiet vai pārlūkojiet lapu, uz kuru tam vajadzētu piesaistīt tīklāju. Tas ir tas, kas rada šo saistošo apgabalu. Turpiniet pievienot punktus, kamēr karte nav pabeigta, un visas saites, kuras vēlaties pievienot, ir pievienotas.
Kad esat pabeidzis, pārlūkprogrammā pārskatiet attēlu karti, lai pārliecinātos, ka tā darbojas pareizi. Noklikšķiniet uz katras saites, lai pārliecinātos, ka tas nonāk pareizi resursā vai tīmekļa lapā.
Attēlu karšu trūkumi
Atkal jāapzinās, ka attēlu kartēm ir vairāki trūkumi, pat ārpus iepriekš minētā atbalsta trūkuma ar atsaucīgām vietnēm. Firs, mazie dati var būt aptumšoti attēlu kartē. Piemēram, ģeogrāfiskās attēlu kartes var palīdzēt noteikt, no kura kontinenta ir lietotājs, taču šīs kartes var nebūt pietiekami detalizētas, lai precīzi noteiktu lietotāja izcelsmes valsti. Tas nozīmē, ka attēlu karte var palīdzēt noteikt, vai lietotājs ir no Āzijas, bet ne tieši no Kambodžas.
Attēlu kartes var arī slodzes lēni ielādēt. Tos nedrīkst izmantot vairākas reizes tīmekļa vietnē, jo tie aizņem pārāk daudz vietas, lai tos varētu izmantot katrā tīmekļa vietnes lapā. Pārāk daudz attēlu karšu vienā lapā radītu nopietnu sašaurinājumu un ievērojami ietekmētu vietnes veiktspēju .
Visbeidzot, attēlu kartes lietotājiem, kuriem ir redzamas problēmas, var nebūt viegli piekļūt. Ja izmantojat attēlu kartes, kā alternatīvu jums vajadzētu izveidot arī citu navigācijas sistēmu šiem lietotājiem.
Bottom Line
Laiku pa laikam izmantoju attēlu kartes, kad cenšos apvienot ātru dizaina demonstrāciju un to, kā tā darbojas. Piemēram, es varu mocīt mobilās lietotnes dizainu, un es vēlos izmantot attēlu kartes, lai izveidotu krātuves, lai simulētu lietotnes interaktivitāti. Tas ir daudz vieglāk izdarāms nekā lietotnes kods vai pat veidot ilgnotnes tīmekļa lapas, kas izveidotas saskaņā ar pašreizējiem standartiem, izmantojot HTML un CSS. Šajā konkrētajā piemērā, un tāpēc, ka es zinu, kāda ierīce man parādīs dizainu un var mērogot kodu uz šo ierīci, attēla karte darbojas, taču to ievietošana ražotnē vai lietotnē ir ļoti sarežģīta, un to, iespējams, mūsdienās varētu izvairīties. mājas lapas.
Jennifera Krīnina oriģinālais raksts. Rediģējis Jeremijs Girards 9/7/17.