Yog tias koj tab tom nrhiav txoj hauv kev los tsim cov HTML-site, Nov yog qee cov lus qhia kom tau koj pib. Kawm HTML-Lernen los tsim lub vev xaib, lossis siv cov cim vis dis aus los tsim lub vev xaib hauv Moodle. Nyob rau hauv txhua rooj plaub, Koj yuav tsum muaj tsawg kawg yog qhov kev nkag siab yooj yim ntawm HTML los tsim koj tus kheej lub xaib. Muaj ob peb txoj hauv kev los tsim cov HTML-nplooj ntawv, Tab sis cov no yog feem ntau.
Tsim cov HTML-Seite
Thawj kauj ruam hauv kev tsim koj tus kheej lub vev xaib yog kom kawm txog kev siv HTML. HTML yog cov qauv ntsuas rau cov nplooj ntawv web. Nws tau tsim los ntawm Tim Berners-Lee hauv 1991 Thaum ua haujlwm ntawm CN. Nws yog ib qho ntawm cov thev naus laus zis tseem ceeb siv los tsim lub ntiaj teb thawj lub vev xaib. Cov lus tau txij li tau txais kev txhim kho thiab rov sau dua tshiab, Tab sis nws lub hom phiaj yooj yim tseem zoo ib yam. Nws lub hom phiaj tseem ceeb yog rau hom web nplooj ntawv thiab tso saib lawv rau cov neeg siv.
Siv HTML Kev Kawm
Koj tuaj yeem kawm los tsim cov HTML nplooj pub dawb lossis them nyiaj siv cov khoom siv them nyiaj. Siv cov peev txheej pub dawb los kawm cov HTML yog yooj yim dua kev kawm cov hauv paus los ntawm cov khoom siv them nyiaj. Qee tus neeg yuav tau txais txiaj ntsig ntxiv los ntawm cov chav kawm fesseling, uas tsis yooj yim dua thiab txo qis qhov ntxim nyiam ntawm kev poob tawm. Cov chav kawm online tso cai rau koj siv HTML code hauv koj lub vev xaib, thiab tuaj yeem muab cov kev kawm muaj txiaj ntsig zoo. Txawm li cas los, Yog tias koj tab tom nrhiav kom txuag tau nyiaj, Cov nyiaj them tau yog ib txwm xaiv.
Thaum koj kawm HTML dawb, Nws yog qhov zoo tshaj plaws los pib nyeem cov lus qhia sau los ntawm cov kws txawj. HTML yog cov lus tseem ceeb rau cov web tsim tawm, Raws li nws ua rau muaj kev yooj yim dua nyob rau hauv cov ntsiab lus sau thiab ua kom pom nws. Koj yuav pab txuag nyiaj los ntawm kev kawm HTML, Txij li lub web tsim tawm yog kim. Yog koj paub yuav ua li cas tsim HTML, Koj tuaj yeem txuag nyiaj ntau los ntawm kev txuag lub sijhawm thiab lub zog. Koj tseem tuaj yeem ua cov kev hloov pauv me me yog tias koj muaj qee qhov kev paub yooj yim ntawm nws.
HTML yog lus XML-raws li. HTML cov cim npe tau npaj rau hauv lub kaum sab xis nkhaus. Absatz-cim qhia lub web browser dab tsi ib nplooj ntawv lub npe yog. Feem ntau html-cim npe xaus nrog schliesssending cim npe, Thaum ob peb tau qhib thiab kaw. Piv txwv zoo ntawm ib qho kev sib txuas Klassnern yog qhov txuas.
Koj tuaj yeem siv cov kev sib txuas ntawm cov ntawv tshaj tawm cov lus tshaj tawm los sau koj cov cai. Ib qho ntawm cov khoom tseem ceeb tshaj plaws ntawm cov nplooj ntawv HTML yog daim ntawv tshaj tawm kev tshaj tawm. Qhov no qhia qhov browser lub markup cov lus uas koj lub vev xaib tau sau rau hauv. Txawm li cas los, Qhov no tsis yog lub caij. Lub hauv paus keeb yog html. Thaum koj kawm HTML, Koj yuav tsum xyuas kom paub tseeb tias daim ntawv tshaj tawm Docvelpe yog tib yam.
Tsim cov HTML-site hauv Moodle
Txhawm rau tsim cov html-site hauv Moodle, Koj yuav tsum yog tus kws tshaj lij hauv web tsim. HTML-chaw yog ib qho kev kawm muaj zog, thiab lawv tuaj yeem siv los tsim kev koom tes nrog, Sib tham Sib Tham. Hauv no nyeem, Peb yuav taug kev ntawm kev tsim cov ntsiab lus HTML-site. Txawm li cas los, Yog tias koj twb muaj qee qhov HTML-Site Kawm Txuj Ci, Cov lus qhia no yuav pab koj tau pib.
Ua ntej, koj yuav tau tsim ib nplooj ntawv. Ib nplooj ntawv yog yeej lub web page nyob rau hauv Moodle, Thiab nws tuaj yeem muaj ntau hom ntsiab lus, suav nrog multimedia. Cov nplooj ntawv muaj yooj yim dua ntawm ob, txawm li cas los xij, Raws li koj tsis tas yuav txhawj txog uploading cov ntaub ntawv loj. Ib nplooj tuaj yeem hloov kho tau yooj yim thiab yooj yim dua los tuav dua li phau ntawv. Rau cov khoom siv html ntau dua, Koj yuav tsum siv phau ntawv cov chaw pab.
Tom qab koj tau tsim ib nplooj ntawv, koj yuav xav tau cov ntsiab lus html-site. Hauv chav kawm no, Peb mam qhia koj yuav tsim cov nplooj ntawv teb thiab teb cov lus hauv Moodle. Kauj ruam kawg yog npaj koj cov ntsiab lus kawm. Ib chav kawm tsis tiav yam tsis muaj cov ntsiab lus nplua nuj thiab cuam tshuam, thiab lub Moodle Editor ua rau qhov yooj yim heev! Peb kuj yuav saib yuav ua li cas tsim cov nplooj ntawv teb thiab ua cov lus Moodle cov ntsiab lus txawb-phooj ywg.
Koj tuaj yeem ntxiv cov duab lossis cov duab sab nraud rau koj lub siab. Tsuas yog nyem rau ntawm “ntxig duab” khawm thiab koj yuav tau nthuav tawm nrog tus editor ntawm koj xaiv. Koj tuaj yeem xaiv los ntawm JPG, Gif, lossis png duab, Lossis koj tuaj yeem kho cov ntsiab lus nrog koj tus kheej cov duab. Yog tias koj yog tus pib hauv HTML chaw tsim, Nco ntsoov tsim cov HTML-site thawj.
Siv Qhov Muag Studio Code los tsim ib qho ntawm html-site
Yog tias koj tau xav kawm yuav ua li cas thiaj ua ib qho ntawm lub tsev kawm ntawv ntawm html, Tej zaum koj yuav xav paub txog kev siv lub cim vis dis aus. Qhov no code Editor yog muaj rau Windows, Macos, thiab linux, thiab tso cai rau koj los sau HTML code ua ntau hom lus. Nws tseem suav nrog kev txuas ntxiv uas pab koj khiav cov ntaub ntawv HTML hauv lub davhlau ya nyob twg. Yog tias koj tsis paub tseeb tias yuav siv cov kev txuas ntxiv no, Koj tuaj yeem kawm paub ntau ntxiv txog lawv los ntawm kev nyeem cov tshooj hauv qab no ntawm tsab xov xwm no.
Tom qab koj tau sau qhov muag pom Code Studio, Tshaj tawm nws. Koj yuav pom plaub lub cim rau sab xis ntawm daim nplaub tshev lub npe. Nyem rau ntawm cov ntaub ntawv tshiab’ lub cim icon. Xaiv cov ntaub ntawv txuas '.html’ thiab sau ib lub npe rau txoj haujlwm. Koj yuav tau nkag mus rau cov ntaub ntawv lub npe thiab ntaus cov ntaub ntawv tsim nyog kom tau txais cov cai Studio tau nkag siab nws cov ntsiab lus. Yog koj siv linux, Koj yuav xav cawm nws hauv koj lub tsev nplaub tshev.
Hauv qhov muag Studio code qhov rai, Xaiv lub cim uas zoo li daim ntaub xiav. Yog tias koj siv Windows, Koj tuaj yeem pom nws hauv cov ntawv qhia zaub mov pib, Hauv cov ntawv thov nplaub tshev ntawm Mac, lossis ntawm cov ntawv thov cov zaub mov hauv Linux. Ntawm cov ntawv qhia kev txuas ntxiv, xaiv “Qhib hauv browser”. Nws yuav qhib cov ntawv hauv lub neej ntawd Browser. Ces, Nyem rau ntawm cov ntaub ntawv xav tau thiab koj yuav pom nws hauv qhov pom ntawm Studio Code Editor.
Raws li koj txuas ntxiv tsim koj HTML-site, Koj yuav pom ib qho txuas ntxiv mus nkag siab zoo nkauj uas yuav pab koj sau koj cov lej. Prettier yog ib qho pub dawb rau vs code thiab yuav khiav chaw koj hais kom meej hauv kev teeb tsa. Cov kev xaiv uas koj xaiv rau qhov txuas ntxiv no muaj “Daim Ntawv Qhia Ntawv” thiab “Hom ntawv ntawm Tseg” – Cov cuab yeej siv tau rau kev tsim cov tshuab HTML huv huv. Yog tias koj siv VS code nyob rau ib hnub, Koj yuav pom ib tus lej ntawm cov nta ntxiv.
Siv Kev Xaiv Studio Code yog qhov kev xaiv zoo rau cov neeg tsim khoom uas xav tsim lub web applications ntawm lub qhov rais lossis Macos operating system. Nws muaj ntau cov kev xaiv customization, Xws li cov qauv tswj tau thiab khiav cov lus txib ncaj qha los ntawm cov editor. Thiab nws yog dawb rau kev siv tus kheej! Thaum lub cim studio yog ib puag ncig kev loj hlob zoo tshaj plaws rau cov vev xaib webs, Kev Siv Lub Cim Studio yuav yog qhov kev xaiv zoo dua rau daim ntawv thov tus kheej. Yog tias koj tsis yog tus neeg siv qib siab, Visual Studio Code yog qhov kev xaiv zoo rau koj.




