Koj puas tau tso ua ke ib qho qauv qub nrog cov ntsiab lus nraaj thiab xav ua ib qho layout? Ua ntej, koj yuav tsum tau kawm seb yuav ua li cas hlais qhov teeb meem kom txhua qhov ntawm cov duab kab txuas ntxiv tom qab hauv qhov chaw nyob hauv nruab nrab, saum lossis hauv qab ntawm nplooj ntawv.
Cov Lus Qhia
Kauj ruam 1
Thaum xaiv cov hau kev ntawm yuav ua li cas txiav ib qho txheej, nco ntsoov tias txhua tus neeg tsim qauv siv nws tus qauv ntawm kev txiav nws thaum ua haujlwm nrog PSD txheej txheem. Yog li ntawd, nyob rau thawj theem, xaiv cov txuj ci yooj yim xwb, uas suav nrog txiav cov qauv tsim nrog cov duab ua tej daim, uas yooj yim rau cov neeg pib tshiab. Ua ntej, thawj zaug xav txog nyob rau hauv koj lub siab li cas qhov twg koj yuav muab faib koj txheej rau hauv, xav hla txhua qhov ntawm nws qhov chaw cais, thiab tsuas yog tom qab ntawd npaj mus rau feem kev ntawm cov txheej txheem nws tus kheej. Nco ntsoov tias lub luag haujlwm PSD tau muab faib ua "cov pawg" nyob ntawm nws qhov sib txawv, muab faib ua cov sib cais. Ntxiv mus, txhua daim duab yuav tsum yog ywj siab ntawm txhua lwm cov ntsiab lus.
Kauj ruam 2
Thaum txiav txim siab yuav ua li cas txiav ib qho kev teeb tsa nrog lub header muaj cov nyees khawm, nyias muaj nyias keeb kwm yav dhau los thiab cov ntawv nyeem, nco ntsoov tias qhov no tag nrho tsis tuaj yeem txiav raws li daim duab. Nyob rau hauv qhov xwm txheej zoo li no, nws zoo dua rau kev txiav rau hauv cov duab cais txhua daim ntawv nyeem, txhua lub pob, nrog rau txheej tom qab ntawm cov kab hauv pob. Thib ob, hlais qhov txheej txheem xav tias tus qauv tsim qauv ua cov haujlwm hauv cov theem hauv qab no. Yog tias cov ntawv nyeem tsuas yog ib feem ntawm qhov kev kho kom zoo nkauj, siv nws ua ntej HTML / CSS layout.
Kauj ruam 3
Ua ntej, qhib qhov txheej txheem nws tus kheej hauv Photoshop kom cov khaubncaws sab nraud povtseg tshwm ntawm sab xis, uas tau pom tias yog tus caj qaum xav tau pib txoj haujlwm. Nyob rau hauv rooj plaub thaum txhua tus duab tuaj yeem nias, qhib qhov kev daws teeb meem txhua yam ntawm koj qhov teeb meem. Tom ntej no, teeb txhua cov duab kab ke kom lawv zoo tib yam li hauv HTML hom, yog li txuag txhua cov kab lus nraaj hauv cov hom ntawv xav: GIF, JPG, lossis PNG. Tom ntej no, tawm tsuas yog cov khoom uas koj yuav tau txiav, thiab tsuas yog tua tag nrho lwm cov khaubncaws sab nraud povtseg, thiab hloov lub txheej yam xav mus rau daim ntawv tshiab uas tsim nyob rau hauv Photoshop ua ntej.
Kauj ruam 4
Txhawm rau xaiv cov duab uas yuav tsum tau siv, siv cov cuab yeej xws li Rectangular Marquee Tool, uas tso cai rau koj kos cim thaj chaw xaiv nrog kab sau kab. Tom qab ntawv, sau qoob loo seem ntawm cov kem poob mus rau cov ntsiab lus uas siv cov Duab Duab> Qoob loo cov zaub mov. Txhawm rau tshem ntawm cov keeb kwm yav dhau los uas tsis tsim nyog, thov sau daim ntawv sau tiav, xa tawm ntawm qhov pom kev ntawm tom qab txheej tom qab. Tom ntej no, txiav cov fab ntawm cov ntu xaiv, thiab tom qab ntawd khaws txhua txheej txheej kom pom dua.
