Opprette websider All-in-One Cheat Sheet

Fordi nettet er et visuelt medium, er like viktig som innholdet du tilbyr utformingen av ditt nettsted. Følg disse tipsene slik at besøkende ikke er raskt forlater området:

• Ikke roter opp nettstedet ditt. Gjør god bruk av polstring, marginer, og mellomrom.
• Vær forsiktig så du ikke overvelde de besøkende på hjemmesiden din. Hold innhold til et minimum, henvise brukere til andre deler av nettstedet ditt for mer informasjon.
• Ikke bruk et sammensurium av design ideer. Finn en stil du liker og være konsekvent på arbeidsplassen din.
• Extreme symmetri er en yawner. Bruk Rule of Thirds. Når et bilde eller en side er delt inn i tredjedeler vertikalt og horisontalt og objekter er plassert på disse linjene, er bildet rett og slett mer behagelig for øyet.
• Ikke glem om den besøkende. Du er ikke utformingen av området for deg selv, men for folk som kommer dit.
• Ikke la ditt innhold vokste bedervet. Oppdater den regelmessig for å holde den i live.

Designe ditt nettsted for mobile brukere

Med kraften av smartphones og deres fullt funksjonelle mobile nettlesere, mobile besøkende forventer å ha en tilfredsstillende leseopplevelsen. Det er lurt å fullt ut vurdere den mobile brukeren i design og bestemme nivået på støtten du ønsker å gi for dem:

• Grunnleggende kompatibilitet: Det første nivået av støtte er bare å sørge for at ditt nettsted kan vises og betjenes inne i en mobil enhet. Hvis nettstedet ditt er ved hjelp av standard CSS formatering og HTML strukturer eller om det er bygget ved hjelp av populære online-verktøy (WordPress, Posterous), er ditt nettsted sannsynligvis allerede satt opp for å støtte smartlesere.
• Mobil vennlig: Det andre nivået av mobile aktivering er å sørge for at nettstedet er enkelt å navigere på en liten skjerm. En av de viktigste måtene å gjøre nettstedet ditt mobile vennlig er å strukturere sidene i kolonner. Kolonner forhindre brukere fra å bli tvunget til å lese store biter av tekst som får dem til å bla til venstre og høyre for å lese hver linje av en webside.
• Mobil styling: En tredje, rikere og dypere nivå av støtte som du kan gi mobilbrukere er å innlemme styling spesielt målrettet for mobile enheter.
• Companion site: Det kan være noen konkrete tilfeller der du trenger for å gå utover sidestrukturen og styling. I dette tilfellet, er en endelig støttenivå for å designe og strukturere et nettsted fra grunnen av på en måte som er optimalisert for mobile enheter.

Hvis du tilbyr en mobil versjon, alltid tillate brukerne frihet til å velge mellom de mobile og vanlige versjoner av ditt nettsted. Selv om du kan starte på det mobile stilark for dine mobile brukere, gi funksjonalitet på hver side for å vise området som normalt.

Ved hjelp av Cascading Style Sheets, eller CSS

C ascading S tyle S heets (CSS) er en styling språk som gjør det mulig å skape et mer attraktivt, godt designet nettsted og gjør det mye enklere å administrere og organisere. Her er tre grunnleggende årsakene til at CSS er nyttig når du utformer ditt nettsted:

• CSS gir deg større kontroll over siden din design. CSS har mange formateringsinnstillinger som HTML, av seg selv, ikke gi. Som et resultat, kan du ha mye større kontroll over utseendet på din webside ved hjelp av CSS enn bare å bruke vanlig HTML.
• CSS tillater deg å skille ditt innhold fra formateringsinstruksjonene. HTML-dokument, derfor blir stedet der du jobber med innhold, og CSS-stilark fungerer som din sted å sette opp dine stiler.
• CSS lar deg håndtere stiler på arbeidsplassen din i ett sentralt sted. Selv om du kan definere CSS-stiler inne en enkelt webside, blir den virkelige makten tydelig når du bruker en egen CSS-stilark som hver side i ditt nettsted kan få tilgang til. Når du setter opp ditt nettsted som dette, kan du lett gi hele området et ensartet utseende. Du kan også gjøre globale endringer fra ett sted.