Kiel Krei HTML-Paĝon en Moodle

Se vi serĉas manierojn krei HTML-ejon, jen kelkaj konsiletoj por komenci vin. Lernu HTML-Lernen por krei retejon, aŭ uzu Visual Studio Code por krei retejon en Moodle. Ĉiukaze, vi devus havi almenaŭ bazan komprenon de HTML por krei vian propran retejon. Estas pluraj manieroj krei HTML-paĝon, sed ĉi tiuj estas la plej oftaj.

Kreante HTML-Site

La unua paŝo por krei vian propran retejon estas lerni kiel uzi HTML. HTML estas la norma marklingvo por retpaĝoj. Ĝi estis evoluigita fare de Tim Berners-Lee en 1991 laborante ĉe CERN. Ĝi estis unu el la ŝlosilaj teknologioj uzataj por krei la unuan retejon de la mondo. La lingvo poste estis multe plibonigita kaj reverkita, sed ĝia baza celo restas la sama. Ĝia ĉefa celo estas formati retpaĝojn kaj montri ilin por uzantoj.

Uzante HTML-Lernadon

Vi povas lerni krei HTML-paĝojn senpage aŭ pagi por uzi pagitajn rimedojn. Uzi senpagajn rimedojn por lerni HTML-on estas multe pli facila ol lerni la bazaĵojn per pagitaj rimedoj. Iuj homoj pli profitos de fesseling-klasoj, kiuj estas malpli malfacilaj kaj reduktas la probablecon de eliro. Retaj klasoj permesas al vi uzi HTML-kodon en via retumilo, kaj povas provizi valoran lernan sperton. Tamen, se vi serĉas ŝpari monon, pagitaj rimedoj ĉiam estas bonega elekto.

Dum vi lernas HTML-on senpage, estas plej bone komenci legante lernilojn verkitajn de spertuloj. HTML estas esenca lingvo por retaj programistoj, ĉar ĝi ebligas pli da fleksebleco en formatado de enhavo kaj montrado de ĝi. Vi ankaŭ ŝparos monon per lernado de HTML, ĉar retejo-programistoj estas multekostaj. Se vi scias kiel krei HTML, vi povas ŝpari multe da mono ŝparante tempon kaj energion. Vi ankaŭ povas fari etajn ŝanĝojn mem se vi havas iun bazan scion pri ĝi.

HTML estas XML-bazita lingvo. HTML-etikedoj estas organizitaj en angulaj krampoj. Absatz-etikedoj diras al la TTT-legilo kio estas la titolo de paĝo. Plej multaj HTML-Etikedoj finiĝas per schliesssending-etikedoj, dum kelkaj estas malfermitaj kaj fermitaj. Bona ekzemplo de spitzen klassnern estas ligilo.

Vi povas uzi kombinaĵon de doctype-deklaroj por skribi vian kodon. Unu el la plej gravaj elementoj de HTML-paĝo estas la doctype deklaro. Ĉi tio rakontas al la retumilo la marklingvon, en kiu estas skribita via retejo. Tamen, ĉi tio ne estas elemento. La radika elemento estas html. Kiam vi lernas HTML-on, vi devas certigi ke la doctype deklaro estas la sama.

Kreante HTML-Retejon en Moodle

Por krei HTML-Retejon en Moodle, vi devas esti fakulo pri retejo-dezajno. HTML-Ejoj estas potenca lernado-rimedo, kaj ili povas esti uzataj por konstrui engaĝiĝon, interagaj kursoj. En ĉi tiu lernilo, ni trairos la procezon krei bazan HTML-Retejon. Tamen, se vi jam havas iom da HTML-eja desegna sperto, ĉi tiu gvidilo helpos vin komenci.

Unue, vi devos krei paĝon. Paĝo estas esence retpaĝo ene de Moodle, kaj ĝi povas enhavi diversajn specojn de enhavo, inkluzive de plurmedio. La Paĝa rimedo estas la pli oportuna el la du, tamen, ĉar vi ne devas zorgi pri alŝuto de grandaj dosieroj. Paĝo povas esti ĝisdatigita facile kaj estas pli facile konservi ol Libro. Por pli kompleksaj HTML-Ejoj, vi devus uzi la Libro-rimedon.

