Thaum tsim lub xaib, koj feem ntau yuav tsum tau daws cov lus nug tseem ceeb: dab tsi yuav muaj tus cwj pwm ntawm nplooj ntawv thaum nws qhib nrog cov tshuaj ntsuam txawv? Muaj ob txoj hauv kev ntawm no - "roj hmab" (ncab) nplooj ntawv lub vev xaib lossis zoo li qub. Thawj qhov kev xaiv yuav tau tham txog. Xijpeem koj qhov kev nyiam rau kev teeb tsa, lub ntsiab tenet ntawm ncab tsim yog tus txheeb ze scalability.
Nws yog qhov tsim nyog
- - kev paub ntawm HTML;
- - qhov kev pab cuam rau kho html-code.
Cov Lus Qhia
Kauj ruam 1
Xaiv cov ntawv tseem ceeb rau koj tus qauv xaib, uas yuav cuam tshuam cov cim tseem ceeb. Nws tuaj yeem yog index.html lossis file.php. Ib tug ntawm qhov zoo tshaj plaws pom qhov chaw template kho software yog Macromedia Dreamweawer. Qhov tsim nyog kho yuav ua tiav ntawm lub hauv paus ntawm txoj haujlwm no.
Qhib cov ntaub ntawv template lossis tsim ib qho tshiab los ntawm kev hais kom ua "Cov Ntaub Ntawv" - "Tshiab", qeb - "Nplooj phab" - "HTML" lossis qeb "nplooj ntawv Dynamic" - "PHP". Ntawm no peb xav txog rooj plaub dav dav thaum lub tsev kawm ntawv cov qauv raug kaw hauv qhov tseeb ntawm ib qho ntawm ob cov ntaub ntawv.
Kauj ruam 2
Nws tau ntev tsis muaj kev zais cia uas muaj ntau yam txheej txheem txawv - ntawm cov ntxhuav, ntawm div-block thiab sib xyaw ua ke (cov ntxhuav thiab cov thaiv tib lub sijhawm). Lub html chob yog lub luag haujlwm rau lub rooj teeb tsa
Qhia kom pom qhov feem pua (100%) rau txhua cov vaj tse. Qhov no yuav ua tiav cov nyhuv ntawm cia li rub lub rooj ntawm lub ntsej muag ntawm cov ntxaij vab tshaus nrog txhua ntsuas. Nws tuaj yeem yog 19-nti saib lossis lub xov tooj smartphone - txhua ntawm lawv yuav kho cov ntsiab lus kom sai.
Kauj ruam 3
Yog tias koj xav qhia kom meej raws li kev sib kis ntawm lub rooj hlwb, ces siv tus piv txwv hauv qab no:
| … … tus txheem ntawm tes 1. … | … … tus txheem ntawm tes 2. … |
Ntawm no koj yuav pom tias ib lub hlwb tau teev nrog qhov dav ntawm 30% ntawm txhua yam uas tau txhais rau lub rooj nws tus kheej. Qhov kev laij lej yooj yim qhia tau tias 100% -30% = 70% tseem tshuav rau lub xovtooj thib ob. Nco ntsoov tias nyob rau hauv cov ntaub ntawv no ib qho ntawm lub rooj hlwb yuav tsum tsis txhob muaj lub dav tus cwj pwm tsim. Qhov browser yuav ua tag nrho cov kev xam ntawm nws tus kheej thiab yuav ncab kom rooj nrog cov hlwb. Cov ncauj lus nyob hauv cov ntxhuav kuj tseem yuav ncab thiab ntsws kom raug hla ntawm cov ntxaij.
Kauj ruam 4
Nyob rau hauv qhov xwm txheej nrog div txheej, cov nplov ntawm tes yog ncab los ntawm neej ntawd mus rau qhov dav tag nrho ntawm lub vijtsam thiab ua raws ib qho tom qab ib qho los ntawm sab laug rau sab xis, txij saum toj mus rau hauv qab. Txhawm rau ua kom zoo dua lawv cov kev ntsuas, tsim CCS chav kawm lossis tus cim (ID), uas koj qhia, piv txwv li, cov cwj pwm thiab / lossis rau qeb ntawm qhov loj thiab txoj haujlwm ntawm lub npov (Lub thawv). Tsis txhob hnov qab txuas cov kev cai tshwj xeeb rau lub xaib ntaub ntawv chaw thiab khi chav kawm (ID) rau daim pib cim. Feem ntau nws muab tso rau thaum pib ntawm tsab ntawv, txhais txhua yav tom ntej ntawm qhov chaw geometry:
… … site ntawv. …
Lossis zoo li no:
… … site ntawv. …
Txoj cai rau CSS txoj cai yuav muaj raws li hauv qab no:
… myclass {
dav: 30%;
qhov siab: 50%;
}
#myID {
dav: 30%;
qhov siab: 50%;
}
