2. Conţinuturi
1. Definiţie şi structură
2. Clasificare
3. Creare hiperlegături interne
4. Creare hiperlegături externe
5. Creare semne de carte
6. Efecte de planare (rollover) asupra
hiperlegăturilor
7. Efecte Dynamic HTML
8. Creare imagine-hartă
2
3. 1. Definiţie şi structură
Hiperlegătură = Element dintr-o pagină web
(text/hipertext sau imagine/buton) prin intermediul
căruia se realizează legătura către o anumită
destinaţie, care poate fi:
- o altă pagină web, fie din interiorul, fie din exteriorul
website-ului (cazul hiperlegăturilor interne şi
externe)
- un anumit loc din aceeaşi pagină web (cazul
semnelor de carte)
3
4. 2. Clasificarea hiperlegaturilor
Hiperlegături interne = care indică destinaţii
conţinute în website-ul curent
Hiperlegături externe = care indică destinaţii dintr-un
alt website
Semn de carte = destinaţia care indică un anumit loc
de pe o pagină din website-ul curent. Util pentru o
pagină lungă pe mai multe ecrane cu informaţii
dispuse structurat.
Imagine-hartă = element grafic ce conţine una sau
mai multe hiperlegături plasate pe zone denumite
puncte fierbinţi (hotspot)
4
5. 3. Creare hiperlegături interne
Click dreapta pe textul/imaginea selectată/Hyperlink/Existing
File or Web page/dublu click pe fisierul destinaţie din website-
ul curent
5
6. 4. Creare hiperlegături externe
Click dreapta pe textul/imaginea selectată/Hyperlink/Existing
File or Web page/în Address se tastează adresa website-ului
destinaţie
Textul de pe hiperlegătură
Zonă în care se
selectează
un fişier din listă
6
7. 5. Crearea semnelor de carte
1. Se selectează textul/imaginea configurată
ca semn de carte
2. Insert/Bookmark/Se dă nume semnului de
carte la “Bookmark name”/OK
3. Construirea legăturii către semnul de
carte se prin butonul “Place in this
document” din fereastra Insert Hyperlink
7
8. 6. Efecte de planare (rollover)
asupra hiperlegăturilor
File/Page properties/Advanced/Rollover Style
Se configurează
efectele de planare
dorite în fereastra
“Font” ce se va
deschide.
8
9. 7. Efecte Dynamic HTML
1. Inserăm textul/imaginea asupra căreia dorim să aplicăm
efect Dynamic HTML
2. Dăm click dreapta pe zona liberă din prelungirea barelor
de instrumente şi selectăm din meniul contextual
“Dynamic HTML” ca să afişăm bara Effects Dynamic
3. Dăm click dreapta pe textul/imaginea asupra căreia
dorim să aplicăm efect Dynamic HTML ca să activăm
bara Effects Dynamic
4. Configurăm în bara Effects Dynamic, efectele dorite
declanşate la diferite evenimente (click, dublu
click, mouse deasupra obiectului asupra căruia aplicăm
efectul, încărcare în pagină)
9
10. 8. Creare imagine-hartă
1. Inserăm imaginea dorită
2. Facem vizibilă bara de instrumente Pictures:
View/Toolbars/Pictures
3. Click pe Instrumentul Text din bara Pictures pentru a crea un
mic punct fierbinte dreptunghilar pe imaginea inserată
4. Pentru a deplasa punctul fierbinte se dă click în exteriorul lui
şi apoi se trage de el în poziţia dorită
5. Pentru a tastează orice text în interiorul punctului fierbinte se
dă click în interiorul acestuia
6. Se ataşează o hiperlegătură pe acest punct fierbinte prin click
dreapta pe el şi Insert Hyperlink
7. Se mai pot utiliza şi instrumentele Rectangular
Hotspot, Rectangular Circular, Rectangular Polygonal, cu
precizarea că trebuie să avem creată destinaţia hiperlegăturii
înainte de a crea punctul fierbinte pentru că dacă executăm
click pe Cancel în caseta de dialog Insert Hyperlink, punctul10
fierbinte nu este creat.