Webbplatser har funnits sedan 1991 , då Tim Berners - Lee skapade den allra första , endast text webbsida med information om World - Wide - Web -projektet . Sedan dess , har webbplatser blivit omåttligt populär som personliga , affärer , underhållning och utbildning nav . Under de senaste åren har webbdesign gjort stora framsteg . Webbdesign är nu mycket sofistikerade , och har avancerat tillräckligt långt att konkurrera månghundraåriga inom print design i kvalitet och hantverk . Saker du behöver Review, en dator
Adobe Photoshop
Visa fler instruktioner
1
skissar ut din webbplats med en penna och papper . Även datorer har blivit det vanliga sättet att skapa några visuella medier , är det bästa sättet att börja designprocessen att skissa dina idéer ut och förfina dem manuellt . Skisserna behöver inte vara något fancy , klotter kommer att räcka , så länge som de ger dig en uppfattning om vad webbplatsen layouten kommer att se ut
2
Ladda ner en Photoshop rutnät mall . . Grid system inom webbdesign är lika viktigt som i tryck design. Standarden bredd för webbplatser , för kompatibilitet mellan skärmupplösningar och inställningar i webbläsaren , är 960 pixlar . Så hitta ett bra rutnät system som använder 960 - pixel bredd standard och hämta Photoshop mallen . Det finns gott om utmärkta webbplats rutnät resurser tillgängliga online .
3
Börja sätta upp din layout . Rikta ditt innehåll till kolumnerna i rutnätet mall . Navigation går oftast längs den övre eller den vänstra sidan av sidan . Webbplatsen logotyp går oftast i det övre högra hörnet . Twitter och RSS ikoner brukar gå i det övre vänstra hörnet . Besökarna gillar att hitta saker där de förväntar dem , så håll dig till vanliga placeringar för en framgångsrik design . När du är klar att ställa in din webbplats precis som du vill ha den , spara den som en PSD ( Photoshop ) filformat .
4
Välj " Slice " verktyget i Photoshop verktygspanelen . Klicka och dra för att separera de viktigaste uppdelningarna av webbplatsen . Skivor skapa avsnitt av en webbplats som sedan sparas som separata bilder . Detta gör det lättare att koda hemsidan i HTML och CSS och att det ser som det gjorde i Photoshop .
