Yuav Tsim Kho Lub Vev Xaib Li Cas Tshiab

Cov txheej txheem:

Yuav Tsim Kho Lub Vev Xaib Li Cas Tshiab
Yuav Tsim Kho Lub Vev Xaib Li Cas Tshiab

Video: Yuav Tsim Kho Lub Vev Xaib Li Cas Tshiab

Video: Yuav Tsim Kho Lub Vev Xaib Li Cas Tshiab
Video: YUAV UA LI CAS LUAG THIAJ SAIB TAUS YUS 2024, Hlis ntuj nqeg
Anonim

Txoj kev yooj yim tshaj plaws los tsim lub vev xaib yog siv tus qauv ntsuas. Txawm li cas los xij, rau cov peev txheej los sawv tawm, koj yuav tsum hloov chaw hloov chaw yam teeb meem. Thiab ntawm no koj tsis tuaj yeem ua yam tsis muaj kev paub txog html thiab css.

Yuav tsim kho lub vev xaib li cas tshiab
Yuav tsim kho lub vev xaib li cas tshiab

Cov Lus Qhia

Kauj ruam 1

Nrhiav lub vev xaib template uas haum rau koj zoo tshaj plaws hauv Is Taws Nem. Ua tib zoo saib nws cov peev xwm, muaj peev xwm yoog raws qhov loj ntawm cov ntsuas, cov yam ntxwv ntawm cov zaub mov thiab kev teeb ntawm kem. Rub tawm cov version uas koj nyiam rau koj lub computer, tsis sau cov archive. Txheeb xyuas nws cov kev ua tau zoo los ntawm uploading cov ntaub ntawv mus rau lub hauv paus ntawm lub xaib. Kab tias tus qauv muaj cov yuam kev thiab yuav tsis txhim kho kom raug, ces yuav tsis muaj qhov ua haujlwm nrog nws yav tom ntej.

Kauj ruam 2

Txawm hais tias koj tsis tas yuav rov ua dua tshiab lub template, hloov feem ntau ntawm cov duab, thiab tshwj xeeb tshaj yog cov uas muaj nyob hauv qhov logo. Hloov txhua daim duab raws li no:

- qhib cov duab kab ntawv nyob rau hauv lub program Photoshop;

- hauv cov ntawv qhia "Duab" - "Duab loj" saib ntawm nws cov tsis;

- qhib daim ntawv tshiab nrog qhov ntev tib yam;

- tsim cov duab xav tau siv cov cuab yeej thov;

- flatten tag nrho cov khaubncaws sab nraud povtseg thiab txuag (tsis yog rau lub web) ib daim duab tshiab nyob hauv tib lub npe thiab hauv cov ntawv qub, teeb tsa tus qauv qub.

Yog li, hloov ntawm ib qho duab, lwm tus yuav tsum tshwm sim.

Kauj ruam 3

Sai li koj hloov tag nrho cov duab, zip nplaub tshev nrog cov ntaub ntawv (nyob rau hauv rooj plaub ntawm Joomla) thiab upload nws los ntawm lub xaib tswj hwm vaj huam sib luag nyob rau hauv cov ntawv "Extensions". Saib yog tias lub ntsiab lus qhia pom kom raug nrog cov duab tshiab tshiab.

Kauj ruam 4

Hloov tas cov ntawm cov txwv hauv style.css. Ntxiv mus, nws yog qhov yooj yim dua los ua qhov no tsis yog los ntawm cov tswj hwm vaj huam sib luag, tab sis hauv lub computer. Nws yog tsim nyog siv localhost (Denver) kom pom cov txiaj ntsig ntawm kev hloov pauv sai li sai tau. Qhov no yuav zam qhov xav tau los tso qhov tshwm sim rau tus neeg rau zaub mov txhua zaus kom saib cov txiaj ntsig tom qab kev hloov kho tom ntej.

Kauj ruam 5

Rub tawm lub khoos phis dawb FireBug rau Mozilla Firefox. Tom qab kev teeb tsa, lub cim kab kab daj yuav tshwm nyob rau saum toj kawg nkaus ntawm kaum ntawm qhov browser. Nyem rau nws lossis nias rau F12 qhov tseem ceeb thiab hauv qab ntawm lub vijtsam, nplooj ntawv kab lus yuav tshwm nyob rau hauv qhov chaw sib tsoo. Nws tuaj yeem qhib los ntawm hovering nas hla lub cim ntxiv. Thiab yog tias koj nyem rau ntawm kab ntawm ib qho, nws yuav raug ntsia rau saum toj ntawm qhov screen. Ntawm sab xis ntawm lub qhov rais nrog cov cai, koj yuav pom cov qauv qhia txog cov kab uas muaj lub luag haujlwm rau cov tsos. Thiab nws yuav tam sim ntawd kom meej meej qhov twg koj yuav tsum tau hloov cov ntaub ntawv style los pauv tus qauv tsim.

Kauj Ruam 6

Qhib style.css hauv Notepad ++. Koj tuaj yeem siv lwm txoj haujlwm tsim los kho qhov chaws, tab sis rau lub hom phiaj no koj tsis tuaj yeem siv tus qauv "Notepad", txwv tsis pub nws yuav muaj qhov yuam kev vim yog qhov encoding. Siv FireBug los nrhiav qhov tsis koj xav hloov thiab hloov kho lawv hauv Notepad ++ tib lub sijhawm.

Kauj Ruam 7

Khaws css kawg thiab upload cov ntawv rau server.

Pom zoo: