Moodle дээр HTML хуудас хэрхэн үүсгэх вэ

Хэрэв та HTML сайт үүсгэх арга замыг хайж байгаа бол, Энд таныг эхлүүлэх хэдэн зөвлөгөө байна. Вэбсайт үүсгэхийн тулд HTML-Lernen-ийг сур, эсвэл Visual Studio кодыг ашиглан Moodle дээр вэбсайт үүсгэх боломжтой. Ямар ч тохиолдолд, Та өөрийн сайтыг үүсгэхийн тулд ядаж HTML-ийн үндсэн ойлголттой байх ёстой. HTML хуудас үүсгэх хэд хэдэн арга байдаг, гэхдээ эдгээр нь хамгийн түгээмэл байдаг.

HTML-Seite үүсгэх

Өөрийнхөө вэбсайтыг бүтээх эхний алхам бол HTML-г хэрхэн ашиглах талаар сурах явдал юм. HTML нь вэб хуудасны стандарт тэмдэглэгээний хэл юм. Үүнийг Тим Бернерс-Ли онд боловсруулсан 1991 CERN-д ажиллаж байхдаа. Энэ нь дэлхийн анхны вэб сайтыг бүтээхэд ашигласан гол технологийн нэг байсан юм. Түүнээс хойш хэл нь ихээхэн сайжирч, дахин бичигдсэн, гэхдээ үндсэн зорилго нь хэвээрээ байна. Үүний гол зорилго нь вэб хуудсыг форматлаж, хэрэглэгчдэд харуулах явдал юм.

HTML сурах аргыг ашиглах

Та HTML хуудсуудыг үнэ төлбөргүй үүсгэж сурах эсвэл төлбөртэй нөөцийг ашиглахын тулд төлбөр төлөх боломжтой. HTML сурахын тулд үнэгүй эх сурвалжийг ашиглах нь төлбөртэй эх сурвалжуудаар үндсийг сурахаас хамаагүй хялбар юм. Зарим хүмүүс фесселинг хичээлээс илүү их ашиг хүртэх болно, хүндрэл багатай бөгөөд сургуулиа орхих магадлалыг бууруулдаг. Онлайн хичээлүүд нь HTML кодыг вэб хөтөч дээрээ ашиглах боломжийг олгодог, мөн үнэ цэнэтэй суралцах туршлагыг өгч чадна. Гэсэн хэдий ч, Хэрэв та мөнгө хэмнэхийг хүсч байвал, төлбөртэй нөөц бол үргэлж гайхалтай сонголт байдаг.

Та HTML хэлийг үнэгүй сурч байх хооронд, Мэргэжилтнүүдийн бичсэн хичээлүүдийг уншиж эхлэх нь дээр. HTML бол вэб хөгжүүлэгчдэд зайлшгүй шаардлагатай хэл юм, Энэ нь агуулгыг форматлах, харуулахад илүү уян хатан боломжийг олгодог. Та HTML хэл сурснаар мөнгөө хэмнэх болно, Учир нь вэб хөгжүүлэгчид үнэтэй байдаг. Хэрэв та HTML хэрхэн үүсгэхээ мэддэг бол, та цаг хугацаа, эрчим хүч хэмнэх замаар маш их мөнгө хэмнэх боломжтой. Хэрэв та энэ талаар анхан шатны мэдлэгтэй бол өөрөө бага зэргийн өөрчлөлт хийж болно.

HTML бол XML дээр суурилсан хэл юм. HTML шошго нь өнцгийн хаалтанд хуваагдана. Absatz хаягууд нь вэб хөтөчид хуудасны гарчиг гэж юу болохыг хэлж өгдөг. Ихэнх HTML хаягууд нь schliesssending хаягуудаар төгсдөг, харин цөөхөн хэд нь нээгдэж, хаагддаг. Spitzen klassnern-ийн сайн жишээ бол холбоос юм.

Та код бичихдээ doctype мэдэгдлүүдийг хослуулан ашиглаж болно. HTML хуудасны хамгийн чухал элементүүдийн нэг бол баримт бичгийн төрөл юм. Энэ нь хөтчид таны вэбсайтын тэмдэглэгээний хэлийг зааж өгнө. Гэсэн хэдий ч, энэ элемент биш. Үндсэн элемент нь html юм. Та HTML сурч байх үед, та doctype тунхаглал ижил байгаа эсэхийг шалгах ёстой.

Moodle дээр HTML-сайт үүсгэх

Moodle дээр HTML-сайт үүсгэхийн тулд, Та вэб дизайны чиглэлээр мэргэшсэн байх ёстой. HTML-сайтууд нь сургалтын хүчирхэг эх сурвалж юм, мөн тэднийг татан оролцуулахад ашиглаж болно, интерактив курсууд. Энэ зааварт, Бид үндсэн HTML-сайтыг бий болгох үйл явцыг авч үзэх болно. Гэсэн хэдий ч, Хэрэв та HTML сайтын дизайны туршлагатай бол, Энэхүү гарын авлага танд эхлэхэд тусална.

