Vaizdo žemėlapis HTML. Vaizdo žemėlapio kūrimas naudojant HTML AREA žymos atributus

<А HREF=example.html >

Šis HTML nurodo serveriui, kad spustelėjus Mylmage.gif vaizdą, į naršyklę turi būti grąžintas dokumentas, pavadintas example.html.

Prie žymos pridėtas ISMAP parametras pateiktame pavyzdyje suaktyvina vaizdo žemėlapį. Šiuo atveju nuoroda yra ne į konkretų dokumentą, o į vaizdo žemėlapio konfigūracijos failą, kuriame yra visų aktyvių vaizdo sričių koordinatės. Konfigūracijos failą, paprastai su MAP plėtiniu, išanalizuoja CGI programa serveryje kartu su vaizdo spustelėjimo taško koordinatėmis. Tada vietoj aukščiau esančios eilutės turėtumėte parašyti:

<А HREF=MyImage.map>< IMG SRC=MyImage.gif ISMAP>< /A>

Šiame pavyzdyje nuoroda yra ne kito HTML dokumento adresas, o vaizdo žemėlapio konfigūracijos failas, kuriame yra kiekvienos aktyvios vaizdo srities koordinatės, pavadintos Myimage.gif.

Pastaba

Žymos parametrų tvarka yra savavališkas, tačiau ISMAP parametras paprastai yra paskutinis.

Vaizdo žemėlapio konfigūracijos failas yra įprastas tekstinis failas, kuriame yra informacija apie aktyvias tam tikro vaizdo sritis. Kiekvienam vaizdui, kuris bus naudojamas žemėlapio režimu, reikalingas atskiras konfigūracijos failas.

Patarimas

Kiekvienai vaizdo kortelei reikalingas atskiras konfigūracijos failas. Įpraskite išsaugoti konfigūracijos failą tame pačiame kataloge ir tokiu pačiu pavadinimu kaip ir su juo susietas vaizdas. Pavyzdžiui: pagrindinis_meniu.gif ir pagrindinis meniu.žemėlapis.

Yra du vaizdo žemėlapio konfigūracijos failų formatai, sukurti CERN ir NCSA ir pažymėti šių organizacijų pavadinimais. Abiejuose formatuose yra ta pati informacija, tačiau ji pateikiama skirtingai. Abiem atvejais naudojamos tų pačių tipų zonos, kurios aptariamos toliau. Kurdami vaizdų žemėlapius, skirtus naudoti konkrečiame serveryje, turite gauti informaciją iš sistemos administratoriaus apie tai, kas buvo priimta šis serveris būdas palaikyti vaizdų žemėlapius.

Abu formatai naudoja aktyvias sritis stačiakampių, apskritimų ir daugiakampių pavidalu, taip pat gali nurodyti vadinamąją numatytąją sritį, kuri apibūdina visus srities taškus, kurie nepriklauso nė vienai iš aktyvių sričių. Jei vartotojas spustelėja paveikslėlio viduje, bet už bet kurio nurodyto viešosios interneto prieigos taško, URL bus nustatyta reikšmė, apibrėžta pagal numatytąjį tipą.

Kiekvienos srities konfigūracijos failas įrašo URL, kuris bus grąžintas vartotojui, kai toje srityje įvyks paspaudimas. Šis adresas gali būti parašytas santykine arba absoliučia forma. Atminkite, kad santykinis URL turi būti apibrėžtas atsižvelgiant į konfigūracijos failo vietą, o ne su vaizdo failu. Aktyvių sričių sąrašas konfigūracijos faile skaitomas pradedant nuo pirmosios eilutės. Jei dvi apimtys sutampa, įdiegiama nuoroda, kurios apimties aprašymas konfigūracijos faile rodomas pirmiausia.

Patarimas

Rekomenduojama visada konfigūracijos faile nustatyti numatytąją nuorodą. Numatytoji nuoroda bus įdiegta tose vaizdo srityse, kurios nėra aktyvios. Paprasčiausiu atveju numatytasis URL gali tiesiog nukreipti į puslapį su naudingos informacijos apie šios kortelės naudojimą.

CERN formatu

CERN yra Europos mokslo centras, kurio tyrimų temos labai plačios. Būtent čia buvo sukurta pasaulinio žiniatinklio sistemos koncepcija, kuri buvo postūmis visoms WWW srities raidoms. CERN pagrįstai gali būti laikomas interneto gimimo vieta. Kai iškilo poreikis sukurti vaizdų žemėlapių konfigūracijos failų struktūrą, CERN pasiūlė tokį formatą:

srities tipo koordinačių URL

X ir Y koordinačių poros reikšmės atskiriamos kableliais ir pateikiamos skliausteliuose. CERN formatas neleidžia komentuoti nuorodų, susijusių su konkrečia sritimi. Galima naudoti šiuos sričių tipus: tiesioji, apskritimas, poli ir numatytasis. Šis formatas leidžia plotų tipų pavadinimus rašyti dviem būdais – tiek sutrumpinta, tiek visa forma. Kartu su nurodytais tipų pavadinimais galima naudoti pavadinimus stačiakampis, apskritimas ir daugiakampis.

Čia yra informacijos apie sritis įrašymo vaizdo žemėlapyje CERN formatu pavyzdys:

rect (56.47) (357.265) http://www.anywhere.com/

circ (366 147) 109 http://www.anywhere.com/

daugiakampis (534.62) (699.62) (698.236) (626.261) (534.235) (534.62)

http://www.anywhere.com/

NCSA formatas

Ilinojaus universiteto Nacionalinis superkompiuterių taikomųjų programų centras (NCSA) taip pat daug prisidėjo prie interneto kūrimo. Čia buvo sukurta pirmoji populiari grafinė naršyklė – programa „Mosaic“. NCSA pasiūlė konfigūracijos failo formatą, kuris skiriasi įrašymo forma nuo CERN formato. Šis formatas atrodo taip:

area_type URL koordinates

Galima naudoti šiuos sričių tipus: tiesioji, apskritimas, poli, numatytasis ir taškas.

