Edut ja haitat kuvakarttojen käytölle
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ä - kuvitella, 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. Näin voit todennäköisesti käyttää 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 linkattavan 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 varmistaaksesi, 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. Ensimmäiset 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än kuvakarttoja aika ajoin, kun yritän koota mallin nopea demo ja miten se toimii. Voin esimerkiksi pilata mobiilisovelluksen mallia ja haluan käyttää kuvakarttoja hotspotien luomiseksi simuloimaan sovelluksen vuorovaikutteisuutta. Tämä on paljon helpompi tehdä kuin olisi koodata sovellusta tai jopa rakentaa verkkosivuja, jotka on rakennettu nykyisiin standardeihin HTML: llä ja CSS: llä. Tässä nimenomaisessa esimerkissä ja koska tiedän, millä laitteella esittelen suunnittelun ja voin skaalata koodin kyseiselle laitteelle, kuvakartta toimii, mutta laittaminen sivustoon tai sovellukseen on erittäin hankalaa ja sitä on todennäköisesti vältettävä nykypäivän sivustot.
Alkuperäinen artikkeli Jennifer Krynin. Julkaisija Jeremy Girard 9/7/17.