În capitolul precedent, am învățat cum să transforme blocuri de text într-un hyperlink. Dar, în afară de text, hyperlink-uri pot fi făcute și o imagine grafică. Astfel de imagini, hyperlink-uri sunt adesea găsite pe paginile web.
Dar, mai presus de toate, pentru a pregăti imaginea. Acest lucru va fi pictograma „podea comerciale“, de multe ori folosit ca un simbol de e-mail.
Fig. 4.8.Znachok „podea comercial“ - un simbol al e-mail
În cazul în care hyperlink-uri de imagine de frontieră are o altă valoare decât zero, cadrul din jurul imaginii de pe desen, va avea aceeași culoare, care a fost stabilit pentru hyperlink-uri în proprietățile generale ale acestei pagini. În cazul nostru, acest cadru va avea o culoare albastru deschis pentru albastru nevizitate, inchis pentru roșu vizitat și luminos pentru hyperlink-uri active. Acest efect poate fi utilizat în mod specific pentru a face design original, pagini web, dar, de obicei, nu este în uz.
HTML-cod, care este folosit pentru a insera un hyperlink imagine este după cum urmează:
Se pare că acest lucru se poate face. Astfel de imagini sensibile la acțiunile utilizatorului sunt numite active. Și Dreamweaver vă permite să le faci câteva clicuri de mouse. Singurul lucru pe care trebuie să aibă grijă este a doua imagine, care va apărea în locul original, atunci când utilizatorul trece cu mouse cursorul mouse-ului pe el (așa-numitele imagini suprapuse).
Imagine activă introdusă prin apăsarea Rollover Image (fig. 4.9) cotorul obiecte panou sau puncte de imagine rollover interactive Imagini submeniul meniul Inserare. În acest caz, apare pe caseta de dialog Imagine ecran Inserare Rollover, așa cum este prezentat în Fig. 4.10.
Fig. 4.9.Knopka rollover obiecte pe panoul de imagine
Fig. 4.10.Dialogovoe fereastra Inserare imagine rollover
În caseta de introducere Nume imagine Introduceți un nume unic lipit imagine activă. Numele trebuie să conțină numai litere, cifre și caractere de subliniere, și trebuie să înceapă cu o literă. Verificați numai dacă numele este unic, într-adevăr.
În câmpul de intrare imaginea originală introduceți numele fișierului a imaginii originale. Dacă nu doriți să-l introduceți manual, faceți clic pe butonul Browse din dreapta a campului de intrare. După aceea, caseta de dialog Select Image Source afișează pe ecran (vezi. Fig. 4.3), unde puteți selecta fișierul dorit.
În câmpul, introduceți numele fișierului imagine suprapunere imagine rollover. De asemenea, dacă vă simțiți ca să conduci manual pentru a ajuta vine întotdeauna butonul Browse.
Verificați caseta preîncărcarea imagine rollover cauze Dreamweaver pentru a genera și inserați HTML codul paginii un program un pic script care încarcă în avans suprapunerea imaginilor. Această casetă de selectare este activată în mod implicit, și dezactivați opțiunea nu ar trebui să fie. Dacă am opri, imaginile se suprapun vor fi descărcate atunci când apare o nevoie, t. E. Atunci când utilizatorul pune pe imaginea cursorului mouse-ului.
În caseta de text Text alternativ introduceți „text alternativ.“ Este mai bine să-l introduceți.
Fig. 4.10 în câmpurile de introducere corespunzătoare se înlocuiesc cu toate valorile necesare. Trebuie să-l introduceți și faceți clic pe OK, iar apoi va fi creat imaginea activă. Redimensionarea-l dacă doriți.
În momentul de față, să nu folosească Web pe paginile lor, hărți de imagine. Cu toate acestea, exemplul de a crea un plumb este necesar, astfel vom crea un special web-pagină și o imagine specială pentru scopuri educaționale. Fișierul de imagine numit Map.gif, și fișierul pagină - 4.2.htm. Această pagină nu conține nimic altceva decât imaginea (figura 4.11).
Fig. 4.11.Uchebnaya Web-site-ul cu hărți de imagini
După aceea, după cum ați observat, Dreamweaver umple linia de câmp de intrare Harta „Harta“. Ce înseamnă? Acesta este un nume unic pentru imagine, hiper-link-uri, care vor fi utilizate de Web-Based. Dacă aveți de gând doar o singură imagine carte, puteți lăsa numele implicit pe pagina dvs., în caz contrar da un nume unic, chiar dacă „Mar1. Rețineți că aceste nume sunt permise doar litere, cifre, și subliniază, și începe numele trebuie să fie o literă.
După ce a ocupat de modul în care parametrii sunt „zona fierbinte“, din nou, să acorde o atenție la imaginea și „zona fierbinte“ foarte. Ați observat, probabil, că colțurile dreptunghiului, care este cel mai „zona fierbinte“, sunt mici pătrate albastre - mânerele de dimensionare. „Capturarea“ mouse-ul de orice astfel de jetoane, puteți modifica dimensiunea „zona fierbinte“. Și, în scopul de a se muta în altă locație, pur și simplu trageți mouse-ul. Cu toate acestea, înainte ca toate aceste operații, verificați dacă butoanele prezentate în Fig. 4.12, presate una pe care o săgeată, și, dacă nu, faceți clic pe ea.
Poligonală „zonă fierbinte“ creează un pic mai complicat. Făcând clic pe butonul cu imaginea unui poligon, în primul rând, faceți clic într-un loc în care ar trebui să fie plasat mai întâi din punctele de colț ale zonei poligonal. După aceea va fi un punct albastru - începutul poligonului nostru. Apoi faceți clic pe unde trebuie să existe un al doilea punct de colț, și Dreamweaver va organiza între aceste două puncte de linie. Următoarea va faceți clic pe locația celelalte puncte de colț ale poligonului, un Dreamweaver se va organiza între linii, care formează poligonală dorită ne-o zonă „fierbinte“. Puteți trage apoi mouse-ul oriunde în această zonă. Asta e doar pentru a introduce un nou punct de colț sau pentru a elimina vechi nu va fi în măsură să - trebuie să eliminați creat un spațiu „fierbinte“ și de a crea unul nou.
Evidențiați poligonală „zonă fierbinte“, în cazul în care nu este selectată, introduceți în câmpul de introducere Src numele de fișier 3.1.htm - pagina noastră de start și apăsați
Rămâne pentru a descrie destul de un pic de caracteristici suplimentare oferite de Dreamweaver pentru a lucra cu hărți de imagini.
Fig. 4.14.Gotovaya imagine harta
Link element de meniu contextual afișează caseta de dialog Selectare fișier în care puteți selecta fișierul care va invoca o „zonă fierbinte“.
Alt element de meniu de comenzi rapide vă va permite să utilizați caseta de dialog Modificare atribut, setați textul „alternativ“.
Fig. 4.15. Caseta de dialog modificare a atributelor
Și de puncte Adu în față și Trimite Spatele același meniu contextual inepuizabil va vorbi mai detaliat.
Uneori se întâmplă că cele două „zona fierbinte“ se suprapun, adică. E. Au un fragment comun. În acest caz, atunci când faceți clic pe un „teritoriu disputat“ activat „zona fierbinte“, situat pe partea de sus, iar pe partea de sus există întotdeauna o zonă care a fost creat ultima. Dar aceasta nu funcționează întotdeauna loc „zona fierbinte“, așa cum prevede planul. Deci, pentru a gestiona suprapunerea lor, obiectele folosite pentru a aduce față și Trimitere spre spate meniul contextual. Prima poartă o dedicat „zonă fierbinte“ la etaj, iar al doilea - „împinge“ în jos ei.
În acest din urmă caz, puteți utiliza, de asemenea, puncte Adu în față și spre spate Trimitere submeniu Aranjați meniul Modificare.