1

Tipuri de hiperlegături şi efecte aplicate acestora

2

Conţinuturi

1. Definiţie şi structură2. Clasificare3. Creare hiperlegături interne4. Creare hiperlegături externe5. Creare semne de carte6. Efecte de planare (rollover) asupra

hiperlegăturilor 7. Efecte Dynamic HTML8. Creare imagine-hartă

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)

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)

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

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ă

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

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.

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ă)

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 acestuia6. Se ataşează o hiperlegătură pe acest punct fierbinte prin click

dreapta pe el şi Insert Hyperlink7. 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, punctul fierbinte nu este creat.