Lær html og lav din egen hjemmeside
HTML (HyperText Markup Language) er det grundlæggende sprog, der bruges til at opbygge og strukturere indhold på internettet. Det består af en række "tags", der definerer forskellige elementer som tekst, billeder, links og overskrifter. HTML bruges til at skabe websider og beskriver, hvordan indholdet skal vises i en webbrowser. Det er fundamentet for enhver hjemmeside og arbejder ofte sammen med CSS (for design) og JavaScript (for interaktivitet).
Forslag til fremgangsmåde:
- En HTML-fil er ganske enkelt en tekstfil, skrevet i fx word eller wordpad, der er gemt med fil-endelsen .html
- Opret et tekst-dokument med fil-endelsen .html
- Gem filen i en mappe
- Åben filen i din browser
- Begynd med at inspicere AI-assistentens viden om html og hjemmeside-design:
- Kan den redegøre for html-dokumenters fundamentale komponenter?
- Kan den generere funktionelle eksempler?
- Kan den hjælpe med at instruerere i, hvordan man gør?
- Find selv på flere!
- Forslag til læringsmål:
- Eleverne skal lære at lave html-hjemmesider (digitale færdigheder)
- Eleverne skal have kendskab til grundlæggende principper for hjemmeside design (design- og mediefaglighed)
- Eleverne skal lære om digital farve- og billedrepræsentation (digitale færdigheder)
- Eleverne skal lære om at skrive gode web-tekster (skrive- og kommunikationsfærdigheder)
- Eleverne skal lære at forholde sig kritisk til ophavsrettigheder i et gennemdigitaliseret medielandskab (digital dannelse)
- Formulér gerne flere eller andre læringsmål
- Tildel AI-assistenten klart definerede roller, der fastholder elverne i zonen for nærmeste læring::
- AI-assistenten skal generere forklaringer og små html-sekvenser, der kan danne afsæt for at eleverne videreudvikler html-koden til deres eget hjemmeside-design
- Skal den gøre andet? Overvej hvordan den bidrage i forhold til de enkelte læringsmål
- Husk at pre-prompte, dvs. instruér AI-assistenten
- Skitsér et didaktisk design
Lav et forløb, der meningsfuldt ville kunne indgå i jeres undervisning
Følg designprincipperne
- Inspiration: Neocities.org
