Am văzut cum să creăm o conexiune hipertext folosind text și am învățat, de asemenea, cum să folosim imaginile în paginile noastre web. Acum vom învăța cum să folosim imaginile pentru a crea hyperlink-uri.
Acest lucru va oferi următoarele, unde puteți face clic pe imagini pentru a ajunge la pagina de pornire a consultării.
Faceți clic pe următorul link
Acesta a fost cel mai simplu mod de a crea hyperlink-uri folosind imagini. Apoi vedem cum putem crea o conexiune de imagine sensibilă la mouse.
Imagini sensibile la mouse
Standardele HTML și XHTML oferă o caracteristică care vă permite să încorporați multe linkuri diferite într-o singură imagine. Puteți crea conexiuni diferite pe o singură imagine pe baza coordonatelor diferite disponibile în imagine. Odată ce conexiunea este atașată la diferite coordonate, putem face clic pe diferitele părți ale imaginii pentru a deschide documentele țintă. Astfel de imagini sensibile la mușchi, cum ar fi hărțile de imagini.
2 moduri de a crea hărți imagine:
- Imagini de pe hărți de pe hărți - aceasta este activată de atributul tag-ului ismap
și necesită acces la server și la o aplicație de procesare a imaginilor asociate.
- Hărțile de imagini de pe partea clientului sunt create cu atributul usemap al etichetei
, împreună cu etichetele corespunzătoare
Harta de imagini de pe server
Aici pur și simplu puneți imaginea în interiorul conexiunii hyper și utilizați atributul ismap care o face o imagine specială și atunci când utilizatorul face clic pe un spațiu din imagine, browserul transmite coordonatele indicatorului mouse-ului împreună cu adresa URL specificată în etichetă la serverul web. Serverul utilizează coordonatele mouse-pointer pentru a determina ce document să fie readus în browser.
Când se utilizează ismap, atributul href care conține etichetele trebuie să conțină adresa URL a aplicației de server ca cgi sau script etc. PHP gestionează cererea primită pe baza coordonatelor trecute.
Coordonate ale poziției mouse-ului pixelii de ecran numărați din colțul din stânga sus al imaginii, începând cu (0,0). Coordonatele precedate de un semn de întrebare sunt adăugate la sfârșitul adresei URL.
De exemplu, dacă utilizatorul dă clic pe 20 pixeli peste și 30 de pixeli în jos din colțul din stânga sus al următoarei imagini.
Faceți clic pe următorul link
Ce a fost produs de următorul fragment de cod:
După aceea, browserul trimite următorii parametri pentru a căuta serverul de web, care poate fi procesat de cartela script sau arhiva ismap.cgi și vă puteți conecta orice documente vă place la aceste coordonate:
În acest fel, puteți atribui conexiuni diferite la diferite coordonate ale imaginilor și când se face clic pe aceste coordonate, puteți deschide documentul asociat corespunzător. Pentru a afla mai multe despre atributul ismap. puteți verifica modul de utilizare a imaginilor ismap?
Notă: Veți învăța programarea CGI când studiați programarea Perl. Puteți scrie scriptul pentru a procesa aceste coordonate traversate folosind PHP sau orice alt script, de asemenea. Pentru moment, ne vom concentra atenția asupra învățării HTML și mai târziu puteți revizui această secțiune.
Hărți imagine de pe hărți
Hărțile pentru imaginile de pe partea clientului sunt permise de atributul usemap al etichetei