Der er mange måder at skabe en hjemmeside med web- applikationer såsom Deamweaver eller Frontpage , eller endda hånd -kodet HTML. Men hvis du ønsker din hjemmeside til at være grafisk tiltalende, komponere layoutet i Photoshop. Det vil være meget lettere at redigere senere så godt. Du bliver nødt til at designe et logo , header , ikoner , knapper, billeder /fotos , annoncer ( om nødvendigt) , farver , skrifttyper og tekstur. Lav en mock- up i god tid , før de gennemfører HTML. Hvis du allerede har ideer til dit site komposition, skitse det på et stykke papir. Instruktioner
Design grafiske hjemmesider med Photoshop
1
Gå til Filer > Ny. Input bredde: 800 pixels , højde: 600 pixel . Indstil opløsningen til 72 pixel /inch , RGB farve 8bit . Indstille baggrunden indhold til gennemsigtig. Klik på OK.
2
Opret header og navigation design. Medtag et logo , bannerreklame område , nogle grafik og navigationsknapper . Gør skærebordshøjden 150 pixels og 30 pixels til knapper . Placer logo og banner grafik i det resterende område . Tilføj pladsholdere for tekst .
3
Vælg et logo billede fra I Stock . Gå til comp billede link , der har et vandmærke på billedet. Højreklik på billedet, og vælg kopi image. Vælg Photoshop vinduet og den fil, du arbejder på. Indsæt billedet på det nye lag . Gå til Rediger > Transformer > Skaler . Hold Shift-tasten nede for at bevare forholdet og ændre størrelsen på billedet. Vælg den del, du ønsker, med det rektangulære markeringsrammeværktøj , tryk kontrol ( kommando i Mac) + shift og jeg taster invertere markeringen . Tryk kontrol ( kommando i Mac) + d fravælge. Derefter ramte slette for at fjerne resten af billedet .
4
Opret knapper til web -navigation. Vælg tekstværktøjet i Photoshop. Træk tekstfeltet på skærmen, og skriv et navn til knappen , såsom hjem eller kontakt os.
5.
Design layoutet af indholdet i kroppens område. Hvis dit websted har mange links , udnytte den venstre kolonne for yderligere links. Vælg tekstværktøjet . Klik og træk tekstboksen på lærredet. Placer brødteksten i hovedindholdet område af lærredet. Tilføj nogle dummy tekst fra Loren Ipsum som et sted indehaveren. Du vil erstatte denne tekst på et senere tidspunkt , når du er klar til at skrive dit webindhold .
6
Tilføj footer indhold under det vigtigste indhold . Disse vil omfatte din virksomheds logo , copyright tekst og en kopi af de links i overskriften.
7
Place seneste nyheder, annonceringer , pressemeddelelse resumé og kampagner eller annoncer i højre kolonne af din hjemmeside layout.
8
Opret en fold linje på 600 pixels i højden.
9
Optimer billeder, du ønsker at offentliggøre på din hjemmeside. Skær billeder med udsnitsværktøjet .
10
Klik på menuen Filer . Klik på Gem for Web . Skub kvalitet skyderen til at justere billedkvalitet og filstørrelse. Klik på Gem.
11
Dobbeltklik på HTML-filen (Photoshop opretter mappen Billeder og HTML -fil i samme mappe . ) Kontroller din webside layout i din internet browser. Du bør have en færdig hjemmeside i Photoshop på din skærm.