X ir Y koordinatės atskiriamos kableliais, bet nėra skliausteliuose. Šis formatas leidžia naudoti komentarų eilutes. Bet kuri eilutė, prasidedanti simboliu #, bus traktuojama kaip komentaras, o analizatorius nepaisys jos turinio.

NCSA formatas siūlo šiek tiek kitokį būdą apibrėžti apskritas sritis (palyginti su CERN formatu ir kliento versija, aptariama toliau). Apskritimo sritis apibrėžiama dviejų taškų koordinatėmis – centro ir bet kurio taško, esančio apskritime.

Pastaba

NCSA formatas leidžia naudoti taško srities tipą. Šis srities tipas nenaudojamas nei CERN formate, nei naudojant kliento vaizdo žemėlapių versiją. Formato kūrėjai siekė, kad jei būtų daug punktyrinių sričių, pelės paspaudimas suaktyvintų arčiausiai kitų esančią nuorodą. Tačiau tokio tipo srities buvimas iš esmės prieštarauja numatytajam srities tipui, nes naudojant tašką ir numatytąsias sritis vienu metu, taško tipo apibrėžtą saitą įgyvendinti galima tik tada, kai pele tiksliai paspaudžia nurodytą tašką. Tai gana sunku ir vargu ar sukurs patogias sąlygas dirbant su tokiu dokumentu. Šiuo metu taško tipas praktiškai nenaudojamas, o vaizdo žemėlapių kliento versija vis labiau tobulinama.

Štai pavyzdys, kaip rašyti konfigūracijos failą NCSA formatu:

# Konfigūracijos failo rašymo pavyzdys

rect http://www.anywhere.com/ 56.47 357.265

ratas http://www.anywhere.com/ 366 147 366 256

poli http://www.anywhere.com/ 534.62 699.62 698.236 626.261 534.235 534.62

Vaizdo žemėlapio kliento versija

Vaizdo kortelės kliento versija leidžia patalpinti visą informaciją apie kortelės konfigūraciją į HTML failą, kuriame yra įdėtas vaizdas. Naudojant serverio parinktį, naršyklė siunčia serveriui užklausą gauti pasirinktos nuorodos adresą ir laukia atsakymo su reikiama informacija. Tam gali prireikti papildomo laukimo laiko. Naudojant kliento versiją, sumažėja skambučių į serverį skaičius ir padidėja prieigos prie informacijos greitis. Pasirinkus šią parinktį, taip pat nereikia susisiekti su serveriu norint redaguoti žemėlapio konfigūraciją, todėl visą vaizdo žemėlapio kūrimo darbą galima atlikti vietoje, kartu su HTML failo redagavimu. Skirtingai nuo serverio parinkties, kuriai reikėjo atskiro kiekvieno vaizdo žemėlapio konfigūracijos failo, šioje parinktyje žemėlapio konfigūraciją galima rasti tiesiai tame pačiame HTML dokumente, kuriame nurodyta nuorodos vaizdo nuoroda. Dažniausiai jie būtent tai ir daro, nors priimtina kortelės konfigūraciją išsaugoti atskirame faile ir pateikti nuorodą į ją.

Norėdami nurodyti, kad įdėtas vaizdas yra žemėlapio nuoroda, naudokite USEMAP žymos parametrą . USEMAP parametro reikšmė yra nuoroda į žemėlapio konfigūracijos aprašą.

Pastaba

„Netscape“ naršyklė neleidžia naudoti atskiro failo kortelės konfigūracijai aprašyti.

Pavyzdžiui:

Šiame pavyzdyje vaizdas, saugomas faile, pavadintame l ogo.gif, yra kliento vaizdo žemėlapio nuorodos vaizdas.

Viešosios interneto prieigos taško konfigūracijos aprašymas turi būti tame pačiame faile kaip ir ši HTML kodo eilutė, o šiame pavyzdyje jis turėtų būti pavadintas logotipu.

Žyma<МАР>

Speciali žyma naudojama vaizdo žemėlapio sričių konfigūracijai apibūdinti<МАР>, kurio vienintelis parametras yra NAME. Parametro NAME reikšmė nurodo pavadinimą, kuris turi sutapti su pavadinimu USEMAP. Žyma<МАР>reikalauja uždarymo žymos. Šioje žymų poroje turi būti aktyvių žemėlapio sričių, kurioms naudojama speciali žyma, aprašymai .

Žyma

Kiekviena atskira žyma nurodo vieną aktyvų regioną. Pabaigos žyma nereikalinga. Aktyvūs regionai gali sutapti. Jei tam tikras taškas vienu metu priklauso kelioms aktyvioms sritims, tada bus įdiegta nuoroda, kurios aprašymas yra pirmas sričių sąraše.

Žymės parametrai yra SHAPE, COORDS, HREF, NOHREF, TARGET ir ALT. Panagrinėkime šių parametrų paskirtį.

SHAPE parametras

SHAPE parametras nustato aktyvios srities formą. Galiojančios reikšmės yra rect, circle, poly, numatytoji. Šios reikšmės apibrėžia sritis stačiakampio, apskritimo arba daugiakampio pavidalu. Paskutinė reikšmė – numatytoji – apibrėžia visus srities taškus. Jei parametras SHAPE praleistas, numatytoji reikšmė yra rect, t. y. plotas stačiakampio formos.

Įspėjimas

Nepainiokite numatytojo tipo srities, kuri apibūdina visus vaizdo taškus, ir numatytosios parametro SHAPE reikšmės, kuri yra teisinga.

Pastaba

Skirtingai nuo serverio versijos, kai numatytoji sritis apibrėžė visus vaizdo taškus, kurie nepriklauso jokiai aktyviajai sričiai, kliento parinkties numatytoji sritis apibrėžia visus vaizdo taškus. Todėl šiuo atveju numatytosios srities aprašymas turėtų būti paskutinis aktyvių sričių sąraše. Jei, pavyzdžiui, numatytosios srities aprašymas yra pirmas, tada šios srities apibrėžta nuoroda visada bus įdiegta kliento versijai, o visos kitos nuorodos bus ignoruojamos (šitaip ši sritis įdiegta Netscape ). Serverio versijai numatytosios srities aprašymo vieta neturi reikšmės. Į šį skirtumą atsižvelgta skyriaus pabaigoje pateiktuose pavyzdžiuose.

