Evnen til at oprette et link i et dokument, der tager dig til et andet dokument, måske på et netværk halvvejs rundt om i verden, er nok den vigtigste årsag til, at World Wide Web blev opfundet. Disse links, kaldet hyperlinks, er "H" i HTML (HyperText Markup Language). Uden hyperlinks ville internettet ikke være meget nyttigt. Der ville ikke være søgemaskiner, sociale medier eller bannerannoncer (ok, de fleste af os kunne stå for at se dem gå).
Når du opretter dine egne websider, vil du gerne oprette hyperlinks, og KompoZer har værktøjer, der gør det nemt at tilføje links af enhver type. Prøvesiden, der vises i denne vejledning, indeholder links til andre websteder i fire kategorier, til andre dele af samme webside og for at starte en e-mail-besked. Jeg starter med en overskrift og fire
H3 overskrifter for hver kategori. På næste side tilføjer vi nogle links. 01 af 05
Oprettelse af et hyperlink med KompoZer
Komposer's hyperlinkværktøjer fås ved at klikke på linkknappen på værktøjslinjen. For at oprette et hyperlink:
- Placer markøren på den side, hvor du vil have dit hyperlink til at vises.
- Klik på knappen Link på værktøjslinjen. Dialogboksen Link egenskaber vises.
- Det første felt du skal udfylde er Link Text-feltet. Indtast den tekst, du vil se på siden for dit hyperlink.
- Det andet felt, du skal udfylde, er feltet Link placering. Indtast webadressen på den side, som dit hyperlink vil tage brugeren, når den klikkes. Det er en god idé at kopiere og indsætte webadressen fra adresselinjen i din browser. Du er meget mindre tilbøjelige til at begå en fejl på denne måde, og du ved i hvert fald på tidspunktet for dit link oprettelse, at siden er i live, og at linket ikke er brudt.
- Klik på OK, og dialogboksen Link egenskaber lukkes. Dit link vises nu på din side.
På de fleste browsere vises hyperlinket som standard med blå understreget tekst. Du kan anvende dine egne stilarter til hyperlinks med KompoZer, men for nu vil vi holde fast ved det grundlæggende hyperlink. Det er en god idé at forhåndsvise din side i en webbrowser og klikke på linkene for at sikre, at de fungerer.
02 af 05Oprettelse af en ankerforbindelse med KompoZer
Der er en anden form for hyperlink, der fører dig til en anden del af den samme webside, når du klikker. Denne form for hyperlink hedder et ankerlink, og området på siden, du bliver taget til, når du klikker på dette link kaldes ankeret. Hvis du nogensinde har brugt linket "Tilbage til toppen" nederst på en webside, klikker du på et link til et anker.
KompoZer giver dig mulighed for at oprette ankre, som du kan linke til ved at bruge ankerværktøjet på værktøjslinjen.
- Klik på det område på din side, hvor du vil have et anker. Det vil sige, hvor du vil have sidebeskederen til at blive taget til, når et ankerlink klikkes. For dette eksempel klikte jeg lige før "F" i favorithovedteksten.
- Klik på Anker-knappen på værktøjslinjen. Dialogboksen Navngivne ankeregenskaber vises.
- Hvert anker på en side har brug for et unikt navn. Til dette anker brugte jeg navnet "musik".
- Klik på OK, og du skal se, og anker symbolet vises på det sted, du ønskede ankeret. Dette symbol vises ikke på din webside, det er bare, hvordan KompoZer viser dig, hvor dine ankre er.
- Gentag proceduren for andre områder på siden, hvor du vil have, at brugerne kan hoppe til. Hvis du har meget tekst på siden adskilt af overskrifter eller en anden logisk divider, er ankre en nem måde at navigere på en side.
Derefter vil vi oprette de links, der tager læseren til de ankre, du har skabt.
03 af 05Oprettelse af side navigation med KompoZer
Nu hvor du har ankre på din side, lad os oprette de links, der vil blive brugt som genveje til de ankre. Til denne vejledning oprettede jeg en 1 række, 4 kolonne tabel under den øverste overskrift på siden. Hver tabelcelle indeholder den samme tekst som en af de kategorioverskrifter, der bruges til at adskille linkene på siden. Vi vil gøre teksten i hver af disse tabelceller et link til det tilsvarende anker.
04 af 05Oprettelse af hyperlinks til ankre med KompoZer
Nu hvor vi har vores ankre på plads og den tekst, som vi vil bruge til navigation i siden, kan vi slå disse almindelige tekstbiter til links. Vi vil bruge Link-knappen igen, men denne gang vil det fungere lidt anderledes.
- Vælg den tekst, du vil omdanne til et link. I dette eksempel valgte jeg teksten "Favoritmusik", der er i den første tabelcelle øverst på siden.
- Klik på knappen Link på værktøjslinjen. Dialogboksen Link egenskaber åbnes.
- I dette tilfælde valgte vi tekst, før vi klikker på link-knappen, så linktekstdelen af vinduet er allerede udfyldt og kan ikke redigeres. Klik på nedpilen i afsnittet Linkplacering. Du vil se en liste over de ankre, du oprettede i de foregående trin. For dette eksempel vælger jeg #music ankeret.
- Klik på OK. "Favoritmusik" -teksten i navigationslinjen bliver til et link, der får seeren til at hoppe til det pågældende afsnit på siden, når den klikkes.
Du vil bemærke, at hvert navngivet anker i rullemenuen har et "#" tegn foran det. Sådan oprettes et link til et anker i HTML. "#" Foran ankernavnet fortæller browseren, at dette link fører dig til et andet sted på samme side.
05 af 05Oprettelse af et hyperlink fra et billede med KompoZer
Vidste du, at du kan oprette et link fra billeder såvel som tekst? KompoZer giver dig mulighed for at gøre dette ved kun et par klik. Her har jeg indsat et lille ikonbillede, der viser en opadgående pegepile og teksten "TOP" nederst på siden. Jeg skal bruge dette billede som et link for at hoppe tilbage til toppen af siden.
- Højreklik på et billede og vælg Billede og Link egenskaber fra kontekstetiketten. Dialogboksen Billedegenskaber åbnes.
- På fanen Placering vil du se billedets filnavn og en miniaturevisning, der allerede er udfyldt. Du skal indtaste nogle tekst i tekstboksen Alternativ. Dette er hvad der vises, når du flytter musen over billedet, og også hvad der læses af en skærmlæser, når en synshandicappede læser websiden.
- Klik på fanen Link. Her kan du vælge et anker fra menuen, ligesom vi gjorde med ankerforbindelserne. Faktisk bruges dette billede som et ankerlink. Jeg valgte #Links_Of_Interest ankeret, der tager os tilbage til toppen.
- Klik på OK. Billedet linker nu tilbage til toppen af siden, når det klikkes.
