How to Create an HTML Page in Moodle

Ако тражите начине да направите ХТМЛ сајт, ево неколико савета за почетак. Learn HTML-Lernen to create a website, или користите Висуал Студио Цоде да направите веб локацију у Моодле-у. У сваком случају, требало би да имате барем основно разумевање ХТМЛ-а да бисте направили сопствену веб локацију. Постоји неколико начина за креирање ХТМЛ странице, али ове су најчешће.

Creating an HTML-Seite

The first step in creating your own website is to learn how to use HTML. ХТМЛ је стандардни језик за означавање веб страница. Развио га је Тим Бернерс-Лее у 1991 док је радио у ЦЕРН-у. То је била једна од кључних технологија коришћених за креирање прве веб странице на свету. Језик је од тада знатно побољшан и преписан, али његова основна намена остаје иста. Његова примарна сврха је форматирање веб страница и њихово приказивање корисницима.

Using HTML-Lernen

You can learn to create HTML pages for free or pay to use paid resources. Коришћење бесплатних ресурса за учење ХТМЛ-а је много лакше него учење основа путем плаћених ресурса. Неки људи ће имати више користи од часова фесселинга, које су мање тешке и смањују вероватноћу одустајања. Онлине часови вам омогућавају да користите ХТМЛ код у вашем веб претраживачу, и може пружити драгоцено искуство учења. Међутим, ако желите да уштедите новац, плаћени ресурси су увек одличан избор.

Док бесплатно учите ХТМЛ, најбоље је почети читањем туторијала које су написали стручњаци. ХТМЛ је суштински језик за веб програмере, јер омогућава већу флексибилност у форматирању садржаја и његовом приказивању. Такође ћете уштедети новац учењем ХТМЛ-а, пошто су веб програмери скупи. Ако знате како да креирате ХТМЛ, можете уштедети много новца штедећи време и енергију. Такође можете сами да направите мање промене ако имате неко основно знање о томе.

ХТМЛ је језик заснован на КСМЛ-у. ХТМЛ ознаке су организоване у угаоне заграде. Абсатз-ознаке говоре веб претраживачу шта је наслов странице. Већина ХТМЛ ознака завршава се ознакама сцхлиесссендинг, док се неколико отвара и затвара. Добар пример спитзен класснерна је веза.

Можете користити комбинацију декларација типа документа да напишете свој код. Један од најважнијих елемената ХТМЛ странице је декларација типа документа. Ово говори претраживачу језик за означавање на којем је написана ваша веб локација. Међутим, ово није елемент. Основни елемент је хтмл. Када учите ХТМЛ, морате се уверити да је декларација типа документа иста.

Creating an HTML-Site in Moodle

In order to create an HTML-Site in Moodle, морате бити стручњак за веб дизајн. ХТМЛ-сајтови су моћан ресурс за учење, и могу се користити за изградњу ангажовања, интерактивни курсеви. У овом туторијалу, проћи ћемо кроз процес креирања основног ХТМЛ-сајта. Међутим, ако већ имате искуства у дизајну ХТМЛ сајтова, овај водич ће вам помоћи да почнете.

Први, мораћете да направите страницу. Страница је у основи веб страница у оквиру Моодле-а, а може да садржи различите врсте садржаја, укључујући мултимедију. Ресурс странице је погоднији од ова два, Међутим, јер не морате да бринете о отпремању великих датотека. Страница се може лако ажурирати и лакше је одржавати од књиге. За сложеније ХТМЛ-сајтове, требало би да користите ресурс књиге.

Након што сте направили страницу, желећете да додате садржај ХТМЛ сајта. У овом курсу, показаћемо вам како да креирате прилагодљиве изгледе страница и блокове који реагују у Моодле-у. Последњи корак је организовање садржаја вашег курса. Курс није потпун без богатог и занимљивог садржаја, а Моодле едитор ово чини веома лаким! Такође ћемо погледати како да креирамо прилагодљиве странице и учинимо Моодле садржај прилагођен мобилним уређајима.

Можете чак и да додате слике или спољне слике на своју Моодле локацију. Само кликните на “уметните слику” дугме и биће вам представљен уредник по вашем избору. Можете изабрати из ЈПГ-а, ГИФ, или ПНГ слике, или можете прилагодити тему својим сликама. Ако сте почетник у креирању ХТМЛ-сајтова, обавезно прво направите мали ХТМЛ сајт.

Using Visual Studio Code to create an HTML-Site

If you’ve ever wanted to learn how to make an HTML-Site, можда ћете бити заинтересовани да научите како да користите Висуал Студио Цоде. Овај уређивач изворног кода доступан је за Виндовс, мацОС, и Линук, и омогућава вам писање ХТМЛ кода на различитим језицима. Такође укључује екстензије које вам помажу да покренете ХТМЛ датотеке у терминалу. Ако нисте сигурни како да користите ове екстензије, можете сазнати више о њима читајући следеће одељке овог чланка.

Након што инсталирате Висуал Студио Цоде, покренути га. Видећете четири иконе десно од назива фасцикле. Кликните на „Нова датотека“.’ икона. Изаберите екстензију датотеке „.хтмл’ и унесите назив пројекта. Мораћете да унесете име датотеке и откуцате одговарајућу екстензију датотеке како би Висуал Студио Цоде могао да разуме њен садржај. Ако користите Линук, можда бисте желели да га сачувате у свом почетном фолдеру.

У прозору Висуал Студио Цоде, изаберите икону која изгледа као плава трака. Ако користите Виндовс, можете га пронаћи у менију Старт, у фолдеру Апликације на Мац-у, или у менију Апликације у Линук-у. У менију Екстензије, изаберите “Отвори у претраживачу”. Отвориће датотеку у подразумеваном претраживачу. Онда, кликните на жељену датотеку и видећете је у уређивачу кода Висуал Студио.

Док настављате да креирате свој ХТМЛ-сајт, приметићете проширење под називом Преттиер које ће вам помоћи да аутоматски форматирате свој код. Преттиер је бесплатно преузимање за ВС Цоде и покреће подешавања која наведете у подешавањима. Опције које одаберете за ово проширење укључују “Форматирајте документ” и “Форматирајте на Сачувај” – корисни алати за креирање чистог ХТМЛ-сајта. Ако користите ВС код на дневној бази, наћи ћете бројне додатне функције.

Коришћење Висуал Студио Цоде-а је одлична опција за програмере који желе да направе веб апликације на Виндовс или мацОС оперативном систему. Има много опција прилагођавања, укључујући контролу верзија и покретање команди директно из уређивача. И то је бесплатно за личну употребу! Док је Висуал Студио одлично развојно окружење за основне веб апликације, Висуал Студио Цоде може бити бољи избор за личну веб апликацију. Ако нисте напредни корисник, Висуал Студио Цоде је одличан избор за вас.