Tio tidsbesparande Dreamweaver webbdesigntips

Alla bra webbplatser växer och utvecklas. Om du börjar med en stark design och uppmärksammar några grundläggande regler om gränssnitt, navigering och stil, har du en bättre grund att bygga på. Följande designidéer och Dreamweaver-tips kan hjälpa dig att spara tid när du skapar webbplatser som ser bra ut för alla dina besökare.

1Planera — det lönar sig.

Även om du känner dig pressad att få en webbplats online snabbt, kommer du att spara tid i det långa loppet om du tar lite tid på dig att utveckla en plan först.

World Wide Web kommer ingenstans. Även om du måste få din webbplats online så snabbt som möjligt, bör ditt mål vara att designa en webbplats som verkligen tjänar din målgrupp, verksamhet och mål – och dessa mål kräver planering.

2Definiera mål som hjälper dig att fokusera.

Om du startar din webbplats med målet att locka miljontals besökare och sälja massor av produkter och tjänster, är du inte tillräckligt specifik. Ju mer exakt du kan ange dina mål, desto större chans har du att nå dem. Du bör begränsa dig till endast tre mål.

3Sätt in deadlines som hjälper dig att avsluta.

När du är tydlig med dina mål och de uppgifter du behöver slutföra innan du lanserar din webbplats, är det dags att skapa en tidslinje och sätta deadlines. Se till att ge dig själv en realistisk tidsram för att göra ett bra jobb, och ta med lite mer tid än du tror att du behöver, särskilt om du är ny på webbdesign.

Även om du arbetar på en webbplats själv eller med ett mycket litet team, är att sätta deadlines en av de viktigaste delarna av alla projektplaner – och ger dig en mycket bättre chans att avsluta. Försök att koppla en deadline till ett speciellt evenemang eller ett tillfälle.

4Design för din publik.

Oavsett hur tekniskt sofistikerad en webbplats är eller hur bra den är så lägger de flesta märke till designen först. Se till att du lämnar tillräckligt med tid och budget för att utveckla en lämplig och attraktiv design för din webbplats. Rätt design är en som passar din publik bäst – och det kanske betyder massor av snygg grafik och animationer.

5Skapa en konsekvent design.

De flesta webbplatser fungerar bäst och är lättast att navigera när de följer ett konsekvent designtema. Exempel: De flesta läsare tar för givet att böcker inte ändrar sin design från sida till sida, och att tidningar inte ändrar rubriktypsnitt och logotyper från dag till dag.

Faktum är att många skulle hävda att när användare säger att något är "intuitivt att använda", vad de egentligen menar är att det är bekant. Konsistens är ett av de primära verktygen som används i design för att hjälpa läsare att hitta en webbplats som är bekant och göra det enkelt att följa en berättelse eller en serie navigeringselement.

6Följ tre klick-regeln.

Regeln om tre klick säger att ingen viktig information någonsin ska vara mer än tre klick bort från någon annanstans på din webbplats. Den viktigaste informationen borde finnas ännu närmare till hands. Till exempel är många designers överens om att kontaktinformation aldrig bör vara mer än ett klick bort.

Du kan göra det enkelt för tittarna att hitta information genom att skapa ett navigeringsfält – en uppsättning länkar till alla huvudsektioner på din webbplats som du upprepar på alla sidor på din webbplats. Ett navigeringsfält gör det enkelt för besökare att flytta från en del av din webbplats till en annan.

Om du har många sidor på din webbplats, organisera dem i sektioner med undersektioner och använd sedan en rullgardinsmeny.

7Tänk efter innan du lägger till snygga typsnitt.

Designers blir så exalterade när de får reda på att de nu kan använda vilket typsnitt de vill på webbsidor. Tyvärr, som så många saker på webben, är det mer komplicerat att använda typsnitt än du kan förvänta dig.

Till exempel, även om du har rättigheterna att vara värd för ett teckensnitt på din egen webbserver, kanske du inte har alla varianter av teckensnittet som behövs för att visa bokstäverna korrekt på Mac- och Windows-datorer eller för att fungera i alla webbläsare. Det är därför de flesta webbdesigners använder en typsnittstjänst:

8Håll ofta använda föremål till hands.

Har du någonsin önskat att du kunde ha alla dina favoritfunktioner i Dreamweaver på ett bekvämt ställe? Du kan! Anpassa bara favoritsamlingen i panelen Infoga.

Starta Dreamweaver och välj Fönster→ Infoga för att öppna panelen Common Insert. Panelen Infoga innehåller flera sektioner, inklusive struktur, media, formulär och favoriter.

Klicka på pilen i panelen Infoga och välj Favoriter från rullgardinsmenyn. Alternativet Favoriter finns i slutet av listrutan Infoga panel.

För att anpassa panelen Favoriter med alla dina favoritfunktionsikoner, högerklicka (eller Ctrl+klicka på en Mac) och välj Anpassa favoriter. Använd panelen Infoga favoriter som ett bekvämt sätt att hålla alla dina favoritfunktioner till hands. Du kan till och med ändra det för speciella projekt som kräver en samling programfunktioner.

9 Dela vyn.

Om du gillar att växla fram och tillbaka mellan kodvyn och designvyn i Dreamweaver, kommer du att uppskatta möjligheten att dela upp fönstret så att du kan se både källkoden och siddesignen samtidigt. För att dela fönstret, välj knappen Dela vy uppe till vänster i arbetsytan.

Dreamweavers källkod är färgkodad för att göra det lättare att skilja taggar från innehåll. En annan användbar funktion i delad vy är att om du väljer en bild, text eller ett annat element på en sida i designvyn, markeras motsvarande kod automatiskt i kodvyn.

10 Säkerhetskopiera din webbplats.

Se till att du har ett system på plats för att säkerhetskopiera din webbplats. Håll alltid en kopia av alla filer på din server på en separat plats och uppdatera den regelbundet för att se till att du alltid har den senaste versionen av din webbplats säkerhetskopierad.

För att skapa en säkerhetskopia av en webbplats som du har skapat i Dreamweaver måste du kopiera webbplatsmappen där du lagrar alla filer på din webbplats. Helst bör du kopiera den mappen till en extern hårddisk eller ladda upp den till ett online backup-system (som lagras separat från din webbserver).