Maitiro ekugadzira iyo HTML Peji muMoodle

Kana iwe uchitsvaga nzira dzekugadzira iyo HTML-saiti, heano matipi mashoma ekuti utange. Dzidza HTML-Lernen kugadzira webhusaiti, kana kushandisa Visual Studio Code kugadzira webhusaiti muMoodle. Chero zvazvingava, iwe unofanirwa kuve nekunzwisisa kwekutanga kweHTML kugadzira yako saiti. Pane nzira dzakawanda dzekugadzira HTML-peji, asi aya ndiwo akanyanya kuwanda.

Kugadzira HTML-Seite

Nhanho yekutanga mukugadzira yako webhusaiti kudzidza mashandisiro eHTML. HTML ndiwo mutauro wakajairika wemapeji ewebhu. Yakagadzirwa naTim Berners-Lee mukati 1991 uchishanda kuCERN. Yaive imwe yeakakosha matekinoroji akashandiswa kugadzira iyo yekutanga webhusaiti webhusaiti. Mutauro wacho wakagadziridzwa zvikuru uye wakanyorwa patsva, asi chinangwa chayo chikuru chinoramba chiri chimwe chete. Chinangwa chayo chikuru ndechekugadzira mapeji ewebhu uye kuaratidza kune vashandisi.

Kushandisa HTML Kudzidza

Iwe unogona kudzidza kugadzira HTML mapeji emahara kana kubhadhara kushandisa zvakabhadharwa zviwanikwa. Kushandisa zviwanikwa zvemahara kudzidza HTML zviri nyore pane kudzidza zvekutanga kuburikidza neyakabhadharwa zviwanikwa. Vamwe vanhu vanozobatsirwa zvakanyanya kubva kumakirasi ekuita fesling, izvo zvisinganyanyi kuoma uye zvinoderedza mukana wekudonha. Makirasi epamhepo anotendera iwe kushandisa HTML kodhi muwebhu browser yako, uye inogona kupa ruzivo rwakakosha rwekudzidza. Zvisinei, kana uri kutsvaga kuchengetedza mari, zvakabhadharwa zviwanikwa nguva dzose sarudzo huru.

Paunenge uchidzidza HTML mahara, zviri nani kutanga nekuverenga zvidzidzo zvakanyorwa nenyanzvi. HTML mutauro unokosha kune vanogadzira webhu, sezvo ichigonesa kuchinjika kwakawanda mukufometa zvemukati uye kuzviratidzira. Iwe zvakare unochengetedza mari nekudzidza HTML, sezvo vagadziri vewebhu vachidhura. Kana iwe uchiziva kugadzira HTML, unogona kuchengetedza mari yakawanda nekuchengetedza nguva nesimba. Iwe unogona zvakare kuita shanduko diki iwe pachako kana uine ruzivo rwekutanga nezvazvo.

HTML mutauro wakavakirwa paXML. HTML tag dzakarongwa kuita makona mabhuraketi. Absatz-ma tag anoudza web browser kuti zita repeji chii. Mazhinji eHTML-Tags anopera ne schliesssending tags, nepo mashoma anovhurwa uye akavharwa. Muenzaniso wakanaka we spitzen klassnern inobatanidza.

Iwe unogona kushandisa musanganiswa wezvinyorwa zvedoctype kunyora kodhi yako. Chimwe chezvinhu zvinonyanya kukosha zve HTML peji ndeye doctype declaration. Izvi zvinoudza bhurawuza mutauro wekumaka wakanyorwa newebhusaiti yako. Zvisinei, ichi hachisi chinhu. The root element is html. Paunenge uchidzidza HTML, iwe unofanirwa kuve nechokwadi chekuti doctype chiziviso chakafanana.

Kugadzira iyo HTML-Siti muMoodle

Kuti ugadzire iyo HTML-Site muMoodle, unofanirwa kunge uri nyanzvi mukugadzira webhu. HTML-Saiti chinhu chine simba chekudzidza, uye vanogona kushandiswa kugadzira kudyidzana, interactive courses. Muchidzidzo ichi, isu tichafamba nenzira yekugadzira yakakosha HTML-Site. Zvisinei, kana iwe uchitova neimwe HTML-saiti dhizaini ruzivo, gwara iri richakubatsira kuti utange.

