Utforma en webbplats kan vara mycket roligt men utmanande . Kanske den svåraste delen av konstruktionen är att avgöra hur man ska lägga ut varje segment av webbplatsen . Även om detta kan ske på många webbredaktörer , är de ofta inte de bästa verktygen i denna tidiga projekteringsstadiet . Adobe Photoshop ger ett enklare och mer effektivt sätt att skapa web layouter eftersom det tillåter dig att visualisera layouten utan att göra med HTML-koden . Denna handledning kommer att lära dig att skapa en webb- layout i Photoshop CS3 , andra versioner av Photoshop bör vara likartade . Saker du behöver
Adobe Photoshop
Visa fler instruktioner
1
öppna ett nytt dokument . Om du använder Adobe CS3 eller högre , har Adobe en förinställning för webbsidor som är 640 x 480 pixlar . I " Nya " i dialogrutan, välj " Web " från " Preset " rullgardinsmenyn . Om du inte har en webb- förinställning eller din web layout är en annan storlek , anger storleken på din hemsida i " Bredd " och "Höjd " lådor .
2
Fyll bakgrunden med bakgrundsfärg . Välj " Paint Bucket Tool . " Dubbelklicka på " Förgrundsfärg " för att öppna " Färgväljaren . " Välj " Bara webben Colors " kryssrutan . Välj sedan din bakgrund lagret . Välj " OK . " Addera 3
placera bannern . Skapa ett nytt lager . Välj " File > Place ... " Navigera till din banner bild och klicka på " OK . " Placera din banner och returresa . Om du inte har en bild banner , kan du skapa en plats för din banner som visas i nästa steg .
4
Lägg de återstående delarna av banan layout . Skapa ett nytt lager för varje del av webbsidan . Välj ett formverktyg från verktygsmenyn . Välj en bakgrundsfärg för segmentet . Rita resterande layout för din webbplats .
5
Skiva Webblayout att förbereda den för webben . Välj " Slice " verktyget . Rita en ruta runt varje segment .
6
Spara för webben . Välj " Arkiv > Spara för webben . " Tryck på " Kontroll A " för att markera alla skivor . Tryck sedan på " Spara ". Välj " HTML och Bild " från " Format " rullgardinsmenyn . Kontrollera att " Alla segment " är valt och spara layouten på er hemsida mappen . Webben layout är nu redo att lägga till innehåll i ett webbredigering program som Dreamweaver .
