Hvordan bygge en nettside ved hjelp av Adobe Photoshop CS5

Hvordan bygge en nettside ved hjelp av Adobe Photoshop CS5


Adobe Photoshop CS5 er den siste versjonen av Adobes populære bilderedigeringsprogrammet. Photoshop har kommet en lang vei fra å være et foto retusjering program for å være en verktøyet for å lage grafisk design, spesielt for web. Web konkrete verktøy er tilgjengelige i Photoshop, noe som gjør det enkelt for en designer til å lage nettstedet oppsett, spesielt de som lett kan implementeres i HTML-format.

Bruksanvisning

1 Åpne Adobe Photoshop CS5 og klikk på "File" og deretter "Ny".

2 Velg "Web" i Preset feltet og velge størrelsen på nettstedet ditt fra rullegardinmenyen. En trygg størrelse for et nettsted er 800 x 600, som også fungerer godt for visning på mobiltelefoner.

3 Lage design og layout av nettstedet. En enkel nettside layout inneholder en seksjon for overskriften, kroppen, bunntekst og sidefelt. Du kan basere design på rammen på nettstedet ditt, for eksempel hva design som fungerer best for en to-kolonne eller tre-kolonne layout. Bruk Photoshop verktøy som "Shape" verktøy for å lage grafikk for navigasjon og seksjons overskrifter og "Fill" verktøyet for å legge til farge.

4 Klikk på "Slice" verktøyet i verktøylinjen. Hvis du ikke ser "Slice" verktøyet, må du kanskje å høyreklikke på "Crop" -verktøyet for å se muligheten til å bruke "Slice".

5 Skjær webdesign i seksjoner med verktøyet. Dette sørger for enkel opplasting og nedlasting av bildene når du konvertere den til en nettside.

6 Klikk på "File" og "Save for Web og enheter."

7 Velg den typen bildefilen du ønsker å bruke til å lagre bildene dine. Du kan velge mellom JPEG, GIF og PNG. Klikk på "Lagre".

8 Velg "HTML og bilder" som format for filen du ønsker å lagre. Klikk på "Lagre". Nettstedet er nå lagret med de vedlagte bildene i en egen mappe kalt "Bilder".

Hint

  • Du kan bruke HTML-editorer som Dreamweaver, Frontpage eller CoffeeCup til å endre utseendet på siden din, samt legge tekstinnhold.