Эхлээд, Та хуудас үүсгэх хэрэгтэй болно. Хуудас нь үндсэндээ Moodle доторх вэб хуудас юм, мөн янз бүрийн төрлийн агуулгыг агуулж болно, үүнд мультимедиа. Page нөөц нь энэ хоёроос илүү тохиромжтой, Гэсэн хэдий ч, Учир нь та том файл байршуулах талаар санаа зовох хэрэггүй болно. Хуудсыг хялбархан шинэчилж, засвар үйлчилгээ хийхэд Номоос илүү хялбар байдаг. Илүү төвөгтэй HTML-сайтуудын хувьд, Та Номын нөөцийг ашиглах хэрэгтэй.

Та хуудас үүсгэсний дараа, Та HTML-Сайтын контент нэмэхийг хүсэх болно. Энэ курст, Бид танд Moodle дээр хэрхэн хариу үйлдэл үзүүлэх хуудасны бүтэц, хариу үйлдэл үзүүлэх блок үүсгэхийг харуулах болно.. Сүүлийн алхам бол хичээлийнхээ агуулгыг цэгцлэх явдал юм. Хичээл нь баялаг, сонирхол татахуйц агуулгагүйгээр төгс биш юм, Moodle засварлагч үүнийг маш хялбар болгодог! Бид мөн хэрхэн хариу үйлдэл үзүүлэх хуудас үүсгэж, Moodle контентыг гар утсанд ээлтэй болгох талаар авч үзэх болно.

Та өөрийн Moodle сайтад зураг эсвэл гадаад зураг нэмж болно. дээр дарахад л болно “зураг оруулах” товчийг дарахад таны сонгосон засварлагч танд харагдах болно. Та JPG-ээс сонгож болно, GIF, эсвэл PNG зураг, эсвэл та өөрийн зургаар сэдвийг өөрчлөх боломжтой. Хэрэв та HTML-сайт үүсгэх эхлэгч бол, эхлээд жижиг HTML-сайт үүсгэхээ мартуузай.

HTML-сайт үүсгэхийн тулд Visual Studio кодыг ашиглах

Хэрэв та HTML-сайт хэрхэн хийхийг сурахыг хүсч байсан бол, Та Visual Studio кодыг хэрхэн ашиглах талаар суралцах сонирхолтой байж магадгүй. Энэхүү эх код засварлагч нь Windows-д байдаг, macOS, болон Linux, янз бүрийн хэлээр HTML код бичих боломжийг танд олгоно. Энэ нь мөн HTML файлуудыг терминал дээр ажиллуулахад туслах өргөтгөлүүдийг агуулдаг. Хэрэв та эдгээр өргөтгөлүүдийг хэрхэн ашиглахаа мэдэхгүй байгаа бол, Та энэ нийтлэлийн дараах хэсгүүдийг уншсанаар тэдний талаар илүү ихийг мэдэж болно.

Visual Studio кодыг суулгасны дараа, үүнийг ажиллуул. Та хавтасны нэрний баруун талд дөрвөн дүрсийг харах болно. "Шинэ файл" дээр дарна уу’ дүрс. ‘.html файлын өргөтгөлийг сонгоно уу’ болон төслийн нэрийг оруулна уу. Visual Studio код агуулгыг нь ойлгохын тулд та файлын нэрийг оруулж, тохирох файлын өргөтгөлийг оруулах шаардлагатай. Хэрэв та Линукс ашиглаж байгаа бол, Та үүнийг гэрийн хавтсандаа хадгалахыг хүсэж магадгүй.

Visual Studio Code цонхонд, цэнхэр тууз шиг харагдах дүрсийг сонгоно уу. Хэрэв та Windows ашиглаж байгаа бол, Та үүнийг Start цэснээс олох боломжтой, Mac дээрх Програмын хавтсанд, эсвэл Линукс дээрх Програмын цэс дээр. Өргөтгөл цэс дээр, сонгох “Хөтөч дээр нээх”. Энэ нь анхдагч хөтөч дээр файлыг нээх болно. Дараа нь, Хүссэн файл дээрээ товшоод та үүнийг Visual Studio Code засварлагч дээр харах болно.

Та HTML-сайтаа үргэлжлүүлэн үүсгэх үед, Та өөрийн кодыг автоматаар форматлахад туслах Prettier нэртэй өргөтгөлийг анзаарах болно. Prettier нь VS Code-г үнэгүй татаж авах бөгөөд Тохиргоо хэсэгт таны зааж өгсөн тохиргоог ажиллуулна. Энэ өргөтгөлд таны сонгосон сонголтууд орно “Баримт бичгийг форматлах” болон “Хадгалах дээр форматлах” – цэвэр HTML-сайт үүсгэхэд хэрэгтэй хэрэгслүүд. Хэрэв та өдөр бүр VS код ашигладаг бол, та хэд хэдэн нэмэлт функцийг олох болно.

Visual Studio кодыг ашиглах нь Windows эсвэл macOS үйлдлийн систем дээр вэб програм бүтээхийг хүсдэг хөгжүүлэгчдэд маш сайн сонголт юм. Энэ нь тохируулах олон сонголттой, хувилбарын удирдлага болон засварлагчаас шууд ажиллах командуудыг багтаасан. Мөн энэ нь хувийн хэрэгцээнд үнэ төлбөргүй байдаг! Visual Studio нь үндсэн вэб програмуудыг хөгжүүлэх маш сайн орчин юм, Visual Studio Code нь хувийн вэб програмын хувьд илүү сайн сонголт байж болох юм. Хэрэв та ахисан түвшний хэрэглэгч биш бол, Visual Studio Code бол таны хувьд маш сайн сонголт юм.