En web mall är en grundläggande webbsida layout --- eller container --- du kan återanvända för att skapa flera sidor . Mallen ger den grundläggande strukturen för din webbplats , så att du kan bibehålla en konsekvent tema och layout på hela webbplatsen utan att behöva återskapa varje sida . Även Photoshop är inte tekniskt en webbsida design program , kan du använda den för att skapa Web mallar med " skivning " PSD bilden i olika delar och sedan exportera PSD till HTML webbsida . Du kan sedan öppna HTML- mallen filen i Dreamweaver eller någon annan Webbdesign program och använda den för att skapa sidor för din webbplats . Saker du behöver
Adobe Photoshop CS3 eller senare
Visa fler instruktioner
1
Starta ett nytt dokument i Photoshop . Ge det mått som du vill använda för dina webbsidor , så här : Klicka på " File " i menyraden och välj " Nytt " för att öppna dialogrutan Nytt . Skriv in bredden ( i bildpunkter ) i " Bredd " Field och höjd ( i pixlar ) i " höjd " fältet . Klicka på " OK . "
2
Skapa banner för din webbsida . Bannern , naturligtvis , är den grafiska eller bild som visas överst på sidan . Den består vanligtvis av ett företags logotyp och några andra bilder som rör en produkt eller tjänst . Du kan antingen infoga en befintlig bild eller använda Photoshops färg och verktyg text för att skapa banderollen .
3
Skapa knappar för din webbsida . Dessa kommer att bli länkar , eller "hotspots ", som tar webbplatsens användare till olika sidor på webbplatsen . Antingen infoga befintliga knapp bilder och placera dem där du vill ha dem i mallen eller använda Photoshops färg och verktyg text för att skapa knapparna .
4
Välj " Slice Tool " ( femte knappen uppifrån i Verktygslådan ) . Om du inte har använt Slice Tool innan , är denna knapp förmodligen inställd på ett annat verktyg . Klicka och håll ned knappen , och välj sedan " Slice Tool " från fly -out .
5
Dra Slice Tool runt den första knappen eller område i mallen där du vill skapa en länk . Detta skapar en " skiva " rutan runt objektet. Photoshop placerar rutan i en tabellcell som kommer att bli ett separat HTML- tabell när du exporterar dokumentet till HTML .
6
Högerklicka på nya skivan och välj " Redigera Slice Options " från fly- ut menyn . Detta öppnar Slice dialogrutan Alternativ .
7
Skriv URL du vill att denna knapp för att länka till i " URL" rutan . Du kan även skriva in annan information för knappen , t.ex. målwebbläsare sidan , och alternativa taggar . Om du vill ändra storlek och position på skivan , gör det med alternativen i " Mått " i dialogrutan . Klicka på " OK . "
8
Upprepa föregående steg för att skapa skivor och redigera segment alternativ för varje knapp i mallen .
9
Klicka på " File " i menyn bar och välj " Spara för webben och enheter . " Detta öppnar Spara för webben och enheter i dialogrutan . Härifrån kan du ändra flera aspekter av din mall , såsom bakgrundsfärg , bildkomprimering och kvalitet , dokument storlek och så vidare . Dessa alternativ är väl märkta och talar för sig själva . ( Du kan förhandsgranska HTML-kod för denna mall genom att klicka på knappen "Förhandsgranska" . )
10
Klicka på knappen "Spara" . Namnge och spara HTML-filen . Du har skapat din webbsida mall . Du kan nu öppna den i en webbsida editor och lägg till ditt innehåll .
