Adobe Photoshop CS3 är en kraftfull webb layout verktyg utöver sin förmåga som en fotografisk redigeringsprogram . Användare kan skapa mallar för webbsidor som skiljer de olika delarna av sidan så att de kan optimeras separat för att maximera sidan prestanda . Skapa en webbsida mall i Photoshop CS3 är så enkelt som att skapa en layout och använda programmets " Slice Tool . " Photoshop tar hand om grundläggande HTML-kodning och låter dig fokusera på att skapa den mest tilltalande webbsida möjligt . Saker du behöver
Computer
Adobe Photoshop CS3
Visa fler instruktioner
1
Öppna Photoshop CS3 och välj " Arkiv > Nytt " för att skapa en ny arbetsfält. Välj " Web " från " Preset " rullgardinsmenyn och önskad sidmall upplösning i från " Size " drop -down . Klicka på " OK . "
2
Lägg visuella sidelement som fotografier eller andra utanför art med " File > Place " -kommandot . Du kan ändra storlek på din konst genom att klicka och dra i ankarpunkter längs markeringsramen , och du kan flytta runt den genom att klicka och dra utanför markeringsramen . Du kan också lägga till visuella element i din egen använder Photoshops ritverktyg såsom " Brush Tool " och verktygen form .
3
Lägg till text till din sida med hjälp av " Type Tool , " belägen på panelen Verktyg till vänster på skärmen . Du kan skapa ett stycke box som kommer att begränsa det område som texten kan flöda igenom genom att klicka och dra med verktyget .
4
Välj " Slice Tool " från panelen Verktyg . Klicka och dra runt varje element på din webbsida mall för att skapa segment för var och en . Detta kommer att dela upp din sida och att du kan optimera varje element för den mest effektiva utseende och användning på webben .
5
tillbaka till " Arkiv " -menyn och välj " Spara för webben och enheter . " Se till att " Hand Tool " är valt i dialogrutan som visas . Markera en del av din sidmall och notera alternativen till höger i dialogrutan .
6
Justera visningsformat för varje segment baserat på dina egna önskemål ( svartvitt och bilder text är bäst sparas som GIF-filer samtidigt som fotografier och high - färgbilder bäst sparas som JPEG-filer ) . Justera " Quality " eller " Color "-fälten för varje skiva för att optimera laddningstid och skärmprestanda på webben . De flesta bilderna visas med liten eller ingen nedbrytning vid en mycket lägre kvalitet än standardinställningen . Klicka på " Spara " när du har optimerat varje skiva därefter.
7
Skriv in en titel och spara plats för din webbsida mall och se till att " Format " -menyn justeras till " HTML och bilder . " Klicka på " Spara ".