Hvordan lage et nettsted med Photoshop CS2

Selv om Photoshop CS2 ikke kan være den optimale programmet der et nettsted bør være utformet, kan en person fortsatt gjøre en attraktiv nettside ved hjelp av denne programvaren.
En grunnleggende kjennskap til Photoshop skal innhentes før du prøver å lage et nettsted med denne programvaren, men selv en person med bare en liten erfaring med Photoshop bør være i stand til å finne ut hvordan å lage et nettsted med Photoshop CS2 ved å følge de riktige trinnene.

Bruksanvisning

Lage bakgrunns

1 Opprett en ny side i Photoshop ved å velge Ctrl + N. Photoshop vil spørre hvilken størrelse siden skal være. Det er ingen eksakt vitenskap til hva størrelsen på en enkelt nettside bør være. Dette avhenger av størrelsen av nettleseren. De fleste nettlesere er minst 750 piksler bred og 500 piksler i høyden. Dette er et trygt størrelse å starte på. Opprette en side mye større enn dette kan gjøre det vanskelig for alle brukere å se siden slik du ønsker at de skal se det. Alle etterfølgende sider som vil bli opprettet for nettstedet skal være av samme størrelse.

2 Lag et nytt lag ved å klikke på "nytt lag" -knappen på "Layers" palett. Selv om design kan lages på bakgrunn side, har en person mer fleksibilitet og rom for kreativitet hvis han designer siden på et nytt lag.

3 Sett en farge til siden ved å velge en farge i paletten Farger. Når du oppretter bakgrunn av et nettsted med Photoshop CS2, er det best å lage en bakgrunn som er en myk, behagelig farge. Dette kan gjøres ved å opprette en farge og deretter redusere tettheten av det i gradient paletten ved å skrive inn et tall i opacity feltet. Sett opacity for rundt 35 eller 40 prosent.

4 Husk å lagre ved å gå til "File" og "Lagre som" i verktøylinjen. Mens det er godt å lagre ofte, bør side i det minste bli frelst på dette punktet før du går videre til neste del av prosjektet.

Legge Design Elementer

5 Tegn tekstbokser og bilde bokser på siden der du vil plassere elementer. Tekstbokser og bilde bokser kan opprettes ved å velge tekstboksen og bilde boks verktøy fra verktøykassen på venstre side av siden, og deretter tegne omrisset av boksene på siden. Noen av de viktigste elementene som et nettsted opprettet med Photoshop CS2 bør ha inneholde lenker til andre sider. Disse lenkene kan lese: Om oss; Kontakt; Nyheter; steder; Hjem. Lenkene opprettet avhenger av hva nettstedet handler om. Det viktige er at disse koblingene er plassert på toppen eller bunnen av siden i en tekstboks.

6 Sett inn side spissen. Det er best å lage en grafisk header til nettstedet tidligere, og lagre det som et bilde. For å sette inn topp- eller banner, tegner et bilde boks nesten hele veien over på siden rett under toppen av siden. Naviger i verktøylinjen til "Edit" og "Place Image" for å sette banneret inn i boksen.

7 Opprett flere bokser for annen tekst og bilder ved å velge tekstboksen og bilde boks verktøy fra verktøykassen på venstre side av siden. Husk å gi siden litt plass til å puste. Ikke legg bilder eller tekst rett ved siden av hverandre. Fortsett å plassere bilder og tekst til siden er ferdig.

Opprett påfølgende sider

8 Begynne å lage sidene som hjemmesiden til nettstedet vil lenker til. Følg trinn 1-4 for å gjenskape hver ny side. Jo flere sider et nettsted har, jo bedre nettstedet gjøre med å komme høyere opp i søk på internett. I det minste, lage destinasjonssider som vil knytte til Om oss, Kontakt, nyheter og Locations sider.

9 Varier utseendet på flere sider, men bare litt. Måten hjemmesiden til nettstedet ser (trinn 1-3 i kapittel 2) vil være forskjellig fra måten destinasjonssidene du oppretter vil se, selv om blant annet de samme fargene og generelle følelsen er en god idé. De samme elementer som ikke trenger å være på hver side. Husk god design prinsipper ved å justere bilder og tekst på siden. Husk også å ikke legge for mye innhold på en side. Hvis du trenger å passe mer innhold, ganske enkelt opprette en annen side.

10 Lagre bildet og importere den til Dreamweaver til å lage linkene aktive. Det er ingen måte å lage lenker aktive i Photoshop, men en person som eier Adobe Creative Suite kan enkelt laste opp bildet til Dreamweaver og aktivere linker med Dreamweaver Bilde Maps. En gratis 30-dagers prøveversjon av Dreamweaver kan også lastes ned.

Hint

• Disse trinnene kan være nødvendig å justere noe, avhengig av hensikten med nettsiden. Hvis forskjellige farger eller størrelser av elementer kanskje er bedre tilpasset et nettsted, ikke nøl med å gjøre justeringer.
• Hvis Dreamweaver er tilgjengelig, kan du bruke denne programvaren i stedet. Det ble laget spesielt for å lage nettsider. Photoshop kan gjøre jobben, men ikke så lett eller også.