Patarimas

Taip pat atminkite, kad ne visos naršyklės palaiko numatytąjį srities tipą. Visų pirma, „Microsoft Internet Explorer“ iš viso neleidžia tokio tipo. Todėl vietoj numatytojo tipo srities galime rekomenduoti nustatyti stačiakampę sritį, kurios matmenys lygūs viso vaizdo dydžiui. Natūralu, kad tokia sritis turėtų būti aprašyta paskutinė. Būtent tai daro kai kurios vaizdo žemėlapių redagavimo programos, kurios bus aptartos toliau.

COORDS parametras

Parametras COORDS nurodo vienos aktyvios srities koordinates. Parametro reikšmė yra aktyviąją sritį apibrėžiančių taškų koordinačių sąrašas, atskirtas kableliais. Koordinatės rašomos kaip neneigiami sveikieji skaičiai. Kilmė yra viršutiniame kairiajame vaizdo kampe, kuris atitinka reikšmę 0,0. Pirmasis skaičius nustato horizontalią koordinatę, antrasis - vertikalią. Koordinačių sąrašas priklauso nuo vietovės tipo.

Rect tipo sričiai nurodomos stačiakampio viršutinio kairiojo ir apatinio dešiniojo kampų koordinatės.

Apskritimo tipo sričiai nurodomi trys skaičiai - apskritimo centro ir spindulio koordinatės.

Poli tipo srityje daugiakampio viršūnių koordinatės nurodomos reikiama tvarka. Atkreipkite dėmesį, kad paskutinis taškas koordinačių sąraše neturi sutapti su pirmuoju. Jei jie nesutampa, tada, interpretuodama tos regiono formos duomenis, naršyklė automatiškai sujungs paskutinį tašką su pirmuoju. Skirtingi vaizdų žemėlapių rengyklės šiuo atžvilgiu veikia skirtingai – vieni sąrašo pabaigoje prideda pirmą tašką, kiti – ne. Kiekybiniai viršūnių skaičiaus apribojimai yra gana dideli ir apima beveik visus įmanomus poreikius. Bent daugiakampis su 100 viršūnių yra patikimai apdorojamas visose pirmaujančiose naršyklėse. Su pačia HTML kalba susijęs apribojimas, pagal kurį sąraše negali būti daugiau nei 1024 reikšmių. Daugiakampis gali būti neišgaubtas.

Numatytoji tipo sritis nereikalauja nurodyti koordinačių.

HREF ir NOHREF parametrai

HREF ir NOHREF parinktys yra nesuderinamos. Jei nenurodytas nė vienas iš šių parametrų, laikoma, kad regionas neturi ryšio. Tas pats aiškiai apibrėžia NOHREF parametrą, kuriam nereikia reikšmės. HREF parametras nurodo nuorodos adresą, kuris gali būti parašytas absoliučia arba santykine forma. Rašymo taisyklės visiškai sutampa su nuorodų rašymo žymoje taisyklėmis<А>.

NOHREF parametras yra naudingas norint išskirti dalį aktyvaus regiono. Pavyzdžiui, reikia sukurti aktyvią sritį žiedo pavidalu. Šio tipo plotas nėra įtrauktas į galimų plotų sąrašą, tačiau jį galima įgyvendinti nurodant dvi apskritimo formas. Norėdami tai padaryti, pirmiausia turite apibrėžti mažesnio spindulio sritį ir kaip parametrą nurodyti NOHREF. Tada turite nurodyti didesnio spindulio sritį, kurios centras yra tame pačiame taške, ir nurodyti norimą nuorodą. Tada žiedo viduje esanti sritis, apibrėžta dviem skirtingo spindulio apskritimais, turės reikiamą nuorodą. Naudojant metodą, pagrįstą abipusiu sričių sutapimu, galėsite sukurti labai įvairių formų zonas.

TARGET parametras

Parametras TARGET naudojamas dirbant su rėmeliais. Jo tikslas – nurodyti rėmelio, kuriame bus patalpintas iš šios nuorodos atsisiųstas dokumentas, pavadinimą. Daugiau informacijos apie šios parinkties naudojimą rasite skyriuje apie darbą su rėmeliais.

ALT parametras

ALT parametras leidžia rašyti alternatyvų tekstą kiekvienai aktyviajai vaizdo sričiai. Iš esmės šis tekstas atliks tik dokumento kūrėjo komentaro vaidmenį. Jei alternatyvus tekstas parašytas visam vaizdui (žymoje ), naudojamas rodyti ekrane, kai dirbate su išjungtu vaizdo įkėlimu, tada ekrane niekada nebus rodomas alternatyvus aktyvių sričių tekstas.

Čia pateikiamas įvairių tipų sričių nurodymo pavyzdys:

<МАР NAME="logo">

!}

HREF="p.htm" ALT="Daugiakampis"> !}

Šis kodo fragmentas įdėtas į HTML failą. Dažnai visi vieno dokumento vaizdinių žemėlapių aprašai sujungiami ir pateikiami skyriaus pradžioje dokumentas. Toks požiūris artimas programuotojams, kurie dažniausiai, rašydami programas, atskiria aprašomąją programos dalį nuo vykdomosios, o tai supaprastina parašyto kodo supratimą, o kartais nulemta kompiliatoriaus reikalavimų.

Kliento ir serverio parinkčių derinys

Priimtinas naudoti kombinuotą parinktį, kurioje abu parametrai - USEMAP ir ISMAP - yra apibrėžti tam pačiam vaizdui, o tai reiškia, kad šis vaizdas naudojamas kaip kliento ir serverio parinkčių nuoroda. USEMAP yra dominuojantis parametras. Tai reiškia, kad naršyklė, palaikanti kliento parinktį, naudos USEMAP, nepaisydama ISMAP parametrų instrukcijų. Tos naršyklės, kurios nepalaiko kliento parinkties ir nesupranta USEMAP parametro paskirties, pagal bendras HTML taisykles, nepaisys jo buvimo ir įdiegs serverio parinktį, kai aptiks ISMAP parametro buvimą. Kombinuota parinktis yra patikimesnė, tačiau reikia duomenų, kad būtų galima konfigūruoti abiejų parinkčių sritis. Šiais laikais poreikis naudoti kombinuotą parinktį vis mažėja, nes visos populiariausios naršyklės palaiko kliento parinktį. Tačiau „Netscape“ pagrindiniai puslapiai, su kuriais tikriausiai susidūrė bet kuris „Netscape“ naršyklės vartotojas, yra sukurti kombinuota versija.

