Hoe om Photoshop te gebruik om `n webblad te ontwerp

Daar is baie maniere om webbladsye te skep, met behulp van Photoshop is een van hulle.

conținut

Stappe
Wenke

stappe

Prent getiteld Gebruik Photoshop om `n webwerf te ontwerp Stap 1

Laai en installeer Photoshop.

Prent getiteld Gebruik Photoshop om `n webwerf te ontwerp Stap 2

Maak die weergawe van Photoshop wat jy op jou rekenaar het, oop en maak `n nuwe dokument met die toepaslike hoogte en breedte volgens wat jy gekies het om te doen (normale breedte van 800 px tot 900 px, normale hoogte van 1200px tot 1500px).

Prent getiteld Gebruik Photoshop om `n webwerf te ontwerp Stap 3

Skep `n kopkop vir die bladsy (van `n bestaande prent of van nuuts af) en met die logo van jou webblad opgeneem.

Prent getiteld Gebruik Photoshop om `n webwerf te ontwerp Stap 4

Skep spyskaartknoppies (vorm en kleur, laat `n spasie tussen hulle, soos `n boonste spyskaart, `n onderste spyskaart, `n spyskaart regs of links, of die kombinasie van twee of drie groepe spyskaarte, ens.).

Prent getiteld Gebruik Photoshop om `n webwerf te ontwerp Stap 5

Skep die inhouds area, die voetskrif, `n plek om baniere te sit, `n ander vir `n fotogallery en so aan totdat jy klaar is met die algemene voorkoms van jou webblad.

Prent getiteld Gebruik Photoshop om `n webwerf te ontwerp Stap 6

Nou kom die moeilike deel in Photoshop: Sny en voer die voltooide bladsy af, gee name aan al die dele voordat u dit uitvoer. (Byvoorbeeld: Merk die koptekst met die snywerktuig en plaas "kop" as die naam, merk die area van die "Start" knoppie en plaas die noem "begin knoppie" en so meer vir elke afsonderlike deel van die webblad).

Prent getiteld Gebruik Photoshop om `n webwerf te ontwerp Stap 7

Dit is raadsaam om die inhoudsruimte leeg te laat, aangesien u dit net as beeldstukke gestoor het en die teks op dieselfde manier vertoon sal word, maar wanneer dit leeg is, kan u die inhoud van elke bladsy afsonderlik byvoeg.

Prent getiteld Gebruik Photoshop om `n webwerf te ontwerp Stap 8

Uitvoer na `n nuwe lêer op die lessenaar. `N HTML-webbladsy sal geskep word (jou bladsy sonder sentrering en sonder inhoud), `n CSS-lêer en `n beeldlêer met al die verskillende afdelings en beelde daarin.

Prent getiteld Gebruik Photoshop om `n webwerf te ontwerp Stap 9

Open die HTML-lêer met die "OneNote" of die "Notepad" en maak die veranderinge in HTML (sentrum die hele bladsy, gee `n agtergrondkleur aan die hele bladsy, plaas die inhoud in `n tabel in Div, waar is die beeld vir die inhoud, maak die metadata vir sleutelwoorde, inhoud en so aan).

Prent getiteld Gebruik Photoshop om `n webwerf te ontwerp Stap 10

Kopieer en plak dieselfde HTML-bladsy volgens die aantal bladsye, verander dan die naam van die verwante bladsye (Huis, wie ons is, kontak) .550px]]

Prent getiteld Gebruik Photoshop om `n webwerf te ontwerp Stap 11

Maak interne skakels vir die bladsye van die HTML-lêers (of doen dit voordat jy meer bladsye skep sodat jy nie die proses moet herhaal nie) waar is die kode van die knoppie prent, skep Divs en gee die knoppies die adresse van die skakels.

Prent getiteld Gebruik Photoshop om `n webwerf te ontwerp Stap 12

Laai jou voltooide lêer op na die web hosting.

wenke

Photoshop is maklik om te gebruik, leer net goed en jy sal goeie dinge doen.

Deel op sosiale netwerke:

Verwante