Moodle'та HTML битен ничек ясарга

HTML-сайт ясау юлларын эзлисез икән, башлау өчен берничә киңәш. Вебсайт ясау өчен HTML-Лернен өйрәнегез, яки Moodle сайтын булдыру өчен Visual Studio Code кулланыгыз. Anyәрхәлдә, үз сайтыгызны булдыру өчен HTML турында ким дигәндә төп төшенү булырга тиеш. HTML-бит ясауның берничә ысулы бар, ләкин бу иң еш очрый.

HTML-Seite булдыру

Webз сайтыгызны булдыруда беренче адым - HTML кулланырга өйрәнү. HTML - веб-битләр өчен стандарт тел. Аны Тим Бернерс-Ли эшләде 1991 CERNда эшләгәндә. Бу дөньяның беренче сайтын булдыруда кулланылган төп технологияләрнең берсе иде. Шуннан соң тел бик яхшырды һәм яңадан язылды, ләкин аның төп максаты элеккечә кала. Аның төп максаты - веб-битләрне форматлау һәм кулланучылар өчен күрсәтү.

HTML өйрәнүен куллану

Сез бушлай HTML битләрен ясарга яки түләүле ресурсларны куллану өчен түләргә өйрәнә аласыз. HTML өйрәнү өчен бушлай ресурслар куллану түләүле ресурслар аша нигезне өйрәнүгә караганда җиңелрәк. Кайбер кешеләр дәресләрдән күбрәк файда алачак, азрак авыррак һәм төшү ихтималын киметә. Онлайн класслар веб-браузерыгызда HTML кодын кулланырга мөмкинлек бирә, һәм кыйммәтле уку тәҗрибәсе бирә ала. Ләкин, акча җыярга телисез икән, түләүле ресурслар һәрвакыт зур сайлау.

Сез бушлай HTML өйрәнәсез, белгечләр язган дәреслекләрне укудан башлау яхшырак. HTML - веб ясаучылар өчен мөһим тел, эчтәлекне форматлауда һәм күрсәтүдә күбрәк сыгылу мөмкинлеге бирә. Сез шулай ук ​​HTML өйрәнеп акча җыярсыз, веб ясаучылар кыйммәт. HTML ясарга белсәгез, сез вакытны һәм көчне саклап күп акча җыя аласыз. Әгәр дә сез аның турында төпле белемегез булса, сез үзегез дә кечкенә үзгәрешләр кертә аласыз.

HTML - XML ​​нигезендәге тел. HTML тэглары почмаклы кашыкларга тезелгән. Absatz-tags веб-браузерга битнең исеме турында сөйли. Күпчелек HTML-Тэглар шлиссинг тэглары белән тәмамлана, ә кайберләре ачылып ябыла. Спицен класснерның яхшы мисалы - сылтама.

Сезнең кодыгызны язу өчен доктип декларацияләренең кушылмасын куллана аласыз. HTML битенең иң мөһим элементларының берсе - доктип декларациясе. Бу браузерга сезнең вебсайтыгыз язылган билгеләр телен әйтә. Ләкин, бу элемент түгел. Төп элемент html. HTML өйрәнгәндә, сез доктип декларациясенең бер үк булуына инанырга тиеш.

Moodle'та HTML-сайт булдыру

Moodle'та HTML-сайт булдыру өчен, сез веб-дизайн белгече булырга тиеш. HTML-сайтлар - көчле уку ресурсы, һәм алар җәлеп итү өчен кулланылырга мөмкин, интерактив курслар. Бу дәреслектә, без төп HTML-Сайт ясау процессын үтәрбез. Ләкин, сезнең HTML-сайт дизайн тәҗрибәсе бар икән, бу кулланма башларга ярдәм итәчәк.

Башта, сезгә бит ясарга кирәк булачак. Бит, нигездә, Moodle эчендә веб-бит, һәм анда төрле эчтәлек булырга мөмкин, мультимедиа кертеп. Бит ресурсы икесенә уңайлырак, шулай да, зур файлларны йөкләү турында борчыласы юк. Битне яңартып була, китапка караганда җиңелрәк. Катлаулырак HTML-сайтлар өчен, сез китап ресурсын кулланырга тиеш.