Štai kombinuotos parinkties pavyzdys:

<А HREF="http://www.anywhere.com/testmap/logo.map">

Pastaba

Parametras USEMAP taip pat dominuoja žymos apibrėžtoje nuorodoje<А>. Taigi, jei vaizdas, naudojamas vaizdo žemėlapio koncepcijai įgyvendinti kliento versijoje, yra įrašytas žymos srityje<А HREF>, tada naršyklės, palaikančios kliento parinktį, nepaisys paskutinės žymos nurodytos nuorodos. Pavyzdžiui, turėkite šį fragmentą:

<А HREF=NoMaps.htm> .

Viena vertus, visas vaizdas yra nuoroda į dokumentą, vadinamą NoMaps.htm. Kita vertus, USEMAP parametro buvimas apibrėžia šį vaizdą kaip atitinkamo vaizdo žemėlapio atskaitos vaizdą. Nuoroda į NoMaps.htm dokumentą bus ignoruojama dėl USEMAP parametro buvimo ir neatsižvelgiant į kitus veiksnius.

Vaizdo žemėlapių naudojimo ypatybės

Atkreipkite dėmesį į kai kurias vaizdų žemėlapių naudojimo kliento versijoje ypatybes. Kai vartotojas perkelia pelę vaizde, kuriame įdiegta kliento parinktis, atitinkamas URL rodomas būsenos juostoje, esančioje „Netscape“ naršyklės apačioje. Pasirinkus serverio parinktį, URL nerodomas, nes informacija talpinama serveryje, kuris nepasiekiamas tol, kol vartotojas nepaspaudžia paveikslėlio. Pirmoji parinktis yra informatyvesnė, nes vartotojas mato nuorodų adresus ir gali nustatyti vaizdo vietą be nuorodų. Serverio versija rodo skaičius, kurie yra santykinės pelės koordinatės paveikslėlyje ir nepateikia jokios informacijos apie nuorodas ir jų buvimą.

Alternatyvios navigacijos priemonės

Vaizdų žemėlapių naudojimas tapo įprastas, tačiau neturėtume pamiršti, kad ne visi interneto vartotojai gali naudoti grafiką arba nori dirbti su išjungtu vaizdų įkėlimu, kad sutrumpėtų failų perdavimo laikas. Todėl jiems reikia pateikti kitas, alternatyvias naršymo priemones puslapyje. Priešingu atveju vartotojai apskritai negalės rasti puslapyje ir atitinkamai įdiegti tų nuorodų, kurias apibrėžia tik vaizdo žemėlapis.

Kaip alternatyvą galite sukurti atskirą skyrių su tekstiniu nuorodų ir atitinkamų URL aprašymu. Taip pat galite sukurti nuorodą į teksto meniu, kurios jungtys yra tokios pat kaip ir vaizdo žemėlapis. Kad ir kokį metodą pasirinktumėte, turite įsitikinti, kad visos nuorodos yra prieinamos naršyklės teksto režimui.

Pateiksime realaus dokumento, kuriame šios problemos išspręstos, pavyzdį. Viename iš gerai žinomos bendrovės „Hewlett-Packard“ puslapių parodytas fragmentas, kuriame yra vaizdo žemėlapis. Puslapio viduryje yra dešimties skirtingų tipų įrangos sąrašas, kurių kiekvienas turi nuorodą į atitinkamą dokumentą. Tiesą sakant, puslapyje yra paveikslėlis, kuris yra žemėlapio nuoroda. Šiame paveikslėlyje paryškinta dešimt stačiakampių zonų, kurios yra aktyvios.

Jei įkelsite šį puslapį išjungę vaizdo įkėlimo režimą, pamatysite paveikslėlį, kuriame vietoj vaizdo žemėlapio yra tik maža piktograma, rodanti vaizdo vietą ir. tekstas, kuris buvo nustatytas kaip alternatyvus viso nurodyto vaizdo tekstas. Akivaizdu, kad čia esančiomis nuorodomis naudotis negalėsite. Norėdami išspręsti šią problemą, po paveikslėliu yra įprastas teksto meniu, kuris visiškai pakartoja paveikslėlyje rodomą sąrašą su atitinkamomis nuorodomis. Todėl, jei vaizdo įkėlimas išjungtas, vartotojas vis tiek galės įgyvendinti reikiamus nuorodų perėjimus naudodamas pasikartojančio teksto meniu. Įkeliant vaizdą teksto meniu tik dubliuoja nuorodų pasirinkimo parinktis.

Vaizdo atvaizdavimo įrankiai

Vaizdo žemėlapių kūrimui reikia dviejų žingsnių: parengti pamatinį vaizdą, kuriame vėliau bus apibrėžtos aktyvios sritys, ir sukurti konfigūracijos failą, kuriame aprašomi aktyvių regionų geometriniai parametrai. Vaizdo, kuris bus vaizdų žemėlapio pagrindas, paruošimas niekuo nesiskiria nuo įprastų vaizdų, įterptų į tinklalapius, paruošimo. Norėdami tai padaryti, galite naudoti bet kurį grafinį redaktorių arba naudoti paruoštą vaizdą.

Antrame žingsnyje turite pažymėti paveikslėlyje aktyvias sritis ir suderinti jas su atitinkamais nuorodų adresais. Konfigūracijos failo paruošimas yra pats sunkiausias žingsnis kuriant vaizdo žemėlapius. Iš esmės galima rankiniu būdu nustatyti aktyvių vaizdo sričių ribas. Pavyzdžiui, dirbdami grafiniu redaktoriumi, galite pažymėti atskirus taškus, įrašyti jų koordinates ir tada sukurti failą, kuriame aprašomi pasirinktų sričių geometriniai parametrai. Tačiau šis metodas yra labai nepatogus ir sudėtingas.

