Ti tidsbesparende Dreamweaver webdesigntips

Alle gode nettsider vokser og utvikler seg. Hvis du starter med et sterkt design og følger nøye med på noen grunnleggende regler om grensesnitt, navigasjon og stil, har du et bedre grunnlag å bygge på. Følgende designideer og Dreamweaver-tips kan hjelpe deg å spare tid når du lager nettsteder som ser bra ut for alle de besøkende.

1Plan - det lønner seg.

Selv om du føler deg presset til å få en nettside på nett raskt, vil du spare tid i det lange løp hvis du tar deg tid til å lage en plan først.

World Wide Web kommer ingen vei. Selv om du må få nettstedet ditt online så raskt som mulig, bør målet ditt være å designe et nettsted som virkelig tjener publikum, virksomhet og mål – og disse målene krever planlegging.

2 Definer mål for å hjelpe deg med å fokusere.

Hvis du starter nettstedet ditt med målet om å tiltrekke millioner av besøkende og selge tonnevis av produkter og tjenester, er du ikke spesifikk nok. Jo mer presist du kan angi målene dine, jo større sjanse har du for å nå dem. Du bør begrense deg til bare tre mål.

3Sett tidsfrister for å hjelpe deg med å fullføre.

Etter at du er klar over målene dine og oppgavene du må fullføre før du lanserer nettstedet ditt, er det på tide å lage en tidslinje og sette tidsfrister. Sørg for å gi deg selv en realistisk tidsramme for å gjøre en god jobb, og ta med litt mer tid enn du tror du trenger, spesielt hvis du er ny innen webdesign.

Selv om du jobber med et nettsted alene eller med et veldig lite team, er å sette tidsfrister en av de viktigste delene av enhver prosjektplan – og gir deg en mye bedre sjanse til å fullføre. Prøv å knytte en frist til en spesiell begivenhet eller en anledning.

4 Design for publikum.

Uansett hvor teknisk sofistikert et nettsted er eller hvor flott det er skrevet, legger de fleste merke til designet først. Sørg for at du legger igjen nok tid og budsjett til å utvikle et passende og attraktivt design for nettstedet ditt. Riktig design er en som passer best for publikum - og det betyr kanskje ikke mye fancy grafikk og animasjoner.

5 Lag et konsistent design.

De fleste nettsteder fungerer best og er enklest å navigere når de følger et konsistent designtema. Eksempel: De fleste lesere tar for gitt at bøker ikke endrer design fra side til side, og at avisene ikke endrer overskriftsfonter og logoer fra dag til dag.

Faktisk vil mange hevde at når brukere sier at noe er "intuitivt å bruke", er det de egentlig mener at det er kjent. Konsistens er et av de viktigste verktøyene som brukes i design for å hjelpe lesere med å finne et nettsted som er kjent, og gjøre det enkelt å følge en historie eller en serie navigasjonselementer.

6Følg tre klikk-regelen.

Tre klikk-regelen sier at ingen viktig informasjon skal være mer enn tre klikk unna noe annet sted på nettstedet ditt. Den viktigste informasjonen bør være enda nærmere tilgjengelig. For eksempel er mange designere enige om at kontaktinformasjon aldri bør være mer enn ett klikk unna.

Du kan gjøre det enkelt for seerne å finne informasjon ved å lage en navigasjonslinje – et sett med lenker til alle hoveddelene på nettstedet ditt som du gjentar på alle sidene på nettstedet ditt. En navigasjonslinje gjør det enkelt for besøkende å flytte fra en del av nettstedet til et annet.

Hvis du har mange sider på nettstedet ditt, organiser dem i seksjoner med underseksjoner, og bruk deretter en rullegardinmeny.

7 Tenk før du legger til fancy fonter.

Designere blir så begeistret når de finner ut at de nå kan bruke hvilken som helst font de vil på nettsider. Dessverre, som så mange ting på nettet, er bruk av fonter mer komplisert enn du kanskje forventer.

For eksempel, selv om du har rettighetene til å være vert for en font på din egen webserver, kan det hende du ikke har alle variantene av skriften som trengs for å vise bokstavene riktig på Mac- og Windows-datamaskiner eller for å fungere i alle nettlesere. Det er derfor de fleste webdesignere bruker en fonttjeneste:

8 Hold ofte brukte gjenstander tilgjengelig.

Har du noen gang ønsket at du kunne ha alle dine favoritt Dreamweaver-funksjoner på ett praktisk sted? Du kan! Bare tilpass favorittsamlingen i Sett inn-panelet.

Start Dreamweaver, og velg Vindu→ Sett inn for å åpne panelet Felles innsetting. Sett inn-panelet inneholder flere seksjoner, inkludert struktur, medier, skjemaer og favoritter.

Klikk på pilen i Sett inn-panelet og velg Favoritter fra rullegardinlisten. Alternativet Favoritter er helt på slutten av rullegardinlisten Sett inn panel.

For å tilpasse favorittpanelet med alle favorittfunksjonsikonene dine, høyreklikk (eller Ctrl+klikk på en Mac) og velg Tilpass favoritter. Bruk Favorites Insert-panelet som en praktisk måte å holde alle favorittfunksjonene dine tilgjengelige. Du kan til og med endre den for spesielle prosjekter som krever en samling programfunksjoner.

9 Del visningen.

Hvis du liker å bytte frem og tilbake mellom kodevisning og designvisning i Dreamweaver, vil du sette pris på muligheten til å dele vinduet slik at du kan se både kildekoden og sidedesignet samtidig. For å dele vinduet, velg Del visning-knappen øverst til venstre i arbeidsområdet.

Dreamweavers kildekode er fargekodet for å gjøre det lettere å skille tagger fra innhold. En annen nyttig funksjon i delt visning er at hvis du velger et bilde, tekst eller et annet element på en side i designvisning, blir den tilsvarende koden automatisk uthevet i kodevisning.

10Sikkerhetskopier nettstedet ditt.

Sørg for at du har et system for å sikkerhetskopiere nettstedet ditt. Oppbevar alltid en kopi av alle filene på serveren din på et eget sted, og oppdater den regelmessig for å sikre at du til enhver tid har den nyeste versjonen av nettstedet ditt sikkerhetskopiert.

For å lage en sikkerhetskopi av et nettsted du har opprettet i Dreamweaver, må du kopiere nettstedsmappen der du lagrer alle filene på nettstedet ditt. Ideelt sett bør du kopiere den mappen til en ekstern harddisk eller laste den opp til et online backup-system (som er vert separat fra webserveren).