Cov txheej txheem:
- Kauj Ruam 1: Tsim Tus Cwj Pwm
- Kauj ruam 2: Ntxiv References
- Kauj ruam 3: Code
- Kauj Ruam 4: Hloov Cov Cai ntawd kom haum rau Koj Xav Tau
- Kauj ruam 5: Demo
2024 Tus sau: John Day | [email protected]. Kawg hloov kho: 2024-01-30 09:27
Qhov no yuav zoo li yooj yim, thiab kuv yuav zoo li ua dag rau muab tso rau hauv Instructables, tab sis qhov tseeb, nws tsis yooj yim li. Muaj CSS, Jquery, HTML, qee qhov javascript zoo nkauj, thiab, huag zoo, koj paub.
Kauj Ruam 1: Tsim Tus Cwj Pwm
Muaj qhov chaw txias no hu ua Codepen. Yav dhau los, tsuas yog siv tus lej hauv HTML, Kuv tau siv
- Tua tawm File Explorer.
- Mus rau Kuv Cov Ntaub Ntawv.
- Tsim cov ntaub ntawv txt.
- Hloov lub npe ntawd mus rau "MyHTMLDoc.html".
- Ntaus OK rau cov lus ceeb toom.
- Kaw Cov Ntaub Ntawv Explorer.
- Qhib Visual Studio, uas siv sijhawm tsib feeb.
- Qhib cov ntawv hauv Visual Studio, uas siv sijhawm tsib feeb ntxiv. VS qeeb heev.
- Pib.
- Thaum kuv ua tiav, Kuv yuav tsum qhib cov ntawv hauv Edge kom pom kuv txoj haujlwm.
Tam sim no, txhua yam koj yuav tsum ua yog
- Tua Ntug.
- Mus rau
- Nyob rau sab xis-sab xis, ntaus Pen tshiab.
- Pib Coding.
Saib nws yooj yim npaum li cas? Tsuas yog sau koj li JS, CSS, thiab HTML hauv lawv lub thawv. Cov txiaj ntsig tshwm tuaj ncaj qha ntawm sab xis.
Qhov tseeb, Codepen zoo heev, uas kuv pom zoo kom koj mus tsim koj tus lej tam sim no. Yog, Kuv ntxub ua tus tshaj tawm, tab sis kuv tsis tuaj yeem pab nws. Nws yog qhov zoo dua. Nws tsis muaj dab tsi kuv tuaj yeem ua tau txog nws.
Lossis, yog tias koj tsis xav tsim tus as khauj, koj tuaj yeem tsim tus cwj mem yam tsis muaj tus account. Koj tuaj yeem txuag koj tus cwj mem raws li lub npe siv "Captain Anonymous".
Kauj ruam 2: Ntxiv References
Txij li thaum peb tab tom yuav siv Jquery thiab qhov no (tiag tiag) txias tshaj plaws uas yog hu ua "Balloon.css", peb yuav tsum ntxiv cov ntawv ua ntej. Yog tias koj yog tus tshiab, Kuv yuav qhia koj yuav ua li cas hauv Codepen.
- Nyem Chaw.
- Nyob ntawm seb qhov kev siv yog daim ntawv-style lossis tsab ntawv, nyem CSS lossis Javascript.
- Hauv qab Ntxiv Sab Nraud (Javascript lossis CSS) ntxiv cov ntawv xa mus.
Ntxiv:
bla bla bla: BLAAAAAAA !!!!
Tam sim no tshem qhov ntawd thiab muab tso rau hauv HTML cim txuas rau koj nyiam CDN rau Jquery thiab Balloon.css.
Kauj ruam 3: Code
Hauv qab no, ntxiv cov cai no.
codepen.io/slate-coding/pen/oepQpX
Luam/paste cov cai rau koj tus cwj mem.
Kauj Ruam 4: Hloov Cov Cai ntawd kom haum rau Koj Xav Tau
Koj tuaj yeem fiddle nyob ib puag ncig ntau npaum li koj nyiam nrog tus cwj mem kom haum rau koj cov kev xav tau, tom qab ntawd theej-muab cov cai rau txhua qhov chaw koj xav tau.
Kauj ruam 5: Demo
codepen.io/alexvgs/pen/oepQpX
Pom zoo:
$ 10 Lub Vev Xaib Lub Vev Xaib Kho: 5 Kauj Ruam (nrog Duab)
$ 10 Lub Vev Xaib Lub Vev Xaib Tsis Zoo: Zoo, kuv tau ua nws dua. Kuv tau tawg kuv qhov screen. Rau cov ntawm koj uas yuav nco tau, kuv tau ua qhov no tsuas yog ib xyoos dhau los thiab xav tau kev txhim kho ib ntus kom coj kuv mus txog thaum kuv tuaj yeem hloov pauv cov muab kev pabcuam thiab tau txais xov tooj tshiab. Nws tau ua haujlwm zoo, nws tau kav rau
Lub Vev Xaib Tswj Lub Vev Xaib Box: 4 Kauj Ruam
Lub Vev Xaib Tswj Lub Vev Xaib Box: Qhov no yog lub thawv xauv uas tuaj yeem qhib tau los ntawm kev qhia sai ntawm lub vev xaib. Qhov no txhais tau tias, koj tuaj yeem kaw cov khoom tam sim ntawd hauv lub thawv thiab tsuas yog nkag mus rau lawv thaum ib tus neeg nkag mus rau kab lus muab nkag rau ntawm lub vev xaib pej xeem. Vim li cas ib tus xav tau qhov no? Nov yog ib qho ex
Muab Daim Ntawv Qhia Platial ntawm Koj Lub Vev Xaib: 8 Kauj Ruam
Muab Daim Phiaj Xwm Platial rau ntawm Koj Lub Vev Xaib: Thaum koj tau pom daim duab qhia chaw ntawm Platial lossis tsim koj tus kheej, koj yuav xav muab daim ntawv qhia ntawd tso rau hauv koj qhov blog lossis lub vev xaib. Cov lus qhia no yuav coj koj hla cov kauj ruam ntawm yuav ua li cas. Txhua daim ntawv qhia Platial tuaj yeem luam tawm los ntawm leej twg
Txhua Yam Txog Kev Tsim Lub Vev Xaib Lub Vev Xaib: 5 Kauj Ruam
Txhua Yam Txog Kev Tsim Lub Vev Xaib Lub Vev Xaib: Lub vev xaib pub dawb no yog daim ntawv uas koj siv los npaj phiaj xwm kev tsim kho cov ntsiab lus zoo ua kom pom tseeb cov ntsiab lus lub vev xaib. Daim qauv txheej txheem no tau tsim nrog kev yooj yim siv cov khoom siv hauv Microsoft Excel txawm hais tias muaj ntau yam software sib txawv
Lub hauv paus tseem ceeb ntawm Lub Vev Xaib-raws li Lub Vev Xaib: 7 Kauj Ruam
Cov Hauv Paus Ntawm Lub Vev Xaib-raws li Lub Vev Xaib: Cov lus qhia no yuav qhia koj cov hauv paus ntawm kev tsim lub vev xaib nrog divs li cas. Vim tias cov ntxhuav siv rau kev teeb tsa yog qhov phem!: PTo kom nkag siab cov lus qhia no, koj yuav tsum paub qhov yooj yim html thiab css. Yog tias koj tsis nkag siab qee yam, xav tias dawb rau