Norėdami automatizuoti vaizdo sričių žymėjimo procesą, yra keletas programų, kurių dauguma yra labai panašios viena į kitą. Jie leidžia kurti ir keisti konfigūracijos failus dirbant tiesiogiai su vaizdu ekrane. Dauguma programų yra atskiros komunalinės paslaugos, kurios veikia nepriklausomai ir iš esmės yra HTML redaktorių priedai. Šios programos leidžia išsaugoti sugeneruotą konfigūracijos failą Windows mainų srityje arba faile diske. Pirmuoju atveju tipiškas variantas yra bendras vaizdų žemėlapių redagavimo programos ir kažkokio HTML rengyklės ar įprasto teksto rengyklės veikimas. Jei programa leidžia išsaugoti konfigūracijos failą diske, tada jį galima naudoti visiškai autonomiškai. Visos programos leidžia vaizde pažymėti trijų pagrindinių tipų sritis – tiesiąją, apskritimą ir poli. Kai kurie redaktoriai palaiko numatytąjį tipą. Galbūt vienintelis vaizdų žemėlapių redagavimo programos pasirinkimo kriterijus yra jos naudojimo paprastumas, nes visos programos yra labai panašios funkcinėmis savybėmis. Jei programos sąsaja jums atrodo nepatogi, galite ja nebenaudoti ir pasirinkti kitą.

Pažvelkime į kai kurias esamas programas.

MapEdit programa

Viena iš paprasčiausių ir žinomiausių konfigūracijos failų redagavimo programų yra „MapEdit“ programa, kurią sukūrė Thomas Boutell. Ši programa gyvuoja jau keletą metų ir buvo įdiegta įvairioms platformoms. Visų pirma, yra „Windows 3.x“ ir „Windows 95/98/NT“ versijų. Kaip ir daugumos programų atveju, buvo keletas šios programos versijų. Šiuo metu naujausia Windows 95/98/NT versija yra 2.6 versija (1999 m. rugsėjo mėn.). Informaciją apie programą galite gauti adresu:

http://www.boutell.cora/mapedit/

„MapEdit“ yra bendroji programinė įranga ir turi 30 dienų vertinimo laikotarpį, kuriam pasibaigus būtina registracija. Programa nedidelė – platinimas užima apie 300 KB, o tuo pačiu turi beveik visas reikiamas galimybes.

Programa leidžia redaguoti serverio versijos (NCSA ir CERN formatais), ir kliento versijos konfigūracijos failus. Galima vizualiai sukurti aktyvias sritis stačiakampių, apskritimų ir daugiakampių pavidalu, taip pat nustatyti numatytosios srities nuorodos adresą.

Trumpai apžvelkime pagrindines šios programos savybes. Paleidus MapEdit, pasirodo pagrindinis langas, kuriame yra paleidimo ekranas (6.3 pav.) ir meniu. Galima redaguoti esamus failus tiek serverio, tiek kliento vaizdų žemėlapių versijoms. Taip pat galima sukurti naują konfigūracijos failą, tačiau tai taikoma tik serverio versijai. Kliento versijai reikalingas šaltinio HTML failas su nuorodomis į įterptus vaizdus, ​​kurie bus naudojami kaip vaizdų žemėlapių nuoroda.

Pastaba

Nesugebėjimas sukurti naujo HTML failo naudojant MapEdit gali būti lengvai apeinamas. Norėdami tai padaryti, turėtumėte paleisti programą failų kūrimo režimu vienu iš serverio formatų (NCSA ir CERN), atlikti visus reikiamus veiksmus ir išsaugoti rezultatus režimu Įrašyti kaip, nurodydami Kliento pusės žemėlapio formatą. Bus sukurtas HTML failas, kurį vėliau bus galima naudoti kaip paruoštą HTML dokumento fragmentą.

Tarkime, kad turime sukurti naują vaizdų žemėlapių serverio versijos konfigūracijos failą. Meniu pasirinkite Atidaryti / sukurti žemėlapį

Failas. Atsiras dialogo langas (6.4 pav.), kuriame turite nurodyti kuriamo konfigūracijos failo pavadinimą (pvz., Blazons.map), nurodyti esamą vaizdo failą ir sukurto failo formatą (NCSA arba CERN). ). Vaizdo failas gali būti GIF, JPG arba PNG formatu.

Ryžiai. 6. 3 . „MapEdit“ paleidimo ekranas

Ryžiai. 6. 4 . Atidaryti/sukurti žemėlapį dialogo langas konfigūracijos failui sukurti

Pastaba

Daugelis serverio konfigūracijos failų interpretavimo programų reikalauja, kad failas turėtų MAP plėtinį. Rekomenduojama visada laikytis šios taisyklės.

Programa įkels pasirinktą vaizdo failą, ant kurio bus galima pažymėti aktyvias sritis (6.5 pav.).

Tam reikia pasirinkti aktyvios srities formą – stačiakampį, apskritimą ar stačiakampį, paspaudus atitinkamą piktogramą arba pasirinkus norimą elementą iš meniu Įrankiai (6.6 pav.).

Tolimesni veiksmai atliekami tiesiai ant vaizdo, pažymint taškus pele. Stačiakampio ploto atveju pažymėtas viršutinis kairysis ir apatinis dešinysis kampai, apskritimo srityje - centras ir vienas iš apskritimo taškų, daugiakampyje nurodomos jo viršūnės. Pavyzdžiui, pav. 6.5 paveiksle parodytas atvejis, kai vaizde jau yra pažymėtos trys aktyvios skirtingų formų sritys. Atkreipkite dėmesį, kad eilutės, ribojančios aktyvias sritis, yra skirtos tik jas vizualizuoti dirbant redaktoriuje ir jokiu būdu nekeičia vaizdo failo. Šio pavyzdžio vaizde iš esmės yra trys atskiri paveikslai (pavaizduoti Sankt Peterburgo, Tomsko ir Jakutsko miestų herbai), o tai dažniausiai nebūdinga realistiniams vaizdams. Tačiau vaizdams, kuriuose yra, pavyzdžiui, valdymo mygtukų rinkinys, ši situacija yra gana tipiška.

