Links

1. Links Web-udvikling med FrontPage 2003 RHS - Informationsteknologi

2. Links • Et (hyper)link er blot en reference til en anden webside. Det kan være til • En andet sted på samme webside • En anden webside på samme website • En webside hvor som helst på WWW • E-mail adresse • Et link kan præsenteres for en bruger på mange måder – tekst, grafik eller en knap. RHS - Informationsteknologi

3. Links – simpelt tekstlink Markér tekst som skal blive til link, og højreklik Vælg ”Hyperlink” RHS - Informationsteknologi

4. Links – simpelt tekstlink Den tekst, som skal vises for hyperlinket Det sted, der linkes til (her en ekstern website) RHS - Informationsteknologi

5. Links – simpelt tekstlink Klikker vi på linket, åbner websiten www.rhs.dk (tryk F12 for at teste det) RHS - Informationsteknologi

6. Links – simpelt tekstlink • Bemærk følgende om tekstlink: • Et link er understreget, så brug ikke understregning til andet • Som regel har links en anden farve end almindelig tekst • Efter linket har været benyttet, skifter farven til en tredje farve • Konkrete farver bestemmes af sidens egenskaber RHS - Informationsteknologi

7. Links – simpelt tekstlink Her kan farverne for links sættes (husk at være konsistent!) RHS - Informationsteknologi

8. Links – grafisk link Det er samme princip for at lave et billede til et hyperlink Markér billedet, højreklik, og vælg ”Hyperlink” RHS - Informationsteknologi

9. Links – grafisk link NB: Kan være smart at angive et ”skærmtip” til linket – vises som et lille ”tooltip” Det sted, der linkes til (helt som før…) RHS - Informationsteknologi

10. Links - destination • I de forrige eksempler åbner den webside vi linker til i det samme vindue som linket stod i (hele vinduet) • Der er andre muligheder • Nyt vindue • Anden ramme på samme side (kun for rammesider) • Dette kaldes destinationsrammen RHS - Informationsteknologi

11. Links - destination RHS - Informationsteknologi

12. Links - destination Ny linksamling, denne gang med tre rammer på siden RHS - Informationsteknologi

13. Links - destination Vi laver teksten ”Facebook” til et link, helt som før… RHS - Informationsteknologi

14. Links - destination Vi kan nu vælge destinationsrammen, blot ved at klikke på rammen i billedet RHS - Informationsteknologi

15. Links - destination Nu vil siden der linkes til åbne i venstre ramme, og kun der! RHS - Informationsteknologi

16. Links - destination Facebook sat til at åbne i venstre ramme YouTube sat til at åbne i højre ramme RHS - Informationsteknologi

17. Links - destination • Åbn linket webside i nyt vindue, hvis den • Rummer hjælpe-information, som brugeren hele tiden vil have adgang til • Rummer materiale som er udenfor selve websitens egentlige emneområde (typisk links til en ekstern website) • Eksempel: Betaling af vare RHS - Informationsteknologi

18. Links - destination • Åbn linket webside i samme vindue, hvis • Brugeren ikke har brug for information eller elementer fra det oprindelige vindue • Brugeren kan komme videre rundt på websiten fra den nye side • Som minimum bør sådan en side have et ”tilbage til forsiden” link RHS - Informationsteknologi

19. Links - destination • Åbn linket webside i ny ramme i samme vindue, hvis • Andre rammer i vinduet rummer ”permanent” information såsom menuer, bannere med videre • Den webside der linkes til ikke selv indeholder links (hvor skal de i givet fald åbnes…?) • Eksempel: Præsentation af produkt, med alle detaljer på den samme side RHS - Informationsteknologi