Den enkleste måten å dele opp på en nettside
For å bygge en ren, velorganisert, lettlest webside, hold deg til det grunnleggende. HTML 5 og CSS 3 kan få all pressen, men grunnleggende HTML-elementer som overskrifter, avsnitt og noen velplacerte tabeller kan effektivt dele en side for å kommunisere meldingen. Her er noen enkle, nyttige koder for å organisere et nettsted.
overskrifter
Titler, i en rekke størrelser, ta tak i øyet og pek leserne til den informasjonen de vil lese. Start med en hovedtittel ved å bruke
eller tags:Velkommen til mitt nettsted
Velkommen til mitt nettsted
Bruk nedre overskrifter for å dele nettstedet vertikalt i seksjoner. Begrens topptekstene til to eller tre størrelser, alt fra
til og ikke mer enn tre eller fire seksjoner.avsnitt
avsnitt
Bruk avsnittet
tagg for å dele teksten i seksjoner som følger:
Første ledd tekst ...
Andre ledd tekst ...
Hold avsnittene små og konsise. Typiske weblesere skanner raskt innhold, så kom deg til punktet i første setning eller to før de kjeder seg og klikk på en annen lenke.
Bilder
Noen få velplasserte bilder hjelper også å dele siden i logiske seksjoner. Vary orientering til venstre og høyre for å bryte opp siden. Om mulig konvertere titler til bilder for å legge til stil og variasjon. Bilder fungerer også bra for å erstatte lenker og knapper.
tabeller
Bruk enkle tabeller for å dele siden horisontalt. Et enkeltbord, plassert etter tittelen, vil effektivt dele siden i to eller tre seksjoner. Bruk følgende HTML-kode:
Venstre kolonneinnhold går her ... | Senterinnhold går her .... | Riktig innhold går her ... |
Tabellen fyller siden med en venstre kolonne som tar 20 prosent av siden, en høyre kolonne tar ytterligere 20 prosent og midtkolonnen i mellom. Husk å huske valignattributtet slik at hver kolonne starter øverst og strømmer ned. Glem dette attributtet, og innholdet vil bli justert vertikalt til midten av siden. Legg til innholdet og juster kolonnebredden til presentasjonen ser riktig ut.
Linjer og grenser
En horisontal regel, kodet som "
"uten anførselstegn, eller en kant rundt et bord kan understreke en snittbrudd eller trekke øyet til en blokk med tekst. Bruk disse sparsomt og hold linjebredder til maksimalt to eller tre punkter. Eksperimenter med disse elementene for å se om de legger til eller forringer fra presentasjonen.
White Space
Blanke linjer og kolonner deler ofte en side bedre enn alle andre formater. Linjeskift, kodet som "
"uten anførselstegn, tomme avsnitt, kodet som selvlukkende koder som"
"uten anførselstegn, og tomme tabellkolonner skiller tekst og gjør layoutet mer behagelig for leseren. Tomt plass tar liten båndbredde og er egentlig den enkleste måten å dele en side på.