Ryžiai. 6. 5 . Vaizdas su skirtingų tipų viešosios interneto prieigos taškais

Ryžiai. 6. 6 . Įrankių meniu

Ryžiai. 6. 7 . Objekto URL dialogo langas, kuriame nurodomas URL ir pasirenkamas komentaras

Pažymėjus bet kurią sritį, reikia nurodyti šią sritį atitinkantį nuorodos adresą bei komentaro informaciją (6.7 pav.). Sričiai galite nustatyti numatytąjį nuorodos adresą, kuris bus įgyvendintas toje vaizdo srities dalyje, kuri nėra įtraukta į jokią aktyvią sritį (6.8 pav.).

Pažymėję sritis, galite vizualiai apžiūrėti arba pakeisti sukurtas aktyvias sritis naudodami meniu Redaguoti punktą Testas. Paskutinis veiksmas yra išsaugoti rezultatus kaip konfigūracijos failą (meniu Failas elementą Išsaugoti). Taip pat galite naudoti elementą Įrašyti kaip, kuriame nurodote reikalingą failo išsaugojimo formatą (6.9 pav.).

Ryžiai. 6. 8 . Numatytasis URL dialogo langas, skirtas nustatyti numatytąjį srities URL

Ryžiai. 6. 9 . Išsaugoti kaip komandų dialogo langas

Pastaba

Senesnėse „MapEdit“ versijose buvo nedidelė klaida, susijusi su išsaugoto konfigūracijos failo formato nustatymu. Jei kuriant failą buvo nurodytas CERN formatas, tai išsaugant duomenis išsaugojimo režimu, failas vis tiek bus išsaugotas NCSA formatu. Sukurti CERN formato failą galima tik naudojant Save as režimą ir nurodant reikiamą formatą.

Šiame pavyzdyje bus sukurtas failas Blazons.map, kuriame yra ši informacija (NCSA formatas):

#Tomsko miesto herbas

rect www.ifmo.ru/sergeev/tomsk.htm 35.58 187.244

#Jakutsko miesto herbas

circle www.ifmo.ru/sergeev/jakutsk.htm 364.150 468.150

#Sankt Peterburgo miesto herbas

poli www.ifmo.ru/sergeev/Spb.htm 537.61 700.61 700.230 618.256 537.231

Tie patys duomenys, kuriuos redaktorius išsaugojo CERN formatu, atrodys taip:

rect (35.58) (187.244) www.ifmo.ru/sergeev/tomsk.htm circle (364.150) 104 www.ifmo.ru/sergeev/jakutsk.htm poly (537.61) (700.61) (700.230) (618)1,25 www.ifmo.ru/sergeev/Spb.htm

Atkreipkite dėmesį, kad komentarai šiuo formatu neleidžiami, todėl ši informacija bus prarasta, kai failas bus išsaugotas.

Panagrinėkime užduotį sukurti vaizdo žemėlapio kliento versiją. Norėdami išspręsti šią problemą, turite turėti HTML šaltinio failą, kuriame yra bent vienas įterptas vaizdas. Šį šaltinio failą galima sukurti iš anksto naudojant bet kurį teksto rengyklę arba specialų HTML redaktorių. Tarkime, kad yra failas pavadinimu CSIM.HTM, kuriame yra šis kodas:

Šį failą reikia atidaryti MapEdit redaktoriuje (6.10 pav.). Skirtingai nuo parinkties, kurioje buvo sukurtas konfigūracijos failas, čia nebūtina nurodyti vaizdo failo pavadinimo meniu elemente Atidaryti/Sukurti žemėlapį.

Ryžiai. 6.1 0 . Atidaryti / sukurti žemėlapį dialogo langas, skirtas atidaryti esamą HTML failą

Ryžiai. 6.1 1 . Pasirinkite eilutinį vaizdo dialogo langą

Atidarius šaltinio HTML failą, redaktorius parodys dialogo langą su visų įmontuotų vaizdų sąrašu, iš kurio reikia pasirinkti jums reikalingą (6.11 pav.). Žinoma, failas su pasirinktu vaizdu turi egzistuoti.

Tolesnis aktyvių sričių žymėjimo darbas yra visiškai identiškas ankstesniam atvejui. Išsaugojus žymėjimo rezultatus, šaltinio failas bus pakeistas, o pateiktame pavyzdyje jis atrodys taip:

href="tomsk.htm">

href="jakutsk.htm">

coords="537,61,700,61, 700, 230, 618, 256, 537,231" href="Spb.htm">

Atminkite, kad redaktorius automatiškai priskiria pavadinimą, kuris apibūdintų vaizdų žemėlapį, atitinkantį referencinio vaizdo failo pavadinimą. Šiame pavyzdyje failas su vaizdu buvo pavadintas Blazons.gif, taigi žymos pavadinimo parametras<тар>buvo suteikta reikšmė „Blazons“.

Pastaba

MapEdit redaktorius ne visai tinkamai veikia su rusiškos abėcėlės simboliais. Kai kurios rusiškos raidės išnyksta, kai failas išsaugomas, o jų vietoje atsiranda tarpai. Paprasčiausia išeitis iš šios situacijos yra pridėti rusišką tekstą baigus darbą redaktoriuje.

Žemėlapis TAI!

Kita vaizdų žemėlapių konfigūracijos failų kūrimo ir redagavimo priemonė yra programa Map THIS, apie kurią galite gauti informacijos:

http://galadriel.ecaetc.ohio-state.edu/tc/mt/.

Darbas su šia programa ideologiškai panašus į MapEdit programą. Darbo su programa pagrindas yra aktyvių sričių vizualinis dizainas, toliau išsaugant rezultatus faile vienu iš pasirinktų formatų. Redagavimo priemonė palaiko tiek serverio, tiek kliento vaizdo žemėlapių formatus (NCSA ir CERN). Vaizdus galima įkelti iš GIF ir JPG failų.

Čia pateikiami šios programos sukurtų konfigūracijos failų pavyzdžiai. Ankstesniame skyriuje pateiktame pavyzdyje NCSA formatu išsaugotas failas atrodytų taip:

