Dreamweaver-ekin irudi mapa sortzea aholkuak

Argazkien mapak erabiltzearen abantailak eta desabantailak

Web diseinuaren historiako puntu bat zegoen, non webgune askok "irudi mapak" bezala ezagutzen zituzten. Orrialde honetako irudi zehatz bati atxikitako koordenatuen zerrenda da. Koordinazio horiek irudi horretan hiperesteka guneak sortzen dituzte, ezinbestekoa den "bero lekuak" grafiko batera gehitzea, eta horietako bakoitza leku desberdinetara estekatzeko kodetu daiteke. Estekaren etiketa irudi batera gehitzea baino askoz ere ezberdina da, grafiko osoa helmuga bakarrarekin lotu ahal izateko.

Adibideak: imajinatu Estatu Batuetako irudia duen fitxategi grafikoa izatea. Nahi izanez gero, egoera bakoitza "egin klik" nahi baduzu, egoera jakin horri buruzko orrialdeetara joaten bazara, irudi horri egin dezakezu. Era berean, musika talde baten irudia baduzu, irudi-mapa bat erabil dezakezu banako kide bakoitzari dagokion orrialdeari dagokion orrialdera joateko.

Irudiaren mapak baliagarriak iruditzen zaizkizu? Zalantzarik gabe, baina gaur egungo web orrian alde egin dute. Hau da, gutxienez, zati batean, irudiaren mapek lanerako koordenatu espezifikoak behar dituztelako. Guneak gaur egungoak dira, sentikorrenak eta irudiaren eskala pantaila edo gailuaren tamainaren arabera . Horrek esan nahi du aurrez zehaztutako koordenatuak, hau da, irudien mapak nola funtzionatzen duten, erortzen denean gune batek eskalatzen eta irudiak aldatzen direnean. Horregatik, gaur egun ekoizpen-guneetan erabiltzen diren irudi-mapak oso gutxitan erabiltzen dira, baina oraindik ez dute dimentsio edo instantzia abantailik, non orri baten tamaina behartzen ari zaren.

Irudiaren mapa nola sortu jakin nahi duzu, zehazki nola egin Dreamweaver-ekin? . Prozesua ez da bereziki zaila, baina ez da erraza, beraz, esperientzia izan beharko zenukete aurretik.

Hasten

Has gaitezen. Hartu behar duzun lehen urratsa irudia zure webgunera gehitzea da. Ondoren, egin klik irudian, azpimarratzeko. Hortik aurrera, propietateen menura joan behar duzu (eta klik egin hurrenez hurreneko hiru marrazki tresnen artean: laukizuzena, zirkulua edo poligonoa. Ez ahaztu zure irudia izendatzeko, jabetza-barrarekin egin dezakezu izena. nahi duzuna. Erabili "mapa" adibide gisa.

Orain, zure irudian nahi duzun irudia marraztu tresna horietako bat erabiliz. Laukizuzen lekuak behar badituzu, erabili errektangelua. Zirkuluaren berdina. Zonalde formatu konplexuagoak nahi badituzu, erabili poligonoa. Hau da AEBetako maparen adibidean erabili beharko zenukeena, poligonoa puntuak jaregiten utziz eta forma konplexuak eta irregularrak sortuko lirateke irudian

Zoomaren propietateen leihoan, idatzi edo arakatu hotspot-era lotura lotzeko. Hau da gune hori loteslea sortzeko. Jarraitu hotspots gehituz zure mapa osatu arte eta gehitu nahi dituzun estekak gehitu dira.

Behin amaitutakoan, zure irudien mapa berrikusi nabigatzaile batean, ziurtatu behar bezala funtzionatzen duela. Egin klik esteka bakoitzean baliabide edo web orri egokira joateko.

Image Maps desabantailak

Berriro ere, jakitun izan behar duzu irudien mapek hainbat konbentzimendu dituztela, aipatutako laguntza faltaz kanpoko webguneen bidez ere. Sarrerak, xehetasun txikiak ilundu daitezke irudiaren mapan. Adibidez, irudi geografikoek mapak zein kontinenteko erabiltzaileak zehazten lagundu dezakete, baina mapak ez dira zehatzak erabiltzaileak jatorrizko herrialdean zehazteko. Horrek esan nahi du irudiaren mapak lagun bat Asian, baina ez Kanbodian bereziki, zehaztea.

Irudi-mapak ere astiro kargatu daitezke. Ez dira web gune batean behin baino gehiagotan erabili behar, web orrialde bakoitzeko leku gehiegi erabiltzen baitute. Orrialde bakar batean irudi-mapetako gehiegizko larritasun bat sorraraziko litzateke eta eragin handia izango du webgunean .

Azkenean, irudi-mapak ez dira erraz ikusiko dituzten ikus-arazoak dituzten erabiltzaileentzat. Irudi-mapak erabili badituzu, beste erabiltzaileentzako nabigazio sistema ere sortu beharko zenuke alternatiba gisa.

Beheko lerroa

Irudi-mapak noizean behin erabiltzen ditut diseinuaren demo azkar bat nola sortu eta nola funtzionatzen duen. Esate baterako, mugikorreko aplikazio baten diseinua burutzen dut eta irudien mapak erabili nahi ditut hotspot-ak sortzeko, aplikazioaren interaktibotasuna simulatzeko. Aplikazio kodea kodetzeko baino askoz ere errazagoa da, edo HTML eta CSS formatuekin estandarretara eraiki diren webguneak eraiki. Adibide zehatz honetan, eta zer gailu diseinatu dut diseinatu egingo dut eta kodeak kodea eskalatzeko gailu horretan, irudiaren mapa funtzionatzen du, baina produkzio-gune edo aplikazio batean jarriz, oso zaila da eta litekeena da saihestu gaur egungo webgune.

Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua 17/7/17.