För en grafiskt tilltalande webbsida , många designers tycker att det är lättare att skapa en design med Photoshop och sedan omvandla design till HTML för FrontPage . Photoshop CS3 eller senare har den funktionalitet som behövs för att skapa webbsida mallar från PSD -filer . Med Photoshop mallar , är det möjligt att skapa mönster som du inte kan uppnå med html ensam . Saker du behöver
Photoshop CS3 eller senare version programvara FrontPage programvara
Visa fler instruktioner
1
Öppna en tom bildfil . När den är klar kommer den här bildfilen blir din Photoshop webbsida mall . Namnge filen och ange egenskaper för att ange bildens höjd , bredd och upplösning .
2
Välj en bakgrundsfärg och tillämpa den på din PSD-mall fil .
3
Dra en digital bild till önskad plats på din mall PSD . Ändra storlek på digitala bilder och returresa .
4
Lägg andra designelement av valet . Utse navigationsknappbilderna platser med hjälp av rektangulära markeringsramen . Klicka på verktyget , placera sedan verktyget på önskad plats på bilden . Klicka och dra tills du får önskad storlek . Lägg till sidhuvud och sidfot , om så önskas , på samma sätt .
5
Visualisera mall som en grupp av rektanglar .
6
Slice din psd webbsida mall i rektanglar med hjälp av Photoshop slice verktyget . Välj Slice Tool och punkt i hörnet av den första rektangeln som du vill skapa . Klicka och dra tills du beskriva den önskade sektionen . Fortsätt på detta sätt tills alla delar av webbplats mallen har gjorts i sektioner .
7
Klicka på Slice Select Tool och pekar på en skiva . Högerklicka på musen så att fastigheterna ruta kommer att dyka upp . Du kommer att behandla varje bit som en separat bild när du konverterar PSD-fil till en mall , så det är viktigt att du namnge varje skiva på ett sätt som du lätt känner igen när du redigerar din html . Om du tänker skivan att bli en navigeringsknapp , ange webbadressen till den webbsida där du kommer att länka den här knappen .
8
Exportera PSD-filen till ImageReady . Optimera filer för snabb lastning hastighet . Spara solida färger som gif eller png -filer för snabb laddningstid . Spara digitala bilder som JPEG-filer för skärpan .
9
Spara optimerad psd som html . När du väljer " Spara optimerad som , " en ruta kommer upp där du kan spara din html mallen på din dator . Om du föredrar , kan du välja " Gå till " och gå direkt till FrontPage för att redigera och spara till din webbplats .