#$MTIMFH

#$-:Vaizdo žemėlapio failą sukūrė Map THIS!

#$-: Žemėlapis TAI! nemokama vaizdo žemėlapių rengyklė, kurią sukūrė Todd C. Wilson

#$-: Neredaguokite eilučių, prasidedančių "#$"

#$VERSION:1.30

#$TITLE: Blazons

#$DESCRIPTION: Vaizdo žemėlapio serverio versija

#$DATE: 1999 m. rugsėjo 14 d., antradienis, 12:10:42

#$PATH:C:\Programų failai\Mapthis\

#$GIF:Blazons.gif

#$FORMAT:ncsa

#$EOH

default default.htm

# Tomsko miesto herbas

rect Tomsk.htm 33.60 191.246

# Jakutsko miesto herbas

ratas Jakutsk.htm 366 147 366 256

# Sankt Peterburgo miesto herbas

poli Spb.htm 534.62 699.62 698.236 626.261 534.235 534.62

Skirtingai nuo MapEdit programos, šis redaktorius į išvesties failą įrašo gana daug komentarų informacijos, įskaitant trumpą informaciją apie pačią programą, failo sukūrimo datą ir kt. Be to, po simbolio #, kuris reiškia komentaro pradžią eilutę, redaktorius komentarų eilutėms prideda simbolį $, kurį sukūrė pats redaktorius. Atkreipkite dėmesį į ketvirtą aukščiau esančio kodo eilutę, kurioje prašoma neredaguoti redaktoriaus įterptų komentarų.

Tas pats pavyzdys, išsaugotas CERN formatu, atrodytų taip:

rect (4096,4096) (4096,4096) mt:#$MTIMFH

rect (4096,4096) (4096,4096) mt:#$-:Vaizdo žemėlapio failą sukūrė Map THIS!

rect (4096,4096) (4096,4096) mt:#$-:Žemėlapis TAI! nemokama vaizdo žemėlapių rengyklė

Toddas C. Wilsonas

rect (4096,4096) (4096,4096) mt:#$-:Prašome neredaguoti eilučių, prasidedančių

su "#$"

rect (4096,4096) (4096,4096) mt:#$VERSION:1.30

rect (4096,4096) (4096,4096) mt:#$TITLE: Blazons

rect (4096,4096) (4096,4096) mt:#$DESCRIPTION: Serverio versija

vaizdų žemėlapiai

rect (4096.4096) (4096.4096) mt:#$

rect (4096,4096) (4096,4096) mt:#$DATE: 1999 m. rugsėjo 14 d., antradienis, 12:10:42

rect (4096,4096) (4096,4096) mt:#$PATH:C:\Programų failai\Mapthis\

rect (4096,4096) (4096,4096) mt:#$GIF:Blazons.gif

rect (4096,4096) (4096,4096) mt:#$FORMAT:cern

rect (4096,4096) (4096,4096) mt:#$EOH

default default.htm

rect (4096,4096) (4096,4096) mt:# Tomsko miesto herbas

stačiakampis (33,60) (191 246) Tomsk.htm

rect (4096,4096) (4096,4096) mt:# Jakutsko miesto herbas

circ (366 147) 109 Jakutsk.htm

rect (4096,4096) (4096,4096) mt:# Sankt Peterburgo miesto herbas

daugiakampis (534.62) (699.62) (698.236) (626.261) (534.235) (534.62) Spb.htm

Kaip matote iš aukščiau pateikto kodo, redaktorius naudoja šiek tiek dirbtinę techniką, kad saugotų komentarus, tiek įvestus vartotojo, tiek sugeneruotus pačios programos. Priminsime, kad CERN formatas neleidžia nurodyti komentarų eilučių, todėl redaktorius sukuria tokią eilutę kaip

tiesus (4096 4096) (4096 4096),

kurio pabaigoje galite įdėti bet kokį tekstą. Iš esmės tokia linija apibūdina stačiakampį, kuris akivaizdžiai yra už ekrano ribų, todėl jo buvimas neturi reikšmės. Žinoma, tokiu atveju konfigūracijos failo tekstas tampa daug griozdiškesnis ir nepatogiai skaitomas, o tai vis dėlto netrukdo programoms veikti. Šią komentarų išsaugojimo techniką galima pritaikyti.

Tas pats pavyzdys, išsaugotas kaip HTML failas (vaizdo žemėlapių kliento versijai), atrodys taip:

<МАР NAME="Blazons">

ALT="Tomsko miesto herbas"> !}

ALT="Jakutsko miesto herbas"> !}

HREF="Spb.htm" ALT="Sankt Peterburgo miesto herbas"> !}

Čia, skirtingai nei MapEdit programoje, vaizdo žemėlapio pavadinimas turi būti nurodytas rankiniu būdu, todėl jis gali nesutapti su failo pavadinimu su nuorodos vaizdu.

CrossEye programa

CrossEye konfigūracijos failų redagavimo programa, sukurta garsios Australijos kompanijos Sausage Software. Šią programą palankiai įvertins populiaraus HTML redaktoriaus HotDog gerbėjai, nes ji buvo sukurta tos pačios įmonės ir turi labai patrauklią, nuotaikingą sąsają.

Informaciją apie CrossEye paketą galite gauti iš:

http://www.sausage.com.au.

Išskirtiniai programos bruožai yra gana didelis platinimo rinkinio dydis (apie 2,5 MB), taip pat trumpas laikotarpis (14 dienų), per kurį ji gali būti naudojama vertinimo režimu. Didelio dydžio programos būdingos viskam programinė įranga, sukurta Sausage Software, o tai, matyt, dėl kūrimui naudojamų įrankių pasirinkimo (Visual Basic).

Deja, programa neturi būtinų savybių. Pavyzdžiui, nėra galimybės nuskaityti esamo HTML failo, todėl neįmanoma redaguoti esamo vaizdo žemėlapio, kuris buvo sukurtas anksčiau. Taip pat neįmanoma įrašyti savo darbo tiesiai į HTML failą. Išsaugoti rezultatus galima tik faile su specialiu plėtiniu EYE, kuris turi dvejetainę formą ir gali būti naudojamas ateityje tik šiame redaktoriuje. Sugeneruotas HTML kodas įrašomas į Windows mainų sritį, iš kurios jį galima nukopijuoti į bet kurį teksto rengyklę.

