Nemeste måde at opdele en webside på
For at opbygge en ren, velorganiseret, letlæselig webside skal du holde fast i det grundlæggende. HTML 5 og CSS 3 kan få al pressen, men grundlæggende HTML-elementer som overskrifter, afsnit og et par velplacerede tabeller kan effektivt dele en side for at kommunikere din besked. Her er et par nemme, nyttige tags til at hjælpe med at organisere et websted.
headers
Titler, i forskellige størrelser, tag øjet og punktlæsere til de oplysninger, de vil læse. Start med en hovedtitel ved hjælp af
eller tags:Velkommen til mit websted
Velkommen til mit websted
Brug nedre overskrifter til at opdele webstedet lodret i sektioner. Begræns overskrifterne til to eller tre størrelser, lige fra
til og højst tre eller fire sektioner.Stk
Stk
Brug stykket
tag til at opdele tekst i sektioner som følger:
Første afsnit tekst ...
Andet afsnit tekst ...
Hold stykker små og koncise. Typiske weblæsere scanner hurtigt indhold, så kom til dit punkt i den første sætning eller to, før de keder sig og klik et andet link.
Billeder
Et par velplacerede billeder hjælper også med at opdele siden i logiske afsnit. Vary orientering til venstre og højre for at bryde op på siden. Om muligt konvertere titler til billeder for at tilføje stil og sort. Billeder fungerer også godt for at erstatte links og knapper.
Borde
Brug enkle tabeller til at opdele siden vandret. Et enkelt bord, der er placeret efter titlen, vil opdele siden effektivt i to eller tre sektioner. Brug følgende HTML-kode:
Venstre kolonne indhold går her ... | Center indhold går her .... | Ret indhold går her ... |
Bordet fylder siden med en venstre kolonne, der tager 20 procent af siden, en højre kolonne tager yderligere 20 procent og midtkolonnen imellem. Husk at huske valignattributten, så hver kolonne starter øverst og strømmer ned. Glem denne attribut, og indholdet justeres lodret til midten af siden. Tilføj indholdet og juster derefter kolonnebredderne, indtil præsentationen ser rigtigt ud.
Linjer og grænser
En vandret regel, kodet som "
"uden citater eller en kant omkring et bord kan fremhæve en sektionsbrud eller trække øjet til en tekstblok. Brug disse sparsomt og hold linjebredder til maksimalt to eller tre punkter. Prøv med disse elementer for at se om de tilføjer eller forringer fra præsentationen.
Hvidt rum
Blanke linjer og kolonner deler ofte en side bedre end alle andre formater. Linje pauser, kodet som "
"uden citater, tomme afsnit, kodet som selvlukkende tags som"
"uden citater, og tomme tabelkolonner adskiller tekst og gør layoutet mere behageligt for læseren. Tomme rum har lille båndbredde og er virkelig den nemmeste måde at opdele en side på.