Lage websider Alt-i-ett til dummies Cheat Sheet - dummies

Av Richard Wagner

Med mindre du er en profesjonell webdesigner, du kan være litt usikker på - og kanskje til og med litt skremt av å finne ut hvor du skal begynne å lage ditt nettsted. Enten du bruker en online-editor (WordPress eller Squarespace) eller et websidesbyggingsprogram (Adobe Dreamweaver eller Microsoft Expression Web), kan du bruke dette cheatarket til å lage et fantastisk nettsted.

Tips for god webdesign

Siden web er et visuelt medium, er utformingen av nettstedet ditt så viktig som innholdet du tilbyr. Følg disse tipsene, slik at de besøkende ikke forlater nettstedet ditt raskt:

• Ikke rott opp nettstedet ditt. Benytt deg av polstring, marginer og hvite plasser.

• Vær forsiktig så du ikke overvelder de besøkende på hjemmesiden din. Hold innhold til et minimum, referere brukere til andre deler av nettstedet ditt for mer informasjon.

• Ikke bruk en hodgepodge av designideer. Finn en stil du liker og være konsistent på hele nettstedet ditt.

• Ekstrem symmetri er en gaver. Bruk regelen av tredjedeler. Når et bilde eller en side er delt inn i tredjedeler vertikalt og horisontalt og objektene er plassert på disse linjene, er bildet ganske enkelt mer behagelig for øyet.

• Ikke glem om den besøkende. Du designer ikke nettstedet for deg selv, men for folk som kommer dit.

• Ikke la innholdet på nettstedet ditt bli foreldet. Oppdater det jevnlig for å holde det levende.

Designe nettstedet ditt for mobilbrukere

Med kraften til smarttelefoner og deres fullt funksjonelle mobile nettlesere, forventer mobile besøkende å ha en tilfredsstillende nettleseropplevelse. Du vil fullt ut vurdere mobilbrukeren i designet ditt og bestemme nivået på støtten du vil gi dem:

• Grunnkompatibilitet: Det første nivået av støtten er ganske enkelt å sørge for at webområdet ditt er synlig og kan brukes i en mobil enhet. Hvis nettstedet ditt bruker standard CSS-formatering og HTML-strukturer, eller hvis den er bygget ved hjelp av populære elektroniske verktøy (WordPress, Posterous), er nettstedet ditt sannsynligvis allerede satt opp for å støtte smartphone-nettlesere.

• Mobil vennlig: Det andre nivået for mobil aktivering er å sørge for at nettstedet ditt er enkelt å navigere på en liten skjerm. En av de viktigste måtene å gjøre nettstedet ditt mobilvennlig er å strukturere sidene i kolonner. Kolonner hjelper til med å forhindre at brukere blir tvunget til å lese store biter av tekst som får dem til å bla til venstre og høyre for å lese hver linje på en nettside.

• Mobil styling: Et tredje, rikere og dypere nivå av støtte du kan tilby mobile brukere, er å inkorporere styling som er spesifikt målrettet mot mobile enheter.

• Companion site: Det kan være noen spesifikke tilfeller der du må gå utover sidestrukturen og stylingen. I dette tilfellet er et siste nivå av støtte å designe og strukturere et nettsted fra grunnen på en måte som er optimalisert for mobile enheter.

Hvis du tilbyr en mobilversjon, tillater alltid brukerne friheten til å velge mellom de mobile og vanlige versjonene av nettstedet ditt. Mens du kan standardisere mobilmodellarket for mobilbrukere, gir du funksjonaliteten på hver side for å vise nettstedet normalt.

Bruke Cascading Style Sheets eller CSS

C ascading S tyle S heets (CSS) er et stylingsspråk som gjør at du kan lage en mer attraktivt, godt utformet nettsted og gjør det mye enklere å administrere og organisere. Her er tre grunnleggende grunner til at CSS er nyttig når du designer nettstedet ditt:

• CSS gir deg større kontroll over sidedesignet ditt. CSS har mange formateringsinnstillinger som HTML, i seg selv, ikke gir. Som et resultat kan du ha mye større kontroll over utseendet til websiden din ved å bruke CSS enn bare ved hjelp av vanlig HTML.

• Med CSS kan du skille innhold fra nettstedet fra formateringsinstruksjonene. HTML-dokumentet blir derfor stedet du jobber med innhold, og CSS-stilarket fungerer som ditt sted for å konfigurere stilene dine.

• CSS lar deg styre stiler på hele ditt nettsted på ett sentralt sted. Selv om du kan definere CSS-stiler på en enkelt nettside, blir den virkelige kraften åpenbar når du bruker et eget CSS-stilark som hver side på ditt nettsted kan få tilgang til. Når du setter opp nettstedet ditt slik, kan du enkelt gi hele nettstedet ditt et konsekvent utseende. Du kan også gjøre globale endringer fra ett sted.