Сез бит ясаганнан соң, сез HTML-сайт эчтәлеген өстәргә теләрсез. Бу курста, без сезгә Moodle'та җаваплы бит макетларын һәм җаваплы блокларны ничек ясарга икәнен күрсәтербез. Соңгы адым - курс эчтәлеген оештыру. Курс бай һәм кызыклы эчтәлексез тулы түгел, һәм Moodle редакторы моны бик җиңел итә! Без шулай ук ​​җаваплы битләр ясарга һәм Moodle эчтәлеген мобиль итеп ясарга карарбыз.

Сез хәтта Moodle сайтына рәсемнәр яки тышкы рәсемнәр өсти аласыз. Бары тик басыгыз “рәсем кертү” төймә һәм сез үзегез сайлаган редактор белән тәкъдим ителәчәк. Сез JPG-тан ​​сайлый аласыз, GIF, яки PNG рәсемнәре, яисә сез теманы үз образларыгыз белән көйли аласыз. Әгәр дә сез HTML-Сайтны башлап җибәрүче булсагыз, башта кечкенә HTML-Сайт ясарга онытмагыз.

Using Visual Studio Code to create an HTML-Site

If you’ve ever wanted to learn how to make an HTML-Site, сез Visual Studio Code кулланырга өйрәнергә кызыксынырга мөмкин. Бу чыганак коды редакторы Windows өчен бар, macOS, һәм Linux, һәм сезгә төрле телләрдә HTML коды язарга мөмкинлек бирә. Бу шулай ук ​​терминалда HTML файлларын эшләтергә ярдәм итүче киңәйтмәләрне үз эченә ала. Әгәр дә сез бу киңәйтүләрне ничек кулланырга белмисез икән, сез алар турында бу мәкаләнең киләсе бүлекләрен укып белә аласыз.

Visual Studio Code урнаштырганнан соң, эшләтеп җибәрү. Сез папка исеменең уң ягында дүрт иконаны күрерсез. «Яңа файлга басыгыз’ иконка. '.Html файл киңәйтүен сайлагыз’ һәм проект өчен исем кертегез. Сезгә файлның исемен кертергә һәм Visual Studio Code аның эчтәлеген аңлар өчен тиешле файл киңәйтүен язарга кирәк. Әгәр сез Linux кулланасыз икән, сез аны өй папкасында сакларга теләрсез.

Visual Studio Code тәрәзәсендә, зәңгәр тасмага охшаган иконаны сайлагыз. Әгәр сез Windows кулланасыз икән, сез аны Старт менюсында таба аласыз, Mac кушымталары папкасында, яки Linux кушымталары менюсында. Киңәйтүләр менюсында, сайлагыз “Браузерда ачу”. Бу файлны браузерда ачачак. Аннары, кирәкле файлга басыгыз һәм сез аны Visual Studio Code редакторында күрерсез.

HTML-сайтыгызны ясауны дәвам иткәндә, сез кодны автоматик рәвештә форматларга булышучы Prettier дип аталган киңәйтүне күрерсез. Prettier - VS коды өчен бушлай йөкләү һәм Сез күрсәткән көйләүләрне эшләячәк. Бу киңәйтү өчен сез сайлаган вариантлар керә “Документны форматлау” һәм “Саклау форматы” – чиста HTML-сайт булдыру өчен файдалы кораллар. Көн саен VS код куллансагыз, сез берничә өстәмә үзенчәлек табачаксыз.

Windows яки macOS операцион системасында веб-кушымталар төзергә теләүчеләр өчен Visual Studio Code куллану бик яхшы вариант. Анда бик күп көйләү вариантлары бар, редактордан версия белән идарә итү һәм боерыклар кертү. Бу шәхси куллану өчен бушлай! Визуаль студия - төп веб-кушымталар өчен искиткеч үсеш мохите, Визуаль студия коды шәхси веб-кушымта өчен иң яхшы сайлау булырга мөмкин. Әгәр дә сез алдынгы кулланучы түгел икән, Визуаль студия коды сезнең өчен бик яхшы сайлау.