Post on 04-Jul-2015
description
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.