hjemmesider webdesign frontpage gratis grafik scripts javascripts asp html css tutorial begynder hjemmeside  homepage programmering artikler tools
Gå til forsiden   Tips & Tricks, søgemaskiner, optimering, webhoteller, layout, design og meget mere Gratis grafik - knapper, gif, billeder, ikoner m.m. FrontPage - alle kan lave hjemmesider Læs interessante artikler om web og Internet? Prøv vores Online Tools ... vi genererer dine koder Scripts inddelt i kategorier
Tutorials om webprogrammering
Få svar på spørgsmål om web og programmering
hjemmesider
tutorial lektion gode råd hjemmeside programmering internettet hjemmesider struktur webdesign layout tricks grafik webprogrammering grafikbehandling Startsiden > Tutorials > Godt fra start > 5. Tekst og links tutorial lektion gode råd hjemmeside programmering internettet hjemmesider struktur webdesign layout tricks grafik webprogrammering grafikbehandling
 

hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering

Overvej nøje ...

Tutorial - Godt fra start

5. Tekst og links

Brug en fornuftig struktur og pas på med for meget tekst på din hjemmeside. Besøgende har en tendens til kun at skimme siderne og læse overskrifter og links.

Tekst

Når det drejer sig om teksten på din hjemmeside, er farvevalget, som beskrevet på forrige side, naturligvis vigtig at overveje.

Men med en hensigtsmæssig strukturering af teksten kan man også hjælpe den besøgende med at finde hoved og hale på indholdet af hjemmesiden.

På @-begynder har vi fx valgt en meget stringent struktur af vores overskrifter. De er hierarkisk opbygget, så hovedoverskriften er størst, herunder kommer en mere beskrivende overskrifttekst, inde i teksten underoverskrifter osv. Alt under hovedoverskriften tilhører dette emne, alt under underoverskrifterne tilhører dette underemne  og er samtidig en del af hovedoverskriften ... osv. osv. Altså en hierarkisk og stringent struktur.

Eksempler:

Først overskriften

Og overskriften uddybes med en tekst, der
beskriver emnet nærmere.

Dernæst underoverskrifter

FLERE NIVEAUER AF UNDEROVERSKRIFTER

 

En sådan struktur er kendt fra fx bøger og aviser, hvilket gør, at den besøgende kender systemet og ved, hvad han kan forvente. Uanset om du vælger en struktur som denne eller en anden, bør du altid anvende din struktur meget konsekvent ... altså ens overalt på hjemmesiden.
 

IKKE FOR MEGET TEKST
Man læser anderledes på en skærm end på papir. Ofte gider folk ikke læse for meget og skimmer en side. Du kender det nok fra dig selv ... man læser hurtigt overskrifter og links.

Afhængig af hvilken type hjemmeside, du har, bør du altså i videst muligt omfang begrænse tekstmængden. På mange hjemmesider vil det være ideelt, hvis der ikke er meget mere tekst, end der kan stå på skærmen ... så den besøgende er fri for at skulle scrolle.

Dette er naturligvis ikke muligt på alle sider, hvilket @-begynder er et godt eksempel på ... informative sider vil ofte have behov for mere tekst pr. side.

Links

Dine links skal supplere teksten på en sådan måde, at de passer til designet, men samtidig skiller sig så tilpas meget ud, at besøgende kan genkende dem som links.

Som standard er links samme font som teksten og mørkeblå med understregning .... Eksempel på standard linkdesign.

En sådan standard er god, fordi alle kender den og derfor genkender teksten som et link. Man skal som webmaster tænke sig godt om, hvis man fraviger den. Særlig understregning er en typisk attribut for links. På @-begynder har vi valgt at fjerne denne understregning. Til gengæld fremkommer understregning, når du fører musen over et link ... en såkaldt mouse-over-effekt.
 

LINKS I TEKST
Pas også lidt på med links inde i din tekst. Hvis du indsætter alt for mange links i teksten, risikerer du, at den besøgende klikker på dem ... og aldrig kommer tilbage og læser teksten til ende. Dette er naturligvis særligt et problem, hvis du linker til sider uden for din egen hjemmeside.
 

SIGENDE LINKS
Sørg for at anvende sigende tekster til dine links. Der er intet mere intetsigende end en masse "klik her". Alt for ofte ser man eksempler som dette:

Der er nyt om vores eftermiddagstræning Klik her
Hvorfor bruge klubbens omklædning Læs mere her
Opslagstavlen Klik her

OBS - disse links er blot (dårlige) eksempler og derfor ikke aktive.

 

Brug hellere ord, som beskriver, hvad linken peger hen til. Som fx her:

Der er nyt om vores eftermiddagstræning Eftermiddagstræning
Hvorfor bruge klubbens omklædning Omklædning
Læs de sidste nyheder Opslagstavlen

OBS - disse links er blot eksempler og derfor ikke aktive.

 

Ud over at gøre hjemmesiden mere læsevenlig og overskuelig er dette en stor hjælp til handikappede ... blinde anvender nemlig normalt en tekstlæser, hvor de som standard for oplæst overskrifter og linktekster, når de kommer ind på en ny hjemmeside.
 

LINKS TILTRÆKKER OPMÆRKSOMHED
Som tidligere nævnt skimmer den besøgende ofte en hjemmeside ved bare at læse overskrifter og ... links. Dette er endnu en god grund til at anvende sigende tekster i dine links.

Men er ikke kun mennesker, der bemærker linktekster. Også søgemaskiner vægter tekster i links højere end fx brødtekst. Endnu en god grund til at overveje brug, antal og tekster i dine links. Jo bedre sammenhæng imellem links og det øvrige indhold på siden - jo højere "karakter" får du på søgemaskiner - og jo flere besøgende får du.

Du kan læse mere om søgemaskiner og linkpopularitet i @-begynders tutorial om søgemaskineoptimering >>

 

 

Så meget om grafik og farver. Men der skal jo mere til for at lave en hjemmeside. Gode råd om tekst og links i næste lektion ...

gå tilbage tilbage  næste gå til næste

 

 

stem her!

 

 

Valid XHTML 1.0! Valid CSS!

Startside  - Foretrukne  - E-mail - Sitemap

Til toppen >>

 

powered by FreeFind

hjemmesider webdesign frontpage grafik scripts asp html css tutorial hjemmeside  homepage programmering
hjemmesider webdesign frontpage grafik scripts asp html css tutorial hjemmeside  homepage programmering

 Annoncer her ...!

tutorial lektion gode råd hjemmeside programmering internettet hjemmesider struktur webdesign layout tricks grafik webprogrammering grafikbehandling
tutorial lektioner vejledning programmering webskole undervisning online html xhtml web css internet webdesign © 2004 now@net tutorial lektioner vejledning programmering webskole undervisning online html xhtml web css internet webdesign