Chekutanga, iwe uchafanirwa kugadzira peji. Peji i peji rewebhu mukati meMoodle, uye inogona kuve nemhando dzakasiyana dzezvinyorwa, kusanganisira multimedia. Iyo Peji sosi ndiyo inonyanya nyore yeaya maviri, zvisinei, sezvo iwe usinganetseke nezve kurodha mafaira makuru. Peji inogona kuvandudzwa zviri nyore uye iri nyore kuchengeta pane Bhuku. Kune mamwe akaomarara HTML-Saiti, unofanira kushandisa bhuku rekushandisa.

Mushure mekugadzira peji, iwe uchada kuwedzera HTML-Site zvemukati. Muchidzidzo ichi, isu tinokuratidza maitiro ekugadzira anopindura mapeji marongero uye anopindura mabhuroko muMoodle. Nhanho yekupedzisira ndeyekuronga zvemukati makosi ako. Kosi haina kukwana pasina hupfumi uye hunonakidza zvemukati, uye Moodle editor inoita kuti izvi zvive nyore! Isu tichatarisawo maitiro ekugadzira mapeji anopindura uye kuita Moodle yemukati inoshamwaridzana.

Unogona kuwedzera mifananidzo kana mifananidzo yekunze kune yako Moodle saiti. Ingodzvanya pa “isa mufananidzo” bhatani uye iwe uchaunzwa pamwe nemupepeti wesarudzo yako. Unogona kusarudza kubva kuJPG, GIF, kana PNG mifananidzo, kana iwe unogona kugadzirisa dingindira nemifananidzo yako. Kana iwe uri wekutanga muHTML-Site kusikwa, ita chokwadi chekugadzira diki HTML-Site kutanga.

Uchishandisa Visual Studio Code kugadzira iyo HTML-Site

Kana iwe wakamboda kudzidza kugadzira HTML-Site, unogona kufarira kudzidza kushandisa Visual Studio Code. Iyi sosi kodhi mupepeti inowanikwa yeWindows, macOS, uye Linux, uye inokubvumira kunyora HTML code mumitauro yakasiyana-siyana. Inosanganisirawo maedzero anokubatsira kuti umhanye mafaera eHTML mune terminal. Kana iwe usina chokwadi nezve mashandisiro aya ekuwedzera, unogona kudzidza zvakawanda nezvavo nokuverenga zvikamu zvinotevera zvechinyorwa chino.

Mushure mekunge maisa Visual Studio Code, itarura. Iwe uchaona zvidhori zvina kurudyi kwezita rezita. Dzvanya pa 'New File’ icon. Sarudza faira rekuwedzera '.html’ uye isa zita rechirongwa. Iwe unozofanirwa kuisa zita refaira uye nyora yakakodzera faira rekuwedzera kuitira kuti Visual Studio Code inzwisise zvirimo.. Kana uri kushandisa Linux, ungangoda kuichengeta muforodha yako yekumba pane kudaro.

MuVisual Studio Code hwindo, sarudza chiratidzo chinoita seribhoni yebhuruu. Kana uri kushandisa Windows, unogona kuzviwana muStart menyu, muApplications folda paMac, kana paMaapplication menu muLinux. PamaExtensions menu, sarudza “Vhura mubrowser”. Ichavhura iyo faira mune default browser. Zvadaro, tinya pafaira raunoda uye uchariona muVisual Studio Code edhita.

Sezvaunoramba uchigadzira yako HTML-Site, iwe uchaona yekuwedzera inonzi Prettier iyo ichakubatsira iwe kufomatidza kodhi yako otomatiki. Prettier ndeyekudhawunirodha yemahara yeVS Code uye inomhanyisa marongero aunotsanangura muZvirongwa. Sarudzo dzaunosarudza pakuwedzera uku dzinosanganisira “Format Gwaro” uye “Format on Save” – zvishandiso zvinobatsira kugadzira yakachena HTML-Site. Kana iwe ukashandisa VS Code zuva nezuva, iwe uchawana akati wandei ekuwedzera maficha.

Kushandisa Visual Studio Code isarudzo huru kune vanogadzira vanoda kuvaka mawebhu application pane Windows kana macOS inoshanda sisitimu.. Iine zvakawanda zvekugadzirisa sarudzo, kusanganisira kutonga kweshanduro uye kumhanya mirairo zvakananga kubva kumupepeti. Uye ndeyemahara yekushandisa wega! Nepo Visual Studio iri yakanakisa budiriro nharaunda kune ekutanga webhu mapurogiramu, Visual Studio Code inogona kunge iri sarudzo iri nani kune yako pawebhu application. Kana iwe usiri mushandisi wepamberi, Visual Studio Code isarudzo yakanakira iwe.