Cov kws tshaj lij web tsim kho lub vev xaib tsim, feem ntau hauv cov kev tsim duab haib xws li Adobe Photoshop. Qhov tshwm sim ntawm kev ua haujlwm yog daim ntawv nrog duab, uas nyob hauv daim ntawv no tau muab rau cov qhua tuaj noj mov. Txhawm rau siv tus qauv tsim tiav, uas yog, txhawm rau tsim lub vev xaib, koj yuav tsum tau txiav lub ntsej muag.
Tsim nyog
raster graphics editor Adobe Photoshop
Cov Lus Qhia
Kauj ruam 1
Qhib cov ntawv template hauv graphics editor Adobe Photoshop. Xaiv Cov Ntaub Ntawv thiab Qhib los ntawm cov ntawv qhia zaub mov, lossis nias tus yuam sij ua ke Ctrl + O. Hauv cov ntawv qhib uas tshwm sim tom qab ntawd, mus rau cov ntawv qhia chaw nrog cov ntawv, xaiv nws hauv cov npe thiab nyem khawm "Qhib".
Kauj ruam 2
Xaiv cov nplai yooj yim rau saib cov qauv duab. Siv Cov Cuab Yeej Zoom lossis cov ntawv qhia cov ntawv qhia zaub mov. Xaiv lub nplai uas tso cai rau koj tso tus cursor nrog pixel precision. Qhov no yog qhov tsim nyog los ua cov teev hauv kab.
Kauj ruam 3
Tsim ib co kab kev siv kab saum toj saud daim duab. Qhib cov zaub ntawm cov kav hauv cov ntaub ntawv qhov rai yog tias nws tseem tsis tau qhib. Txhawm rau ua li no, nyem Ctrl + R lossis xaiv Saib thiab Rulers los ntawm cov ntawv qhia zaub mov.
Kauj ruam 4
Txav tus nas cursor dhau tus pas ntsuas sab saum toj ntxiv rau kab rov tav kab. Nias thiab tuav tus yuam sij sab laug. Txav tus nas cursor nqis mus rau thaj chaw duab. Ib yam li ntawd, siv txoj cai kav, koj tuaj yeem ntxiv cov kab rov tav.
Kauj ruam 5
Ntxiv cov naj npawb uas yuav tsum tau ntawm cov kab siv thiab muab lawv tso rau ntawm thaj tsam ntawm kev faib ntawm cov cheeb tsam ntawm daim ntawv. Cov kab yuav tsum hla txhua qhov chaw uas koj xav tau los txiav lub ntsej muag. Lawv yuav tsum txwv txhua daim duab thiab cov chaw siv tswv yim (logo, lub vev xaib, kab ntawv tav toj thiab ntsug, thiab lwm yam) uas yuav nthuav tawm hauv lub vev xaib.
Kauj Ruam 6
Qhib cov Qiv Cov Cuab Yeej. Nws lub khawm yog ntawm tus toolbar ntsug.
Kauj Ruam 7
Tsim qhov yuav tsum muaj pes tsawg tus ntawm cov chaw txiav siv Cov Khoom Siv Slice. Xaiv lub nplai tsim nyog rau ua kom pom cov qauv. Siv tus nas teeb tsa thaj tsam ntawm cov chaw. Cov txheej txheem ntxiv nyob rau theem peb yuav ua rau muaj kev thaj chaw meej ntawm cov ciaj ciam ntawm cov khoom koj tsim. Kho cov thaj chaw uas twb muaj lawm yog tias tsim nyog siv Daim Ntawv Teev Xaiv Cov Cuab Yeej.
Kauj ruam 8
Hloov cov yam ntxwv ntawm cov cheeb tsam kev txiav raws li qhov xav tau. Qhib Txuag Daim Ntawv Xaiv Cov Cuab Yeej. Txoj cai-nias rau ntawm thaj chaw xav tau. Hauv cov ntawv qhia zaub mov, xaiv cov Kho Cov Lus Qhia Xaiv cov khoom. Hauv Daim Ntawv Qhia Kev Xaiv cov lus xaiv uas tshwm, xaiv hom thaj chaw (duab, thaj chaw tsis txaus, rooj), tom qab sau hom, sau qhia, yog tias tsim nyog, lub npe, phiaj URL, cov ntsiab lus ntawm alt="Duab" tus cwj pwm thiab lwm yam muaj nuj nqis Cov. Nyem OK.
Kauj Ruam 9
Txiav daim rau. Xaiv Cov Ntaub Ntawv thiab Txuag rau Web & Devices los ntawm cov ntawv qhia zaub mov, lossis nias Shift + Ctrl + Alt + S. Hauv Txuag rau Lub Vev Xaib & Cov Khoom Sib Tham qhia cov hom thiab cov duab sib piv txwv rau hauv uas tus qauv yuav raug txiav. Nyem rau Txuag khawm. Tus Txuag Tau Zoo Dua Ntawm Hauv Kev sib tham yuav tshwm.
Kauj ruam 10
Xaiv cov HTML thiab Cov Duab (*.html) nyob rau hauv Cov Ntaub Ntawv File-drop-down daim ntawv sau, thiab hauv Cov Ntaub Ntawv npe sau rau lub npe ntawm cov ntaub ntawv uas template HTML markup yuav muab tso rau. Hauv Daim Ntawv Teev Cov Slices, xaiv Txhua Slices. Qhia meej cov ntawv qhia rau cov zis thiab nyem lub pob "Txuag".
Kauj ruam 11
Ib daim ntawv HTML yuav muab tso rau hauv cov ntawv qhia chaw, uas yog qhov tseeb, tau npaj cov nplooj ntawv web npaj. Cov duab ntawv subdirectory yuav muaj cov teeb tsa cov duab rau hauv uas tus thawj template tau txiav.
