Imaginile active (hărțile de imagini) sau imaginile care simulează clicurile pe mouse vă vor permite să creați pe site-ul dvs. meniuri grafice de formă arbitrară. Utilizând acest meniu, cititorii vor putea călători prin toate aleile și căile site-ului dvs. Web. O imagine activă este pur și simplu o imagine cu așa-numitele puncte fierbinți, care se referă la adresele URL ale altor pagini sau noduri. Imaginea funcționează după cum urmează: atunci când utilizatorul face clic pe mouse-ul pe o imagine definită ca o imagine activă utilizând atributul ISMAR din eticheta IMG, coordonatele clicului sunt transferate pe serverul Web. Serverul arată în hartă (mapfile) pentru zona activă care conține coordonatele transmise. Dacă este localizată o astfel de zonă, adresa URL stabilită în adresa URL este activată și browserul utilizatorului navighează către o pagină nouă.
Cu ajutorul imaginilor active, puteți rezolva simultan două sarcini: creați un meniu al site-ului dvs. Web și plasați grafică pe acesta.
În funcție de browserele pe care le vizați, este posibil să fie necesar să accesați directorul cgi-bin de pe serverul Web. Este posibil să aveți nevoie să cereți administratorului serverului Web permisiunea de a scrie fișierele acolo. Cu toate acestea, este foarte ușor să plasați imagini active. Procesul de creare a acestora poate părea dificil la început, dar există programe disponibile pentru a proiecta astfel de imagini, este suficient să se indice granițele regiunilor active cu mouse-ul și să se atribuie fiecăruia un URL.
Unde pot pune imaginea activă pe server sau pe client?
Există două tipuri de imagini active: pe server și o nouă versiune la client. Imaginile primului tip sunt utilizate de server pentru a găsi zona corespunzătoare corespunzătoare a adresei URL și pentru a transfera pagina necesară în browser. Imaginile active care rulează pe computerul client stabilesc informații despre zona activă din pagina HTML, astfel că browserul însuși află care zone sunt active și solicită pagina dorită de la server.
Imaginile active, care lucrează la client, au mai multe avantaje. În primul rând, paginile cu ele pot fi transferate pe un alt server. În al doilea rând, serverul nu trebuie să efectueze o muncă suplimentară (de exemplu, pentru a vedea toate informațiile cu privire la zonele active), care este, sarcina pe server este redusă. Dacă utilizați imagini active pe server, directorul serverului cgi-bin trebuie să aibă un script corespunzător. Din motive de securitate, mulți administratori de sistem nu le place să permită oamenilor să se mulțumească în jurul serverului scriind scripturi în directorul cgi-bin. Dacă închiriați un server sau de a folosi doar spațiul de pe serverul altcuiva, poate fi nevoie de cineva în instanță pentru o lungă perioadă de timp, dar să fie în măsură să scrie script-uri. Dezavantajul imaginilor active care rulează pe mașina client este că numai browserele care acceptă HTML 3.0 le pot gestiona. Dacă utilizatorul are un alt browser, pe pagina dvs. va apărea o imagine grafică obișnuită, nu un mouse de detectare. Deci, nu aveți trei opțiuni: pentru a face imaginea curentă de pe partea de client pe care le poate descuraja de la oameni nobile, nu graba de a schimba browserele lor; puneți-l pe server și apoi aproape toată lumea va putea să o folosească; aplicați ambele tipuri de imagini pe o singură pagină. Ultima opțiune, aparent, este cea mai bună, deoarece veți practica cele mai noi mijloace ale NTM
Cum se face o imagine activă
Este ușor să determinați harta. Este necesar să deschideți în MarEdit un fișier care conține imaginea pe care doriți să creați regiunile active, apoi faceți clic și trageți cu mouse-ul, indicând limita zonei. Programul generează automat un fișier care descrie limitele zonei active. Apoi trebuie să atribuiți URL-ul acestei adrese URL. În orice loc din imagine, puteți desena zone active în formă de dreptunghi, poligon sau cerc și puteți defini o adresă URL pentru fiecare dintre ele. Zonele active pot chiar să se suprapună, dar în acest caz apar probleme. Este important să lăsați un spațiu între regiuni, astfel încât cititorul să fie sigur că activează legătura corectă. Cele mai multe browsere, atunci când sunt lovite pe intersecția mai multor zone active, consideră că cea care este prima care se găsește în hartă activă.
Limitele regiunilor active sunt date de coordonatele unghiurilor dreptunghiului și ale poligonului sau ale centrului și de raza cercului. Acești parametri sunt scrise pe hartă (fișier MAP)
După ce ați terminat crearea imaginii active, puteți salva fișierul rezultat în formatul NCSA sau CERN dacă va funcționa pe server sau în format CSIM dacă rulează pe mașina client. Restul lucrării este realizat de programul MarEdit. Creează o hartă pe server sau încorporează cardul de pe partea clientului în fișierul HTML pe care îl specificați. Dacă decideți să faceți o imagine activă de la client, Mar Edit editează datele numai pentru etichete <МАР>. Va trebui să setați eticheta însăși cu atributul USEMAR și să o plasați după etichetă . Nu uitați să scrieți simbolul # în fața numelui cardului în atributul USEMAR după cum urmează:
Cum se pune imaginea activă pe o pagină HTML
Când imaginea devine activă și adresa URL este definită pentru fiecare zonă activă, aceasta trebuie plasată pe o pagină HTML. Acest lucru se poate face în mai multe moduri, în funcție de imaginea pe care o faceți: pe server sau pe client.
Imagini active pe server
Vechea metodă testată pentru crearea de imagini active (pentru HTML 2.0) necesită utilizarea atributului ISMAR în eticheta IMG. Eticheta IMG se referă la imagine și trebuie plasată între etichetele de început și de sfârșit ale referinței la harta de fișiere. Trebuie să adăugați următoarea linie în fișierul HTML:
Atributul ISMAR afișează browserul că imaginea este activă. Când un clic al mouse-ului se face într-una dintre zonele sale, un mesaj care conține coordonatele de clic este trimis către server prin atributul ISMAR. Dacă ați încercat vreodată să conduceți cu mouse-ul pe o imagine activă, s-ar putea să fi observat că bara de stare din partea de jos a browserului Web arată ceva de genul:
Numerele după semnul întrebării sunt coordonatele indicatorului. Le veți vedea numai dacă utilizați imagini active pe server. Hărțile de imagini de pe partea clientului arată adresa URL sau linkul asociat cu zona hărții.
Dacă doriți ca un program special pe server să proceseze imaginea activă, trebuie să vă referiți la aceasta. Aceasta înseamnă că adresa URL care afișează bara de stare poate să arate astfel:
În acest caz, serverul pentru procesarea imaginii active este utilizat de un program numit imagemap, localizat în directorul cgi-bin. Pentru ca imaginile dvs. să funcționeze, trebuie să aflați de la administratorul de sistem exact ce server are nevoie. În funcție de software-ul serverului, înregistrarea imaginilor active din fișierul NTML va arăta astfel:
Aceste două exemple corespund serverelor cu diferite tipuri de software: în primul caz, programul de procesare a imaginii active nu este necesar, în al doilea caz este necesar să fie prezent.
Imagini active de la client
Spre deosebire de imaginile descrise în secțiunea anterioară, imaginile active de pe client funcționează independent de software-ul server și nu vor înceta să funcționeze chiar dacă transferați fișierele pe un alt server. Aceste imagini necesită doar două lucruri: un browser care acceptă HTML 3.0 și informații despre hartă înregistrate într-un fișier HTML. Iată un exemplu de link în fișierul HTML pentru acest tip de imagine activă:
Fig. 1.10. Exemplu de imagine activă
Imagini active care funcționează atât pe server, cât și pe client
Poate că doriți să fiți precauți și să faceți imagini care să funcționeze atât pe server, cât și pe client.
După ce creați imagini active pe server și pe client, nu este dificil să le combinați într-un singur fișier HTML. Pentru a face acest lucru, trebuie să faceți aceeași înregistrare în documentul HTML pe care îl veți face pentru imaginea activă de pe server. Nu uitați să adăugați atributul USEMAR = la eticheta IMG. Atributul USEMAR are o prioritate mai mare decât eticheta ISMAR, iar dacă browserul acceptă imagini active care rulează pe client, acesta recunoaște acest atribut. Un browser care nu știe despre astfel de imagini va ignora atributul USEMAR =.