Web-suunnittelun historia oli osa, jossa monet sivustot käyttivät ominaisuutta nimeltä "kuvakartat". Tämä on luettelo tietyn kuvan sivulla olevista koordinaateista. Nämä koordinaatit luo hyperlink-alueet kyseiselle kuvalle, mikä on välttämätöntä lisätä "kuumia pisteitä" grafiikkaan, joista jokainen voidaan koodata linkittämään eri paikkoihin. Tämä on paljon erilainen kuin vain lisäämällä linkkitunniste kuvaan, mikä saisi koko graafin yhdeksi suureksi linkiksi yhteen kohteeseen.
Esimerkkejä: Kuvittele, että sinulla on graafinen tiedosto, jolla on kuva Yhdysvalloista. Jos haluat, että jokainen valtio on "klikattava", jotta ne siirtyisivät tiettyyn tilaan, voit tehdä sen kuvakartalla. Samoin, jos sinulla olisi kuva musiikkibändistä, voit käyttää kuvakarttaa, jotta jokainen yksittäinen jäsen voidaan napsauttaa kyseiselle bändin jäsenelle seuraavalle sivulle.
Onko kuvakarttoja hyödyllinen? Ne olivat varmasti, mutta ne ovat pudonneet tämän päivän verkossa. Tämä on ainakin osittain, koska kuvakartat edellyttävät tiettyjen koordinaattien toimimista. Nykyiset sivustot on rakennettu niin, että ne ovat herkkiä ja kuvien mittakaavassa näytön tai laitteen koon perusteella. Tämä tarkoittaa, että ennalta asetetut koordinaatit, kuten kuvamallit toimivat, hajoavat, kun sivusto skaalautuu ja kuvat muuttavat kokoa. Siksi kuvakarttoja käytetään harvoin tuotantoalueilla tänään, mutta niillä on silti etuja demoille tai tapauksille, joissa pakotat sivun kokoa.
Haluatko tietää, kuinka luoda kuvakartta, erityisesti kuinka tehdä Dreamweaverin avulla? Prosessi ei ole erityisen vaikea, mutta se ei myöskään ole helppoa, joten sinulla pitäisi olla kokemusta ennen kuin aloitat.
Päästä alkuun
Aloitetaan. Ensimmäinen askel, jonka tarvitset, on lisätä kuva Web-sivulle. Napsauta sitten kuvaa korostaaksesi sen. Sieltä sinun on mentävä ominaisuusvalikkoon (ja napsauttamalla yhtä kolmesta hotspot-piirustustyökalusta: suorakulmio, ympyrä tai monikulmio.) Älä unohda nimeäsi kuvaa, jota voit tehdä ominaisuuspalkissa. käytä "karttaa" esimerkkinä.
Piirrä haluamasi muoto haluamaasi kuvaan käyttämällä yhtä näistä työkaluista. Jos tarvitset suorakulmaisia pisteitä, käytä suorakulmiota. Sama ympyrä. Jos haluat monimutkaisempia hotspot-muotoja, käytä monikulmio. Tätä käytät todennäköisesti US-kartan esimerkissä, koska monikulmion avulla voit pudottaa pisteitä ja luoda hyvin monimutkaisia ja epäsäännöllisiä muotoja kuvaan
Kirjoita hotspot-ominaisuusikkunan sisään tai selaa sivulle, johon hotspot-linkki tulisi linkittää. Tämä luo tämän linkittävän alueen. Jatka pisteiden lisäämistä, kunnes kartta on valmis, ja kaikki lisättävät linkit on lisätty.
Kun olet valmis, tarkista kuvakartta selaimella, jotta voit varmistaa, että se toimii oikein. Napsauta jokaista linkkiä varmistaaksesi, että se menee oikeaan resurssiin tai verkkosivulle.
Kuvakarttojen haitat
Jälleen kerran ole tietoinen siitä, että kuvakarttoilla on useita haittoja, vaikka edellä mainittua puutetta ei myöskään ole saatavilla reagoivien verkkosivustojen kanssa. Ensinnäkin pienet yksityiskohdat voivat peittää kuvakartan. Esimerkiksi maantieteelliset kuvakartat voivat auttaa määrittämään, mistä maanosasta käyttäjä on peräisin, mutta nämä kartat eivät välttämättä ole riittävän yksityiskohtaisia käyttäjän alkuperämaan tunnistamiseksi. Tämä tarkoittaa sitä, että kuvakartta voi auttaa määrittämään, onko käyttäjä Aasiasta, muttei erityisesti Kambodžasta.
Kuvakartat voivat myös ladata hitaasti. Niitä ei pidä käyttää useaan kertaan verkkosivuilla, koska ne käyttävät liikaa tilaa käytettäviksi verkkosivuston jokaiselle sivulle. Liian monta kuvakarttaa yhdellä sivulla tekisi vakavan pullonkaulan ja vaikuttaisi voimakkaasti sivuston suorituskykyyn.
Lopuksi kuvakartat eivät välttämättä ole helppoja käyttäjille, joilla on visuaalisia ongelmia. Jos käytit kuvakarttoja, sinun on myös luotava uusi navigointijärjestelmä näille käyttäjille vaihtoehtona.
Bottom Line
Käytä kuvakarttoja aika ajoin, kun yrität koota mallin nopean esittelyn ja miten se toimii. Esimerkiksi, jos pelaat mobiilisovelluksen mallia ja haluat käyttää kuvakarttoja, voit luoda hotspotteja, jotka simuloivat sovelluksen vuorovaikutusta. Tämä on paljon helpompi tehdä kuin olisi koodata sovellusta tai jopa rakentaa verkkosivuja, jotka on rakennettu nykyisiin standardeihin HTML ja CSS. Mutta niiden sijoittaminen tuotesivustoon tai sovellukseen on hyvin hankalaa, ja sen pitäisi todennäköisesti välttää nykyisillä verkkosivuilla.
