Sut i Greu Tudalen HTML yn Moodle

Os ydych chi'n chwilio am ffyrdd i greu gwefan HTML, dyma ychydig o awgrymiadau i'ch rhoi ar ben ffordd. Dysgwch HTML-Lernen i greu gwefan, neu defnyddiwch Visual Studio Code i greu gwefan yn Moodle. Mewn unrhyw achos, dylai fod gennych o leiaf ddealltwriaeth sylfaenol o HTML i greu eich gwefan eich hun. Mae sawl ffordd o greu tudalen HTML, ond dyma y rhai mwyaf cyffredin.

Creu HTML-Seite

Y cam cyntaf wrth greu eich gwefan eich hun yw dysgu sut i ddefnyddio HTML. HTML yw'r iaith farcio safonol ar gyfer tudalennau gwe. Fe'i datblygwyd gan Tim Berners-Lee yn 1991 tra'n gweithio yn CERN. Roedd yn un o’r technolegau allweddol a ddefnyddiwyd i greu gwefan gyntaf y byd. Ers hynny mae'r iaith wedi'i gwella a'i hailysgrifennu'n fawr, ond yr un yw ei ddiben sylfaenol. Ei brif bwrpas yw fformatio tudalennau gwe a'u harddangos i ddefnyddwyr.

Defnyddio HTML Dysgu

Gallwch ddysgu sut i greu tudalennau HTML am ddim neu dalu i ddefnyddio adnoddau taledig. Mae defnyddio adnoddau rhad ac am ddim i ddysgu HTML yn llawer haws na dysgu'r pethau sylfaenol trwy adnoddau taledig. Bydd rhai pobl yn elwa mwy o ddosbarthiadau gwledda, sy'n llai anodd ac yn lleihau'r tebygolrwydd o roi'r gorau iddi. Mae dosbarthiadau ar-lein yn caniatáu ichi ddefnyddio cod HTML yn eich porwr gwe, a gall ddarparu profiad dysgu gwerthfawr. Fodd bynnag, os ydych am arbed arian, mae adnoddau taledig bob amser yn ddewis gwych.

Tra'ch bod chi'n dysgu HTML am ddim, mae'n well dechrau trwy ddarllen tiwtorialau a ysgrifennwyd gan arbenigwyr. Mae HTML yn iaith hanfodol i ddatblygwyr gwe, gan ei fod yn galluogi mwy o hyblygrwydd wrth fformatio cynnwys a'i arddangos. Byddwch hefyd yn arbed arian trwy ddysgu HTML, gan fod datblygwyr gwe yn ddrud. Os ydych chi'n gwybod sut i greu HTML, gallwch arbed llawer o arian trwy arbed amser ac egni. Gallwch hefyd wneud mân newidiadau eich hun os oes gennych rywfaint o wybodaeth sylfaenol amdano.

Mae HTML yn iaith sy'n seiliedig ar XML. Mae tagiau HTML wedi'u trefnu'n gromfachau ongl. Mae tagiau Absatz yn dweud wrth y porwr gwe beth yw teitl tudalen. Daw'r rhan fwyaf o dagiau HTML i ben gyda thagiau anfon di-schli, tra y mae ychydig yn cael eu hagor a'u cau. Enghraifft dda o klassnern spitzen yw dolen.

Gallwch ddefnyddio cyfuniad o ddatganiadau doctype i ysgrifennu eich cod. Un o elfennau pwysicaf tudalen HTML yw'r datganiad doctype. Mae hyn yn dweud wrth y porwr ym mha iaith marcio y mae eich gwefan wedi'i hysgrifennu. Fodd bynnag, nid yw hon yn elfen. Yr elfen gwraidd yw html. Pan fyddwch chi'n dysgu HTML, rhaid i chi sicrhau bod y datganiad doctype yr un fath.

Creu Gwefan HTML yn Moodle

Er mwyn creu Gwefan HTML yn Moodle, rhaid i chi fod yn arbenigwr mewn dylunio gwe. Mae HTML-Sites yn adnodd dysgu pwerus, a gellir eu defnyddio i adeiladu ymgysylltu, cyrsiau rhyngweithiol. Yn y tiwtorial hwn, byddwn yn cerdded trwy'r broses o greu Gwefan HTML sylfaenol. Fodd bynnag, os oes gennych chi rywfaint o brofiad dylunio gwefan HTML eisoes, bydd y canllaw hwn yn eich helpu i gychwyn arni.

Yn gyntaf, bydd angen i chi greu tudalen. Yn y bôn, tudalen we o fewn Moodle yw tudalen, a gall gynnwys gwahanol fathau o gynnwys, gan gynnwys amlgyfrwng. Yr adnodd Tudalen yw'r mwyaf cyfleus o'r ddau, fodd bynnag, gan nad oes rhaid i chi boeni am uwchlwytho ffeiliau mawr. Gellir diweddaru tudalen yn hawdd ac mae'n haws ei chynnal na Llyfr. Am fwy cymhleth HTML-Safleoedd, dylech ddefnyddio'r adnodd Llyfr.

