For en grafisk tiltalende webside, mange designere finder det lettere at skabe et design ved hjælp af Photoshop , og derefter konvertere design til html for FrontPage. Photoshop CS3 eller højere har den funktionalitet er nødvendig for at skabe webside skabeloner fra PSD -filer . Med Photoshop skabeloner , er det muligt at skabe design , du ikke kan opnå med html alene. Ting du skal
Photoshop CS3 eller højere version software
FrontPage software
Vis Flere Instruktioner
1
Åbn et tomt billedfil. Når det er færdigt , vil dette billedfil blive din Photoshop webside skabelon . Navngiv filen og sæt egenskaber til at angive billedets højde , bredde og opløsning.
2
Vælg en baggrundsfarve og anvende det til din PSD skabelon fil.
3 < p > Træk et digitalt billede til den ønskede placering på din skabelon psd -fil. Resize det digitale billede som ønsket.
4
Tilføj andre designelementer af valg. Udpeg NAVIGATIONSKNAP positioner vha. Rektangulær Marquee Tool. Klik på værktøjet , og derefter placere værktøjet på det ønskede sted på billedet. Klik og træk , indtil du opnår den ønskede størrelse. Tilføj sidehoveder og sidefødder , hvis det ønskes, på samme måde .
5.
Visualiser din skabelon som en gruppe af rektangler.
6
Slice din psd webside skabelon i rektangler ved hjælp af Photoshop skive værktøj. Vælg Slice Tool og punkt på hjørnet af den første rektangel , du ønsker at oprette. Klik og træk , indtil du skitsere det ønskede afsnit . Fortsæt på denne måde , indtil alle dele af hjemmeside skabelon er blevet gjort i sektioner .
7
Klik på Slice Select Tool og punkt en skive . Højreklik på musen , så egenskaber boks vil poppe op. Du vil behandle hver skive som et separat billede , efter at du konvertere din PSD fil i en skabelon , så det er vigtigt, at du navngive hver skive på en måde, som du let kan genkende , når du redigerer din html . Hvis du ønsker at skive til at blive en navigationsknap , skal du angive webadressen på den webside , som du vil linke denne knap.
8
Eksporter psd fil til ImageReady . Optimer filer til hurtig lastning hastighed . Gem solide farver som gif eller png -filer til hurtig load tid. Gem digitale fotos som JPEG-filer til skarphed.
9
Gem optimeret psd som html . Når du vælger "gem optimeret som" en boks vil poppe op , så du kan gemme din html skabelon på computeren. Hvis du foretrækker , kan du vælge " Hop til ", og gå direkte til FrontPage til at redigere og gemme på din hjemmeside.