De foardielen en minne fertsjinsten om byldbyldings te brûken
Der wie in punt yn 'e skiednis fan webûntwerp dêr't in protte siden in funksje brûkte dy't "image maps" bekend wie. Dit is in list mei koördinaten dy't oan in spesifike byld keppele binne op in side. Dizze koördinearren meitsje hyperlink gebieten op dat byld, wêryn essentielde "heule plakken" tafoegje oan in grafyk, elk fan dy kin kodearre wurde om te keppelen nei ferskate plakken. Dit is folle oars as as jo in keppeletag taheakje oan in byld, wêrtroch't dat folsleine grafyske in ien grutte keppeling wurde kin ta ien bestimming.
Foarbylden - foardat in grafyske bestân hawwe mei in byld fan 'e Feriene Steaten. As jo wolle dat elke steat "klikber" wêze sil, sadat se nei siden oer dy spesifike steat gean, kinne jo dit dwaan mei in byldkaar. As jo ek in byld fan in muzykband hawwe, kinne jo in ôfbyldingskaart brûke om elke yndividuele lid te klikken op in folgjende side oer dat bandlid.
Binne ôfbyldingen kaartsje nuttich? Se wienen gewoan, mar se binne op it hjoeddeiske web útgean. Dit is, op syn minst in diel, omdat byldkaarten de spesifike koördinaasjes nedich hawwe om te wurkjen. Siden hjoed binne boud te respondearjen en ôfbyldingsskaligens basearre op de grutte fan in skerm of apparaat. Dit betsjut dat foarôfgeande koördinearjen, sa as wurken fan ôfbyldings kaarten, falle as in side skalet en de ôfbyldings feroarsaakje. Dêrom wurde imagekaarten selektearre brûkt op produksjes fan hjoed, mar se hawwe noch foardielen foar demos of eksemplaren wêr't jo de grutte fan in side ferwite.
Wolle jo witte hoe't jo in ôfbyldingskaart meitsje, spesifike hoe't jo dat dwaan mei Dreamweaver? . It proses is net spesjaal dreech, mar it is net maklik, sadat jo in oantal ûnderfining hawwe moatte foardat jo begjinne.
Begjinne
Litte wy begjinne. De earste stap dy't jo nedich hawwe moatte is in foto taheakjen oan jo webside. Jo sille dan klikje op it byld om dit te markearjen. Fan dêrút moatte jo nei it eigendommen gean (en klikke op ien fan 'e trije hotspot teken ark: rjochthoek, sirkel of polygon.) Ferjit net om jo ôfbylding te neamen, dy jo kinne dwaan yn de Eigenskar. It alles wat jo wolle. Brûk "map" as foarbyld.
Selektearje de foarm dy't jo wolle op jo ôfbylding brûke mei ien fan dizze ark. As jo rjochthoekige spots nedich hawwe, brûk de riktange. Sels foar de sirkel. As jo mear kompleksere hotspotfoarmen wolle, brûk it polygon. Dit is wat jo wierskynlik gebrûk meitsje yn it foarbyld fan 'e Amerikaanske kaart, om't it polygon jo punt dropje koe en tige komplekse en unregelmjittige foarmen op it ôfbylding meitsje
Yn it eigenskippenfinster foar it hotspot kinne jo yntype of blêdje nei de side dêr't it hotspot keppele moat. Dit is wat meitsje dat ferbaarbere gebiet. Foegje tafoeging hotspots oant jo kaart kompleet is en alle links dy jo taheakje wolle binne tafoege.
As jo dien binne, rjochtsje jo ôfbyldingskaart yn in blêder om te feiligjen dat it goed wurket. Klik op elke link om te soargjen dat it giet om de goede boarne of webstee.
Nêst fanôfbyldingkaarten
Op 'e nij, bewust wêze dat ôfbyldingskaarten in ferskate ynstân hawwe, sels bûten de earder neamde stipe mei responsive websiden. Poppen kinne lyts details details yn in byldkaar ferwite. Bygelyks geografyske byldkaartsjes kinne helpe om te finen hokker kontinint in brûker is, mar dizze kaarten kinne net genôch genôch wêze om it lân fan oarsprong fan it brûker te identifisearjen. Dit betsjuttet dat in byldkaartsje kin helpe om te bepalen as in brûker fan Azië is, mar net fan Kambodja benammen.
Imagekaarten kinne ek stadich laden. Se moatte net meardere kearen brûkt wurde op in webside, om't se te folle romte besette moatte brûkt wurde op elke side fan in webside. Tefolle ôfbyldingskaarten op in inkele side soene in serieuze knipepel meitsje en in massive ynfloed op sidefoarstellings .
Uteinlik kinne ôfbyldings kaai net maklik wêze foar brûkers mei fisuele problemen foar tagong. As jo byldkaartsjes brûke, moatte jo ek in oare navigaasjesysteem foar dizze brûkers meitsje as alternatyf.
Haadsaak
Ik brûke byldkaarten fan tiid oant tiid as ik besykje in flugge demo fan in ûntwerp te kombinearjen en hoe't it wurket. Sa kin ik bygelyks in ûntwerp foar in mobyl app meitsje en ik wol grafyske mappen brûke om hotspots te meitsjen om de ynteraktiviteit fan 'e app te simulearjen. Dit is folle makliker te dwaan as it soe wêze om de app te bepalen, of sels bouwmooglikheden te bouwen foar aktuele standerts mei HTML en CSS. Yn dit spesifike foarbyld, en om't ik wit hokker apparaat de ûntwerp opmaak sil en kin de koade oan dit apparaat skalme, inôfbyldingkaart wurket, mar set har yn in produksjebalke of app is tige tricky en moast wierskynlik wêze op hjoeddeistich websites.
Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 9/7/17.