Näpunäiteid Dreamweaveriga pildikaartide loomiseks

Pildi kaartide kasutamise eelised ja puudused

Veebi disaini ajaloos oli koht, kus paljudel saitidel kasutati funktsiooni, mida nimetatakse "pildikaartideks". See on loendi koordinaatide kohta, mis on lisatud lehe konkreetsele pildile. Need koordinaadid loovad sellele pildile hüperlinki alad, mis on hädavajalikud graafiliselt "kuumad kohad", millest igaühel on võimalik kodeerida erinevate kohtade linkimiseks. See on palju erinev sellest, kui lihtsalt lisada pildile lingi tag, mis muudaks terve graafika üheks sihtpunktiks üheks suureks lingiks.

Näited - kujutan ette, et teil on graafiline fail Ameerika Ühendriikide pildiga. Kui soovite, et iga riik oleks "klikkitav", nii et nad lähevad selle konkreetse riigi lehtedele, võite seda teha pildikaardiga. Samamoodi, kui teil oleks muusikariba kujutis, võite kasutada pildikaarti, et iga üksikut liiget saaks selle grupi liikme järgmisele lehele klõpsata.

Kas pildikaardid on kasulikud? Nad olid kindlasti, kuid tänapäeva veebis on nad tänapäeval kaotanud. See on vähemalt osaliselt seetõttu, et pildikaartidel on vaja konkreetseid koordinaate töötada. Täna loodud saitidel on reageerimine ja piltide skaala põhineb ekraani või seadme suurusel . See tähendab, et eelnevalt määratud koordinaadid, milleks pildikartrid toimivad, lagunevad, kui saidi skaala ja kujutised muudavad suurust. Sellepärast kasutatakse piltide kaarte tänapäeval tootmiskohtadele harva, kuid neil on endiselt eeliseid demode või juhtumite puhul, kus lehe suurust sunnitakse.

Soovite teada, kuidas luua pildikaarti, täpselt kuidas seda Dreamweaveriga teha? . Protsess ei ole eriti keeruline, kuid see pole ka lihtne, nii et teil peaks enne alustamist olema mingi kogemus.

Alustamine

Alustame. Esimene samm, mida peate võtma, on pildi lisamine oma veebilehele. Seejärel klõpsake pildil, et see esile tõsta. Sealt tuleb minna omaduste menüüsse (ja klõpsata üks kolmest leviala joonistamise tööriistast: ristkülik, ring või hulknurk. Ärge unustage oma pilti nimetada, mida saate teha varundiribal. see on midagi, mida soovite. Näiteks kasutage "map".

Nüüd tehke üks neist tööriistadest oma kujundusele soovitud kuju. Kui teil on vaja ristkülikukujulisi kohti, kasutage rectange'i. Sama ringi jaoks. Kui soovite keerulisemaid leviala kujundeid, kasutage hulknurka. Seda te kasutaksite tõenäoliselt USA kaardi näites, kuna hulknurk lubaks teil pilte tilkuda ja luua pildile väga keerukaid ja ebakorrapäraseid kujundeid

Hotspoti omaduste aknas sisestage või sirvige lehte, kuhu peaks leviala siduma. See loob selle ühendatava ala. Jätkake punktide lisamist, kuni teie kaart on lõpule jõudnud ja kõik lingid, mida soovite lisada, on lisatud.

Kui olete valmis, vaadake brauseris oma pildikaarti, et see oleks korralikult töökorras. Klõpsake igal lingil, et veenduda, et see läheb õigesse ressurssi või veebilehte.

Pildakaartide puudused

Veelkord arvestage, et pildikaartidel on mitu miinust, isegi väljaspool eespool nimetatud toetuste puudumist tundlike veebisaitidega. Esimesena võib väikesed detailid piltkaardil varjata. Näiteks geograafilise kujutise kaardid võivad aidata kindlaks teha, millist mandri kasutaja on, aga need kaardid ei pruugi olla piisavalt üksikasjalikud, et kindlaks teha kasutaja päritoluriik. See tähendab, et pildikaart võib aidata kindlaks teha, kas kasutaja on pärit Aasiast, aga mitte konkreetselt Kambodžast.

Kujutiskaardid võivad samuti aeglaselt koormata. Neid ei tohiks veebisaidil mitu korda kasutada, kuna neil on liiga palju ruumi veebisaidi igal lehel. Ühe lehe liiga pildikaardid loovad tõsise kitsaskoha ja mõjutavad oluliselt saidi jõudlust .

Lõpuks võivad pildikaardid ligipääsetavate visuaalsete probleemidega kasutajatele olla kerge. Kui kasutasite piltide kaarte, peaksite nende kasutajate jaoks alternatiivina looma ka teise navigatsioonisüsteemi.

Alumine joon

Ma kasutan piltkaarte aeg-ajalt, kui püüan luua disaini kiire demo ja kuidas see toimib. Näiteks võin ma mobiilirakenduse disaini pilkida ja ma soovin kasutada piltkaarte, et luua levialasid, et simuleerida rakenduse interaktiivsust. Seda on palju lihtsam teha kui rakenduse kodeerimist või isegi HTML-i ja CSS-i jaoks praeguste standardite järgi loodud etikette. Selles konkreetses näites ja kuna ma tean, milline seade ma demonteerin disaini ja suudab selle seadme jaoks koodi skaalat skaalat teha, on pildikaart töötav, kuid nende paigutamine tootmiskohta või rakendusse on väga keeruline ja seda peaks tänapäeva tõenäoliselt vältima veebisaitidel.

Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard 9./7/17.