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 tē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ūrveida plankumi, izmantojiet taisnstūri. Tas pats lokam. Ja vēlaties sarežģītākas vietējās formas, izmantojiet daudzstūri. Tas, ko jūs varētu izmantot ASV kartes piemērā, jo daudzstūris ļaus jums pamest punktus un radīt ļoti sarežģītas un neregulāras formas uz attēla
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 zonu. Turpiniet pievienot punktus, kamēr karte nav pabeigta, un visas saites, kuras vēlaties pievienot, ir pievienotas.
Kad esat pabeidzis, pārskatiet attēla karti pārlūkprogrammā, 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. Pirmkārt, attēla kartē var būt slēpti nelieli dati. 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 izmantojiet attēlu kartes, mēģinot apvienot ātru dizaina demonstrāciju un to, kā tā darbojas. Piemēram, ja veidojat mobilās lietotnes dizainu un vēlaties izmantot attēlu kartes, lai izveidotu krātuves, lai simulētu lietotnes interaktivitāti. Tas ir daudz vieglāk izdarīt nekā kodēt lietotni vai pat veidot ilustrētas tīmekļa lapas, kas izveidotas saskaņā ar pašreizējiem standartiem, izmantojot HTML un CSS. Bet to ievietošana ražotnē vai lietotnē ir ļoti sarežģīta, un šodienas vietnēs to varētu izvairīties.
