Sådan opretter du en HTML-side i Moodle

Hvis du leder efter måder at oprette et HTML-websted på, her er et par tips til at komme i gang. Lær HTML-Lernen at oprette en hjemmeside, eller brug Visual Studio Code til at oprette et websted i Moodle. I hvert fald, du bør mindst have en grundlæggende forståelse af HTML for at oprette dit eget websted. Der er flere måder at oprette en HTML-side på, men disse er de mest almindelige.

Oprettelse af en HTML-side

Det første skridt i at skabe din egen hjemmeside er at lære at bruge HTML. HTML er standardopmærkningssproget for websider. Det blev udviklet af Tim Berners-Lee i 1991 mens du arbejder hos CERN. Det var en af ​​nøgleteknologierne, der blev brugt til at skabe verdens første hjemmeside. Sproget er siden blevet væsentligt forbedret og omskrevet, men dets grundlæggende formål forbliver det samme. Dens primære formål er at formatere websider og vise dem for brugerne.

Brug af HTML-læring

Du kan lære at oprette HTML-sider gratis eller betale for at bruge betalte ressourcer. At bruge gratis ressourcer til at lære HTML er meget nemmere end at lære det grundlæggende gennem betalte ressourcer. Nogle mennesker vil have mere gavn af fesseling-timer, som er mindre vanskelige og reducerer sandsynligheden for at droppe ud. Onlinekurser giver dig mulighed for at bruge HTML-kode i din webbrowser, og kan give værdifuld læringserfaring. Imidlertid, hvis du ønsker at spare penge, betalte ressourcer er altid et godt valg.

Mens du lærer HTML gratis, det er bedst at starte med at læse tutorials skrevet af eksperter. HTML er et vigtigt sprog for webudviklere, da det giver mere fleksibilitet i formatering af indhold og visning af det. Du sparer også penge ved at lære HTML, da webudviklere er dyre. Hvis du ved, hvordan man opretter HTML, du kan spare mange penge ved at spare tid og energi. Du kan også selv lave mindre ændringer, hvis du har noget grundlæggende kendskab til det.

HTML er et XML-baseret sprog. HTML-tags er organiseret i vinkelparenteser. Absatz-tags fortæller webbrowseren, hvad en sides titel er. De fleste HTML-tags ender med schliesssending tags, mens nogle få åbnes og lukkes. Et godt eksempel på en spitzen klassnern er et link.

Du kan bruge en kombination af doctype-erklæringer til at skrive din kode. Et af de vigtigste elementer på en HTML-side er doctype-erklæringen. Dette fortæller browseren, hvilket markup-sprog dit websted er skrevet på. Imidlertid, dette er ikke et element. Rodelementet er html. Når du lærer HTML, du skal sikre dig, at doctype-erklæringen er den samme.

Oprettelse af en HTML-side i Moodle

For at oprette en HTML-side i Moodle, du skal være ekspert i webdesign. HTML-Sites er en kraftfuld læringsressource, og de kan bruges til at bygge engagerende, interaktive kurser. I denne tutorial, vi gennemgår processen med at skabe et grundlæggende HTML-websted. Imidlertid, hvis du allerede har erfaring med HTML-sidedesign, denne guide hjælper dig i gang.

Først, du skal oprette en side. En side er dybest set en webside i Moodle, og det kan indeholde forskellige typer indhold, herunder multimedier. Sideressourcen er den mest bekvemme af de to, imidlertid, da du ikke behøver at bekymre dig om at uploade store filer. En side kan nemt opdateres og er lettere at vedligeholde end en bog. Til mere komplekse HTML-sider, du skal bruge bogressourcen.

Når du har oprettet en side, du vil tilføje HTML-sideindhold. I dette kursus, vi viser dig, hvordan du opretter responsive sidelayouts og responsive blokke i Moodle. Det sidste trin er at organisere dit kursusindhold. Et kursus er ikke komplet uden rigt og engagerende indhold, og Moodle-editoren gør dette meget nemt! Vi vil også se på, hvordan man opretter responsive sider og gør Moodle-indhold mobilvenligt.

Du kan endda tilføje billeder eller eksterne billeder til dit Moodle-websted. Bare klik på “indsæt billede” knappen, og du vil blive præsenteret for den editor, du vælger. Du kan vælge fra JPG, GIF, eller PNG-billeder, eller du kan tilpasse temaet med dine egne billeder. Hvis du er nybegynder inden for HTML-Site oprettelse, sørg for at oprette en lille HTML-side først.

Brug af Visual Studio Code til at oprette en HTML-side

Hvis du nogensinde har ønsket at lære at lave en HTML-side, du kan være interesseret i at lære at bruge Visual Studio Code. Denne kildekodeeditor er tilgængelig til Windows, macOS, og Linux, og giver dig mulighed for at skrive HTML-kode på forskellige sprog. Det inkluderer også udvidelser, der hjælper dig med at køre HTML-filer i terminalen. Hvis du er usikker på, hvordan du bruger disse udvidelser, du kan lære mere om dem ved at læse de følgende afsnit i denne artikel.

Når du har installeret Visual Studio Code, starte den. Du vil se fire ikoner til højre for mappenavnet. Klik på 'Ny fil’ ikon. Vælg filtypenavnet '.html’ og indtast et navn til projektet. Du skal indtaste filens navn og skrive den passende filtypenavn, så Visual Studio Code kan forstå dens indhold. Hvis du bruger Linux, du vil måske gemme den i din hjemmemappe i stedet for.

I vinduet Visual Studio Code, vælg det ikon, der ligner et blåt bånd. Hvis du bruger Windows, du kan finde den i Start-menuen, i mappen Programmer på Mac, eller på menuen Programmer i Linux. I menuen Udvidelser, Vælg “Åbn i browser”. Det åbner filen i standardbrowseren. Derefter, klik på den ønskede fil, og du vil se den i Visual Studio Code-editoren.

Mens du fortsætter med at oprette din HTML-side, du vil bemærke en udvidelse kaldet Prettier, der hjælper dig med at formatere din kode automatisk. Prettier er en gratis download til VS Code og vil køre indstillinger, du angiver i Indstillinger. De muligheder, du vælger for denne udvidelse, omfatter “Formater dokument” og “Formatér ved Gem” – nyttige værktøjer til at skabe en ren HTML-side. Hvis du bruger VS-kode på daglig basis, finder du en række ekstra funktioner.

Brug af Visual Studio Code er en fantastisk mulighed for udviklere, der ønsker at bygge webapplikationer på et Windows- eller macOS-operativsystem. Den har masser af tilpasningsmuligheder, inklusive versionskontrol og kørsel af kommandoer direkte fra editoren. Og det er gratis til personlig brug! Mens Visual Studio er et fremragende udviklingsmiljø til grundlæggende webapps, Visual Studio Code kan være det bedre valg til en personlig webapplikation. Hvis du ikke er en avanceret bruger, Visual Studio Code er et glimrende valg for dig.