How to Create an HTML Page in Moodle

HTML-сайтым ышташ йӧным кычалаш гын, теве икмыняр ой-каҥаш, тыланда тӱҥалаш манын. Learn HTML-Lernen to create a website, але Moodle-ыште веб-сайтым ышташлан Visual Studio Code-ым кучылтман. Кеч-могай случайыште, шке сайтым ышташлан HTML-ым кеч-могай тӱҥалтыш умылымашда лийшаш. HTML-лаштыкым ышташ икмыняр йӧн уло, но тиде эн шарлыме.

Creating an HTML-Seite

The first step in creating your own website is to learn how to use HTML. HTML — веб-лаштык-влаклан стандарт разметке йылме. Тудым Тим Бернерс-Ли 2005 ийыште ыштен. 1991 ЦЕРН-ыште пашам ыштыме годым. Тудо тӱняште икымше веб-сайтым ышташ кучылтмо ик эн тӱҥ технологий лийын. Тудо жап гыч йылме ятырлан саемын да уэш возалтын, но тудын тӱҥ цельже тугаяк кодеш. Тудын тӱҥ цельже — веб-лаштык-влакым форматироватлаш да пайдаланыше-влаклан ончыкташ.

Using HTML-Lernen

You can learn to create HTML pages for free or pay to use paid resources. HTML-ым тунемаш яра ресурс-влакым кучылтмаш тӱлыман ресурс-влак гоч негызым тунемме деч ятырлан куштылгырак. Южо еҥлан fesseling занятий-влак утларак пайдам налыт, кудыжо шагалрак неле да тунемме деч кораҥме лӱдыкшым иземда. Онлайн-класс-влак тендан веб-браузерыште HTML-кодым кучылташ йӧным пуат, да шергакан тунемме опытым пуэн кертеш. Бирок, оксам аралаш шонеда гын, тӱлыман ресурс-влак эре сай ойырен налыт.

HTML-ым яра тунемме годым, эксперт-влакын возымо туныктымашыштым лудаш тӱҥалаш сай. HTML — веб-разработчикилан кӱлешан йылме, кузе тудо контентым форматироватлымаште да тудым ончыктымаште утларак лывыргылыкым пуа. Тыланда тыгак HTML-ым тунемме дене оксам аралаш лиеш, вет веб-разработчики-влак дорогостоящий улыт. HTML-ым ышташ паледа гын, жапым да вийым аныклен, шуко оксам арален коден кертыда. Тыланда тыгак изирак вашталтышым шкеат ыштен кертыда, тидын нерген икмыняр тӱҥ шинчымашда уло гын.

HTML — XML-негызлыме йылме. HTML-тег-влак угловой скобкышто радамлалтыт. Absatz-тег-влак веб-браузерлан лаштыкын лӱмжым ончыктат. Эн шуко HTML-тег-влак schliesssending тег дене пытат, а икмынярже почылтеш да петыралтеш. Spitzen klassnern-ын сай примерыже — ссылке.

Тендан кодым возаш doctype деклараций-влакын комбинацийыштым кучылт кертыда. HTML-лаштыкын ик эн кӱлешан элементше — doctype деклараций. Тиде браузерлан тендан сайтда могай йылме дене возымо нерген ойла. Бирок, тиде элемент огыл. Тӱҥ элемент — html. HTML-ым тунемме годым, те ӱшанен лийза, мом doctype деклараций икгай.

Creating an HTML-Site in Moodle

In order to create an HTML-Site in Moodle, те веб-дизайн шотышто эксперт лийшаш улыда. HTML-сайт-влак — тиде куатле тунемме ресурс, да нуным оҥай чоҥаш кучылташ лиеш, интерактивный курс-влак. Тиде туныктымаште, ме тыглай HTML-сайтым ыштыме процесс гоч эртена. Бирок, гын, те уже икмыняр HTML-сайт дизайн опытда уло, тиде ручка тыланда тӱҥалаш полша.

Икымше, тыланда лаштыкым ышташ кӱлеш. Странице — тиде тӱҥ шотышто Moodle кӧргыштӧ веб-лаштык, да тудо тӱрлӧ видше содержанийже лийын кертеш, мультимедийым пуртымо. Page ресурс коктын кокла гыч йӧнанрак, бирок, кузе те кугу файлым загрузка нерген тургыжланаш огеш кӱл. Страницым куштылгын уэмдаш лиеш да тудым кучаш куштылгырак, книга деч. Сложныйрак 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, да Линукс, да тӱрлӧ йылме дене HTML-кодым возаш йӧным пуа. Тыгак тудо терминалыште HTML-файл-влакым ышташ полшышо ешартыш-влакым пурта. Тиде ешартыш-влакым кузе кучылташ огеш пале гын, нунын нерген утларак пален налаш лиеш, тиде статьяште умбакыже ужаш-влакым лудын.

Visual Studio Code-ым вераҥдымеке, тудым почаш. Папке лӱм деч пурлаште куд значокым ужыда. «У файл» темдал’ значок. ‘.html файл ешартышым ойырен налза’ да проектлан лӱмым пурто. Visual Studio Code тудын содержанийжым умылен кертеш манын, тыланда файлын лӱмжым пурташ да келшыше файл ешартышым возаш кӱлеш. Linux-ым кучылтыда гын, ала те тудым шке пӧрт папкыште аралаш шонеда.

Visual Studio Code окнаште, кок тасма гай коеш значокым темдал. Windows-ым кучылтыда гын, тудым тӱҥалтыш меню гыч муаш лиеш, Mac-ыште Приложений-влак папкыште, але Linux-ыште Приложений-влак менюшто. Ешартыш-влак менюшто, ойыро “Браузерыште почаш”. Тудо умолчаний браузерыште файлым почеш. Анда, кӱлеш файлым темдал да те тудым Visual Studio Code редакторышто ужыда.

Тендан HTML-сайтым ышташ умбакыже шуяш, те Prettier лӱман ешартышым ужыда, тудо тендан коддам автоматически форматироватлаш полша. Prettier — тиде VS Code-лан яра скачать, тудо Настройко-влакыште ончыктымо параметр-влакым шукта. Тиде ешартышлан ойырен налме опций-влак тыгай улыт “Документым форматлаш” жана “Арален кодымо годым формат” – ару HTML-сайтым ышташ пайдале ӱзгар-влак. VS Code-ым кажне кечын кучылтыда гын, те икмыняр ешартыш функцийым муын кертыда.

Visual Studio Code-ым кучылтмаш — Windows але macOS операционный системыште веб-ан приложенийым ышташ шонышо разработчикилан сай йӧн. Тудо шуко келыштарыме йӧн уло, версий контрольым пуртымо да редактор гыч тура команде-влакым шуктымо. Да тудо шке кучылташ яра! Visual Studio — тыглай веб-ан приложений-влаклан чапле вияҥдыме среда гынат, Visual Studio Code личный веб-ан приложенийлан сайрак ойырен налын кертеш. Тый ончыл пайдаланыше отыл гын, Visual Studio Code — тендан верч чапле ойырен налмаш.