Post kiam vi kreis paĝon, vi volas aldoni enhavon de HTML-Eja. En ĉi tiu kurso, ni montros al vi kiel krei respondemajn paĝajn aranĝojn kaj respondemajn blokojn en Moodle. La lasta paŝo estas organizi vian kursenhavon. Kurso ne estas kompleta sen riĉa kaj alloga enhavo, kaj la Moodle-redaktilo faciligas ĉi tion! Ni ankaŭ rigardos kiel krei respondemajn paĝojn kaj fari Moodle-enhavon poŝtelefona.

Vi povas eĉ aldoni bildojn aŭ eksterajn bildojn al via Moodle-retejo. Simple klaku sur la “enmeti bildon” butono kaj vi estos prezentita kun la redaktilo de via elekto. Vi povas elekti el JPG, GIF, aŭ PNG bildoj, aŭ vi povas personecigi la temon per viaj propraj bildoj. Se vi estas komencanto en kreado de HTML-Retejo, certigu unue krei malgrandan HTML-Retejon.

Uzante Visual Studio Code por krei HTML-Retejon

Se vi iam volis lerni kiel fari HTML-Retejon, vi eble interesos lerni kiel uzi Visual Studio Code. Ĉi tiu fontkoda redaktilo disponeblas por Vindozo, macOS, kaj Linukso, kaj permesas vin skribi HTML-kodon en diversaj lingvoj. Ĝi ankaŭ inkluzivas etendaĵojn, kiuj helpas vin ruli HTML-dosierojn en la terminalo. Se vi ne certas kiel uzi ĉi tiujn etendaĵojn, vi povas lerni pli pri ili legante la sekvajn sekciojn de ĉi tiu artikolo.

Post kiam vi instalis Visual Studio Code, lanĉi ĝin. Vi vidos kvar ikonojn dekstre de la dosierujo-nomo. Alklaku la 'Nova Dosiero'’ ikono. Elektu la dosier-etendon '.html’ kaj enigu nomon por la projekto. Vi devos enigi la nomon de la dosiero kaj tajpi la taŭgan dosieran etendon por ke Visual Studio Code povu kompreni ĝian enhavon. Se vi uzas Linukso, vi eble volas konservi ĝin en via hejma dosierujo anstataŭe.

En la fenestro de Visual Studio Code, elektu la ikonon kiu aspektas kiel blua rubando. Se vi uzas Vindozon, vi povas trovi ĝin en la Komenca menuo, en la dosierujo Aplikoj en Mac, aŭ en la menuo Aplikoj en Linukso. En la menuo Etendoj, elektu “Malfermu en Retumilo”. Ĝi malfermos la dosieron en la defaŭlta retumilo. Tiam, alklaku la deziratan dosieron kaj vi vidos ĝin en la redaktilo de Visual Studio Code.

Dum vi daŭre kreas vian HTML-Retejon, vi rimarkos etendon nomatan Pli Bela, kiu helpos vin aŭtomate formati vian kodon. Pli Bela estas senpaga elŝuto por VS Code kaj funkcios agordojn, kiujn vi specifas en Agordoj. La elektoj, kiujn vi elektas por ĉi tiu etendo inkluzivas “Format Dokumento” kaj “Formatu sur Konservi” – utilaj iloj por krei puran HTML-Retejon. Se vi uzas VS Code ĉiutage, vi trovos kelkajn kromajn funkciojn.

Uzi Visual Studio Code estas bonega eblo por programistoj, kiuj volas konstrui TTT-aplikaĵojn sur operaciumo Vindoza aŭ macOS.. Ĝi havas multajn personigajn eblojn, inkluzive de versio-kontrolo kaj kurantaj komandoj rekte de la redaktilo. Kaj ĝi estas senpaga por persona uzo! Dum Visual Studio estas bonega disvolva medio por bazaj retejoj, Vida Studio-Kodo eble estas la pli bona elekto por persona retejo-aplikaĵo. Se vi ne estas altnivela uzanto, Vida Studio-Kodo estas bonega elekto por vi.