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

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

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å.

Populære Innlegg