Links Web-udvikling med FrontPage 2003 RHS - Informationsteknologi.

Præsentationer af emnet: "Links Web-udvikling med FrontPage 2003 RHS - Informationsteknologi."— Præsentationens transcript:

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)www.rhs.dk 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