Ar ôl i chi greu tudalen, byddwch am ychwanegu cynnwys HTML-Safle. Yn y cwrs hwn, byddwn yn dangos i chi sut i greu cynlluniau tudalennau ymatebol a blociau ymatebol yn Moodle. Y cam olaf yw trefnu cynnwys eich cwrs. Nid yw cwrs yn gyflawn heb gynnwys cyfoethog a deniadol, ac mae golygydd Moodle yn gwneud hyn yn hawdd iawn! Byddwn hefyd yn edrych ar sut i greu tudalennau ymatebol a gwneud cynnwys Moodle yn gyfeillgar i ffonau symudol.

Gallwch hyd yn oed ychwanegu lluniau neu ddelweddau allanol i'ch gwefan Moodle. Cliciwch ar y “mewnosod delwedd” botwm a byddwch yn cael y golygydd o'ch dewis. Gallwch ddewis o JPG, GIF, neu ddelweddau PNG, neu gallwch chi addasu'r thema gyda'ch delweddau eich hun. Os ydych chi'n ddechreuwr mewn creu Gwefan HTML, gwnewch yn siŵr eich bod chi'n creu HTML-Safle bach yn gyntaf.

Defnyddio Visual Studio Code i greu Gwefan HTML

Os ydych chi erioed wedi bod eisiau dysgu sut i wneud Gwefan HTML, efallai y bydd gennych ddiddordeb mewn dysgu sut i ddefnyddio Visual Studio Code. Mae'r golygydd cod ffynhonnell hwn ar gael ar gyfer Windows, macOS, a Linux, ac yn eich galluogi i ysgrifennu cod HTML mewn ieithoedd amrywiol. Mae hefyd yn cynnwys estyniadau sy'n eich helpu i redeg ffeiliau HTML yn y derfynell. Os ydych chi'n ansicr sut i ddefnyddio'r estyniadau hyn, gallwch ddysgu mwy amdanynt trwy ddarllen yr adrannau canlynol o'r erthygl hon.

Ar ôl i chi osod Visual Studio Code, ei lansio. Fe welwch bedwar eicon i'r dde o enw'r ffolder. Cliciwch ar y ‘Ffeil Newydd’ eicon. Dewiswch yr estyniad ffeil ‘.html’ a rhowch enw ar gyfer y prosiect. Bydd angen i chi nodi enw'r ffeil a theipio'r estyniad ffeil priodol fel y gall Visual Studio Code ddeall ei gynnwys. Os ydych chi'n defnyddio Linux, efallai y byddwch am ei gadw yn eich ffolder cartref yn lle hynny.

Yn y ffenestr Visual Studio Code, dewiswch yr eicon sy'n edrych fel rhuban glas. Os ydych chi'n defnyddio Windows, gallwch ddod o hyd iddo yn y ddewislen Start, yn y ffolder Ceisiadau ar Mac, neu ar y ddewislen Cymwysiadau yn Linux. Ar y ddewislen Estyniadau, dewis “Agor yn Porwr”. Bydd yn agor y ffeil yn y porwr rhagosodedig. Yna, cliciwch ar y ffeil a ddymunir a byddwch yn ei gweld yn y golygydd Visual Studio Code.

Wrth i chi barhau i greu eich HTML-Safle, fe sylwch ar estyniad o'r enw Prettier a fydd yn eich helpu i fformatio'ch cod yn awtomatig. Mae Prettier yn lawrlwythiad am ddim ar gyfer VS Code a bydd yn rhedeg gosodiadau rydych chi'n eu nodi yn y Gosodiadau. Mae'r opsiynau a ddewiswch ar gyfer yr estyniad hwn yn cynnwys “Fformat Dogfen” a “Fformat ar Save” – offer defnyddiol ar gyfer creu Gwefan HTML glân. Os ydych yn defnyddio VS Code yn ddyddiol, fe welwch nifer o nodweddion ychwanegol.

Mae defnyddio Visual Studio Code yn opsiwn gwych i ddatblygwyr sydd am adeiladu cymwysiadau gwe ar system weithredu Windows neu macOS. Mae ganddo ddigon o opsiynau addasu, gan gynnwys rheoli fersiwn a rhedeg gorchmynion yn uniongyrchol gan y golygydd. Ac mae'n rhad ac am ddim at ddefnydd personol! Tra bod Visual Studio yn amgylchedd datblygu rhagorol ar gyfer apps gwe sylfaenol, Efallai mai Visual Studio Code yw'r dewis gorau ar gyfer cymhwysiad gwe personol. Os nad ydych chi'n ddefnyddiwr datblygedig, Mae Visual Studio Code yn ddewis gwych i chi.