Cov txheej txheem:
- Kauj ruam 1: Siv Notepad
- Kauj ruam 2: Ntxiv Basic HTML Document Tree
- Kauj Ruam 3: Txuag Raws Li.html Nplooj Ntawv
- Kauj Ruam 4: Ntxiv Lub Npe rau Koj Lub Vev Xaib
- Kauj Ruam 5: Ntxiv Cov Ntsiab Lus rau Koj Lub Vev Xaib
- Zoo siab txais tos rau kuv lub vev xaib
- Kauj Ruam 6: Saib Peb Cov Kev Hloov Mus Li No
- Kauj Ruam 7: Ntxiv Kab Lus Tag
- Zoo siab txais tos rau kuv lub vev xaib
- Kauj Ruam 8: Muab Nws Xim
- Zoo siab txais tos rau kuv lub vev xaib
- Kauj Ruam 9: Ntxiv Daim Duab
- Zoo siab txais tos rau kuv lub vev xaib
- Kauj Ruam 10: Saib Cov Khoom Kawg
Video: Bare Bones Web Page: 10 Kauj Ruam
2024 Tus sau: John Day | [email protected]. Kawg hloov kho: 2024-01-30 09:29
Hnub no peb tab tom tsim ib qho yooj yim heev, liab qab pob txha lub vev xaib los ntawm kos. Peb yuav tham txog cov ntsiab lus HTML, teeb tsa koj lub vev xaib (xim, fonts, sib dhos, thiab lwm yam), thiab thaum kawg yuav ua li cas ntxig duab rau hauv koj lub vev xaib!
Txog qhov kawg ntawm cov lus qhia no, koj yuav muaj cov txuj ci yooj yim los tsim lub vev xaib los ntawm kos, thiab tshawb pom tias coding tsis nyuaj li nws zoo li!
Kauj ruam 1: Siv Notepad
Peb yuav siv Notepad ntawm qhov rais los tsim peb thawj nplooj ntawv web page. Txawm hais tias ib tus ntawv sau yuav ua, notepad los ua ntej teeb tsa ntawm lub tshuab Windows yog li nws yog qhov pib zoo.
Txhawm rau qhib notepad, mus rau koj qhov chaw tshawb nrhiav hauv qab sab laug ntawm koj lub vijtsam thiab ntaus "Notepad". Tom qab ntawv xaiv daim ntawv thov "Notepad" uas los rau hauv cov txiaj ntsig tshawb fawb. Lub qhov rai tshiab yuav tsum qhib.
Kauj ruam 2: Ntxiv Basic HTML Document Tree
Txhua nplooj ntawv web yuav tsum ua raws tus qauv txheej txheem pob txha txhawm rau txhawm rau koj lub vev xaib (Chrome, Firefox, Ntug, Internet Explorer, Safari …) los ua thiab tso tawm koj lub vev xaib.
Qhov no hu ua tsob ntoo daim ntawv html. Hauv Notepad, ntaus hauv html "ntsiab lus" lossis "cim npe" raws li pom hauv qhov screen txhaj tshuaj. Xav tias dawb los theej thiab paste ib yam nkaus:
Kauj Ruam 3: Txuag Raws Li.html Nplooj Ntawv
Tam sim no peb muaj peb cov qauv html yooj yim hauv Notepad, cia peb khaws nws kom peb tsis txhob poob haujlwm, thiab yog li peb tuaj yeem pom peb cov kev hloov pauv thaum peb nce qib raws li Cov Lus Qhia.
- Xaiv 'Cov Ntaub Ntawv'> 'Txuag raws li …' (Screenshot 1)
- Hloov Cov Ntaub Ntawv Hom rau 'Txhua Cov Ntaub Ntawv' (Screenshot 2)
- Muab koj lub npe cov ntaub ntawv uas koj xaiv. Nco ntsoov nco qhov chaw koj khaws cov ntaub ntawv hauv koj lub computer yog li koj tuaj yeem qhib nws tom qab. Qhov no yuav tso cai rau koj lub khoos phis tawj lees paub nws ua lub vev xaib. Yog li yog tias koj xav sau koj cov ntaub ntawv "my_webpage", nco ntsoov ntxiv.html rau qhov kawg ntawm qhov ntawd, piv txwv. "my_webpage.html"
Kauj Ruam 4: Ntxiv Lub Npe rau Koj Lub Vev Xaib
Yog li peb muaj cov qauv html yooj yim xav tau rau lub vev xaib los txhais lus thiab tso tawm peb lub vev xaib, tab sis peb tsis muaj cov ntsiab lus. Wb hloov qhov ntawd!
Thawj qhov peb yuav tsum ua yog muab Title rau peb nplooj ntawv web. Feem ntau ntawm txhua nplooj ntawv web muaj lub npe. Nov yog qhov qhia txog ntawm lub tab hauv koj lub vev xaib (saib cov duab txhaj tshuaj). Kuv yuav muab kuv lub vev xaib lub npe "Taylor's Website". Txhawm rau ua qhov no, peb yuav tsum ntxiv lub npe 'ntsiab lus'.
Taylor's Website
Txij ntawm no mus koj yuav pom tias txhua daim ntawv muaj qhov "qhib" lossis "tag". Xws li
thiab.
Qhov no yog kom paub qhov twg lub npe pib, thiab qhov twg nws xaus. Yuav luag txhua qhov cim npe html ua raws qhov no, txawm li cas los xij muaj qee qhov kev zam.
Kauj Ruam 5: Ntxiv Cov Ntsiab Lus rau Koj Lub Vev Xaib
Zoo, peb muaj Lub Npe rau peb nplooj ntawv web, tab sis peb tseem tsis muaj cov ntsiab lus tseeb rau nws. Cia peb ntxiv qee qhov ntxim nyiam!
Peb tau ntxiv lub npe rau peb nplooj ntawv web page siv lub npe 'ntsiab lus'. Cia peb muab peb lub vev xaib loj, ua tib zoo mloog lub taub hau los ntawm kev siv lub ntsiab lus 'h1' uas yog lub hauv paus ntsiab lus.
Taylor's Website
Zoo siab txais tos rau kuv lub vev xaib
Kauj Ruam 6: Saib Peb Cov Kev Hloov Mus Li No
Peb muaj lub npe, peb muaj qee cov ntsiab lus, cia saib ntawm peb lub vev xaib seb nws yuav los txog tam sim no li cas.
- Txuag koj cov ntawv hauv notepad
- Mus rau qhov chaw koj tau khaws koj cov ntaub ntawv thiab ob npaug nyem rau nws. Nws yuav tsum cia li qhib hauv koj lub vev xaib lub neej ntawd. Saib zoo!
Kauj Ruam 7: Ntxiv Kab Lus Tag
Peb muaj lub npe, lub hauv paus, tam sim no cia ntxiv kab lus nrog qee cov ntawv ntxiv. Lub ntsiab lus lub npe rau kab lus yog 'p'. Koj tuaj yeem pom nws siv hauv qab no:
Taylor's Website
Zoo siab txais tos rau kuv lub vev xaib
Hnub no peb yuav kawm paub tsim lub vev xaib no yooj yim heev!
Nco tseg: Koj tuaj yeem saib koj qhov kev hloov pauv txhua lub sijhawm koj nyiam los ntawm kev txuag cov ntawv sau thiab qhib cov ntawv.
Kauj Ruam 8: Muab Nws Xim
Peb muaj peb lub vev xaib dov txoj cai nrog, tab sis nws yooj yim heev. Cia peb muab peb kab lus cim qee xim!
Peb tuaj yeem ua xim sib txawv los ntawm kev ntxiv tus cwj pwm 'style' rau 'p' lossis raws li cov hauv qab no:
Taylor's Website
Zoo siab txais tos rau kuv lub vev xaib
Hnub no peb yuav kawm paub tsim lub vev xaib no yooj yim heev!
Kauj Ruam 9: Ntxiv Daim Duab
Lub website tsis muaj duab yog dab tsi? Cia peb ntxiv ib daim duab rau peb lub vev xaib!
Thawj kauj ruam yog nrhiav cov duab uas koj nyiam. Kuv siv google cov duab los tshawb nrhiav tus khaws kub. Rub daim duab thiab xyuas kom tseeb tias qhov url xaus rau hauv.jpg,.png,.gif,.jpg, thiab lwm yam.
Thaum koj tau xaiv koj daim duab, peb yuav tsum ntxiv nws mus rau nplooj ntawv html siv 'img' lossis. Kuv daim duab yog:
Ntxiv nws rau koj nplooj ntawv siv 'img' tag nrog 'src' tus yam ntxwv:
Taylor's Website
Zoo siab txais tos rau kuv lub vev xaib
Hnub no peb yuav kawm paub tsim lub vev xaib no yooj yim heev!
Kauj Ruam 10: Saib Cov Khoom Kawg
Txuag cov ntawv sau cia, thiab qhib qhov khoom kawg. Koj yuav tsum pom koj lub vev xaib!
Pom zoo:
BLE Page Turner 2.0: 3 Cov Kauj Ruam
BLE Page Turner 2.0: Kuv txiv tsis ntev los no tau yuav lub bluetooth foot pedal ua rau nws muaj nws cov nkauj nkauj ntawm lub ntsiav tshuaj thiab tig nplooj ntawv nrog nws txhais taw. Muaj txiaj ntsig zoo rau ob daim ntawv nkauj thiab PDF Lego cov lus qhia, uas yog ob qho ntawm ob qho kuv nyiam yav dhau los, thiab txawm tias
ESP8266 POV Ntxuam nrog Moos thiab Web Page Hloov Kho Tshiab: 8 Kauj Ruam (nrog Duab)
ESP8266 POV Ntxuam nrog Moos thiab Web Nplooj Ntawv Hloov Kho Tshiab: Qhov no yog qhov hloov pauv tau sai, POV (Kev Pom Kev Tsis Pom Kev), Kiv cua uas tsis tu ncua qhia lub sijhawm, thiab ob kab lus uas tuaj yeem hloov kho tshiab "ntawm yoov." kuj tseem yog nplooj ntawv web server uas tso cai rau koj hloov ob kab ntawv rau kuv
ESP8266-01 Web Page: 6 Kauj Ruam
ESP8266-01 Web Page: Nyob zoo txhua tus. Hnub no, hauv kab lus no peb yuav kawm ua lub vev xaib rau ESP8266-01. Ua qhov haujlwm no yooj yim heev thiab siv sijhawm li ob peb feeb xwb. Lub Circuit Court kuj yooj yim thiab cov lej nkag siab yooj yim. Peb yuav siv Arduino IDE rau koj
ESP8266 -NODEMCU $ 3 WiFi Module #2 - Wireless Pins Tswj Los Ntawm WEB PAGE: 9 Cov Kauj Ruam (nrog Duab)
ESP8266 -NODEMCU $ 3 WiFi Module #2 - Wireless Pins Tswj los ntawm WEB PAGE: Lub ntiaj teb tshiab ntawm cov kev suav me me tau los txog thiab qhov no yog ESP8266 NODEMCU. Nov yog thawj ntu uas qhia pom tias koj tuaj yeem txhim kho ib puag ncig ntawm esp8266 hauv koj li arduino IDE los ntawm kev pib ua yeeb yaj kiab thiab raws li ntu hauv
Bare Bones Breadboard Arduino Labels: 4 Kauj Ruam
Bare Bones Breadboard Arduino Labels: Cov lus qhia no yooj yim heev. Kuv tau txais kev tshoov siab los ntawm tymm's uDuino liab qab pob txha interface rau breadboarding Arduino, tab sis xav tias ib yam ploj lawm. Arduino tus lej piav qhia, D0, D1, A0, A2, thiab lwm yam, tsis sib xws ncaj qha nrog ATMeg