Andre former af links
Links, eller hyperlinks, som er det rigtige udtryk, er en
nødvendig grundsten i webprogrammering. Her på siden ser vi
nærmere på andre typer af links.
Links i billeder
En link kan også indsættes i billeder. Det
første vi skal gøre er at indsætte et billede på index-siden.
Du kan anvende et hvilket som helst billede, men i vores
eksempel vil vi anvende en knap, som den du ser her. Du kan
finde flere fede knapper og meget andet under Grafik
>>
|
Start med at downloade grafikken. Du
højreklikker på billedet/knappen og vælger Gem
billede som ...! Find så et passende sted på din
harddisk og tryk Gem! |
 |
INDSÆT BILLEDET PÅ SIDEN
åben nu index-siden og tryk på Indsæt> Billede> Fra
fil. Nu åbner et vindue magen til det vi arbejdede med i
lektionen "Den første side", da vi skulle indsætte
et baggrundsbillede på siden.
Du kan vælge noget grafik fra selve webstedet
eller trykke på ikonen Vælg en fil på computeren. Tryk
på ikonen og find billedet på din harddisk! Tryk Ok to
gange.
INDSÆT EN LINK I BILLEDET
Man indsætter en link i et billede på samme måde, som vi
gjorde med en tekststreng. Marker billedet og tryk på knappen Indsæt
hyperlink! Vælg den side du har lavet i mappen links.
Du har nu indsat et grafisk element - en knap -
med et link vedhæftet. Prøv om det virker i din browser.
SE
EKSEMPEL >>
DHTML
Som tidligere nævnt kan man bruge DHTML til at
opnå en såkaldt mouse-over-effekt.
|
Til det skal vi bruge endnu et billede,
som det første bliver skiftet ud med, når musen
bevæges hen over knappen. Gem dette billede på din
harddisk, som vi gjorde med det første billede! |
 |
LAV MOUSE-OVER-EFFEKT
Vælg nu Formater> Dynamiske HTML-effekter! Nu
fremkommer en værktøjslinie som denne:
Værktøjslinien DHTML anvendes fra venstre mod
højre. Start med at klikke på rullemenuen Aktiver og
vælg Når musen flyttes hen over! Vælg nu Anvend>
Byt om på billede og klik på Byt om på billede! Nu
finder du det andet billede på din harddisk og trykker Ok!
Prøv nu at se din side i browseren og kør
musen hen over knappen. Læg mærke til at grafikken er lavet
med skyggeeffekter, som gør, at det ser ud, som om knappen
trykkes ned.
SE
EKSEMPEL >>
Du kan prøve at lege med nogle af de andre
DHTML-effekter. Den mest brugbare er nok mouse-over-effekten,
men nogle af de andre kan være temmelig underholdende at lege
med.
Du kan som nævnt finde en masse flere knapper
på vores grafiksider.
Hotspot
Du kan indsætte et hotspot i et hvilken som
helst billede, hvor du kun ønsker linken hæftet på en del af
billedet. Prøv at markere et tilfældigt billede. Nu fremkommer
værktøjslinien Billede, som ser således ud, nederst
på skærmen:
I højre side finder du de tre knapper, som du
kan bruge til at indsætte hotspots med. Klik på en af disse og
træk derefter musen over den del af billedet, hvor linken skal
indsættes. Nu åbner FrontPage automatisk vinduet Egenskaber
for hyperlink, og du kan som ved de andre links vælge en
side eller selv indtaste en webadresse.
stem her!
Nu skal vi prøve at arbejde lidt med rammer
...
|
