Tio Tidsbesparande Dreamweaver Web Design Tips - dummies

Alla bra webbplatser växer och utvecklas. Om du börjar med en stark design och uppmärksamma 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 eftersom du skapar webbplatser som ser bra ut för alla dina besökare.

1Plan - det lönar sig.

Även om du känner dig pressad för att snabbt få en hemsida, sparar du tid på sikt om du tar lite tid att utveckla en plan först.

World Wide Web går inte någonstans. Även om du måste få din webbplats på nätet så snabbt som möjligt, måste ditt mål vara att utforma en webbplats som verkligen tjänar din publik, företag och mål - och de här målen kräver planering.

2Define 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 noggrann. Ju mer exakt du kan ange dina mål, ju bättre chans du har för att nå dem. Du bör begränsa dig till bara tre mål.

3 Ange tidsgränser för att hjälpa dig att avsluta.

När du är tydlig på dina mål och de uppgifter du behöver fylla i innan du startar din webbplats är det dags att skapa en tidslinje och ange deadlines. Var noga med att ge dig en realistisk tidsram för att göra ett bra jobb och faktor i lite mer tid än du tror att du behöver, speciellt om du är ny för webbdesign.

Även om du arbetar på en webbplats själv eller med ett mycket litet team är inställningsfrister en av de viktigaste delarna i en projektplan - och ger dig en mycket bättre chans att klara av. Prova att binda en tidsfrist till en speciell händelse eller ett tillfälle.

4Design för din publik.

Oavsett hur tekniskt sofistikerad en webbplats är eller hur stor skrivningen, märker de flesta 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. Den rätta designen är den som passar din publik - och det kan eller inte innebära massor av snygg grafik och animeringar.

5 Skapa en konsekvent design.

De flesta webbplatser fungerar bäst och är enklaste att navigera när de följer ett konsekvent designtema. Fall i sak: De flesta läsare tar självklart att böcker inte ändrar sin design från sida till sida, och att tidningar inte ändrar rubriker och logotyper från dag till dag.

Faktum är att många skulle hävda att när användarna säger något är intuitivt att använda, ?? Vad de verkligen menar är att det är bekant.Konsistens är ett av de främsta verktygen som används för att hjälpa läsare att hitta en webbplats som är bekant och göra det enkelt att följa en historia eller en rad navigationselement.

6Följ den tre klickregeln.

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

Du kan göra det lättare att hitta information för tittare genom att skapa en navigeringsfält - en uppsättning länkar till alla huvudavsnitt på din webbplats som du upprepar på alla sidor på din webbplats. En navigeringsfält gör det enkelt för besökare att flytta från en sektion av din webbplats till en annan.

Om du har många sidor på din webbplats, ordna dem till sektioner med delsektioner och använd sedan en rullgardinsmeny.

7Tänk innan du lägger till fina teckensnitt.

Designers blir så glada när de upptäcker att de nu kan använda vilken typsnitt de vill ha på webbsidor. Tyvärr, som så många saker på webben, är det mer komplicerat att använda teckensnitt än vad du kan förvänta dig.

Om du till exempel har rätt att vara värd för ett teckensnitt på din egen webbserver, kanske du inte har alla variationer 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. Därför använder de flesta webbdesigners en typsnittstjänst:

8Bruka ofta använda saker som är praktiska.

Har du någonsin önskat att du kan behålla alla dina Dreamweaver-funktioner på ett bra ställe? Du kan! Justera fönstret Favoriter i Insert-panelen.

Starta Dreamweaver och välj Fönster → Infoga för att öppna panelen Common Insert. Infoga-panelen 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 ligger längst ner i rullgardinsmenyn Infoga panel.

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

9Split vyn.

Om du gillar att växla fram och tillbaka mellan visning av kodvy och design i Dreamweaver, uppskattar du möjligheten att dela upp fönstret så att du kan visa både källkoden och siddesignen samtidigt. För att dela upp fönstret, välj Split-vy-knappen längst upp till vänster i arbetsytan.

Dreamweaver källkod är färgkodad för att göra det enklare att skilja taggar från innehåll. En annan användbar funktion i Split-vy är att om du väljer en bild, text eller ett annat element på en sida i designvy, markeras motsvarande kod automatiskt i kodvy.

10Back up din webbplats.

Se till att du har ett system för att säkerhetskopiera din webbplats.Håll alltid en kopia av alla filer på din server på ett separat ställe och uppdatera det 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 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 är värd separat från din webbserver).