For en grafisk tiltalende nettside, mange designere synes det er enklere å lage et design ved hjelp av Photoshop og deretter konvertere design til html for FrontPage. Photoshop CS3 eller høyere har funksjonalitet for å lage websiden maler fra PSD-filer . Med Photoshop maler , er det mulig å lage design som du ikke kan oppnå med html alene. Du trenger
Photoshop CS3 eller nyere versjon programvare
FrontPage programvare
Vis flere instruksjoner
en
Åpne et tomt image fil . Når den er fullført , vil denne bildefilen bli din Photoshop nettside mal. Filen et navn og sett egenskaper for å angi image høyde , bredde og oppløsning.
2
Velg en bakgrunnsfarge og bruke det til din psd mal fil.
3
Dra et digitalt bilde til ønsket plassering på din mal psd fil. Endre størrelsen på digitale bilder som ønsket.
4
Legg til andre designelementer av valget. Utpeke navigasjonsknapp posisjoner ved å bruke rektangulære Marquee Tool. Klikk på verktøyet , og deretter plassere verktøyet på ønsket sted på bildet . Klikk og dra til du får ønsket størrelse. Legge til topp- og bunntekst , hvis ønskelig, på samme måte .
5
Visualiser malen som en gruppe av rektangler.
6
Slice din psd nettside mal i rektangler ved hjelp av Photoshop slice verktøyet. Velg Slice Tool og peker på hjørnet av den første rektangelet du ønsker å lage . Klikk og dra til du skissere den ønskede delen. Fortsett på denne måten til alle deler av nettstedet malen er gjort i seksjoner .
7
Klikk på Slice Select Tool og peker på en skive. Høyreklikk på musen slik at eiendommene boks vil komme opp . Du vil behandle hver skive som et eget bilde etter at du konvertere psd -fil til en mal, så det er viktig at du navngir hver skive på en måte som du vil lett kjenne igjen når du redigerer html. Hvis du har tenkt stykket til å bli en navigasjonsknapp, angi URL-adressen til websiden som du vil koble denne knappen .
8
Eksporter psd filen til ImageReady . Optimalisere filer for rask lasting hastighet . Lagre solide farger som gif eller png filer for rask lastetid. Lagre digitale bilder som jpeg -filer for skarphet .
9
Lagre optimalisert psd som html. Når du velger "lagre optimalisert som" en boks vil komme opp slik at du kan lagre html mal på datamaskinen. Hvis du foretrekker det, kan du velge " Gå til " og gå direkte til FrontPage for redigering og lagring til ditt nettsted.