Kaip ir visuose aukščiau aprašytuose redaktoriuose, aktyvių sričių kūrimas ir redagavimas vykdomas tiesiai vaizde, tačiau vaizdas įkeliamas į langą, kurio dydis dėl nežinomų priežasčių negali būti pakeistas. Jei vaizdas didesnis nei langas, galite slinkti, kad peržiūrėtumėte vaizdą, bet negalite nustatyti aktyvios srities, kuri būtų už peržiūros lango ribų.

Kliento vaizdo žemėlapiui redaktorius apskritai nesiūlo nustatyti numatytojo URL šiai sričiai. Tai gali būti padaryta tyčia, nes ne visos naršyklės palaiko numatytąjį srities tipą. Tačiau aukščiau aprašyti redaktoriai šią problemą išsprendžia labai elegantiškai, automatiškai pakeisdami numatytąją sritį į stačiakampę sritį, kurios matmenys yra lygūs vaizdo matmenims.

Trūkumus tam tikra prasme kompensuoja tam tikros papildomos redaktoriaus funkcijos. Visų pirma galite sužinoti, kad papūga, kuri matoma aukščiau esančio paveikslėlio viršutiniame dešiniajame kampe, vadinama Polly. Jis yra gana kalbus, o vartotojai, dirbantys kompiuteriu, kuriame yra garso plokštė, kartkartėmis jie išgirs papūgos šūksnius, kurie, tačiau, neturi nieko bendra su atliekamais veiksmais. Ir viename iš dialogo langai Redaktoriaus nustatymuose netgi yra specialus elementas, leidžiantis užčiaupti vargšei papūgos burną. Čia yra aukščiausios kokybės paslaugų pavyzdys. Matyt, dėl išvardytų savybių yra įvertintas šio redaktoriaus įvertinimas http://www.tucows.com, yra labai didelis, ko negalima pasakyti apie dvi aukščiau aprašytas programas.

Galiausiai vartotojas gali pasirinkti redaktorių, skirtą kurti vaizdo žemėlapius.

Argumentai "už"

• Vaizdo žemėlapiai leidžia apibrėžti bet kokią atskaitos srities formą, o tai ypač naudinga norint nurodyti geografinę sritį. Todėl vaizdiniai žemėlapiai dažniausiai naudojami geografinėse srityse.
• Patogiau dirbti su viena nuotrauka - jums nereikia jaudintis dėl atskirų fragmentų sujungimo pjaustant, o paveikslėlį galima lengvai įdėti į reikiamą vietą.

Minusai

• Kai nuorodos sritis yra sudėtingos formos, HTML kodo kiekis padidėja. Kontūras aproksimuojamas tiesių atkarpų rinkiniu kiekvienam tokios atkarpos taškui, reikia nurodyti dvi koordinates, o bendras tokių taškų skaičius gali būti gana didelis.
• Atitinkamai didėja koordinačių nurodymo sudėtingumas. Nepatogu juos nurodyti rankiniu būdu, todėl tenka naudoti specialios programos, kurie vizualiai rodo sritis ir leidžia jas redaguoti.
• Keisdami vaizdą, pavyzdžiui, padidindami mastelį, turėsite iš naujo nustatyti visų atskaitos sričių koordinates.
• Vaizdo kortelėms negalima pritaikyti įvairių efektų, kurie pasiekiami supjaustant vieną paveikslėlį į fragmentus: riedėjimo efektas, dalinė animacija, individualus paveikslėlių optimizavimas greitam įkėlimui.
• Nėra aiškiai apibrėžtų nuorodų ribų. Todėl šios ribos turi būti paryškintos skirtingomis priemonėmis tiesiai vaizde. Jei paveikslėlis dėl kokių nors priežasčių neįkeliamas, suprasti nuorodų rinkinį tampa labai problematiška.

Vartotojo patogumo požiūriu vaizdų žemėlapiai turi tik vieną privalumą – įvairių formų nuorodų įtraukimą. Tai suteikia informacijos pateikimo aiškumo – neapsiribojame nuorodos stačiakampe forma ir galime naudoti sudėtingos konfigūracijos nuorodas savo tikslams.

Vaizdo kortelės įgyvendinamos dviem įvairių variantų- serveris ir klientas. Naudodama serverio parinktį naršyklė siunčia serveriui užklausą gauti pasirinktos nuorodos adresą ir laukia atsakymo su reikiama informacija. Šis metodas reikalauja papildomo laiko laukti rezultato ir atskirus failus kiekvienai vaizdo kortelei.

Kliento versijoje žemėlapis yra tame pačiame HTML dokumente kaip ir paveikslėlio nuoroda. Norėdami nurodyti, kad vaizdas yra žemėlapis, naudokite elemento atributą usemap . Reikšmė yra kortelės konfigūracijos aprašymo rodyklė, kuri nustatoma naudojant elementą

1 pavyzdys: vaizdo žemėlapio kūrimas

Talpyklos viduje

Elementas turi šiuos atributus.

• forma – apibrėžia aktyvios srities formą. Forma gali būti apskritimo (apskritimo), stačiakampio (stačiakampio), daugiakampio (polio) formos.
• alt – kiekvienai sričiai prideda alternatyvų tekstą. Tarnauja tik kaip nuorodos komentaras, nes ji nerodoma ekrane. Privalomas atributas, jei yra href.
• pavadinimas – rodo patarimą, kai užvedate pelės žymeklį virš srities.
• href – nurodo dokumento adresą, į kurį reikia pereiti, jo poveikis panašus į panašaus elemento atributą .
• coords – nustato aktyvios srities koordinates. Koordinatės matuojamos pikseliais nuo viršutinio kairiojo vaizdo kampo, kuris atitinka reikšmes 0, 0. Pirmasis skaičius yra horizontali koordinatė, antrasis – vertikali koordinatė. Koordinačių sąrašas priklauso nuo srities formos.

Apskritimui nurodyti trys skaičiai - apskritimo centro ir spindulio koordinatės.