Kom i gang

Det hele, trin for trin

Denne guide er til dig, der aldrig har haft en hjemmeside. Du skal ikke kunne kode, og du skal ikke vide, hvordan nettet hænger sammen. Du skal kunne klikke dig igennem en bestilling, kopiere en tekst og sige til, når noget ser forkert ud.

Det tager omkring en halv time i alt, fordelt på to dage. Et nyt domæne skal bruge op til et døgn, før det virker overalt, så du bestiller i dag, bygger din første øvelse, mens du venter, og lægger den på nettet i morgen.

Fem ord, du kommer til at møde

Domæne

Adressen, fx kemilab.eu. Du lejer den for et år ad gangen.

Webhotel

Den computer på nettet, der viser dine sider til de studerende. Du lejer plads på den.

DirectAdmin

Webhotellets kontrolpanel. Du skal derind et par gange, og hver gang viser et billede her, hvad du skal klikke på.

SSL

Det, der giver hængelåsen i adresselinjen. Uden den advarer browseren de studerende.

SSH-nøgle

En digital nøgle, Claude Code laver til dig. Med den kan den lægge filerne på webhotellet, uden at du giver den din adgangskode.

Guiden

Vejen her bruger Site.eu, et europæisk webhotel med servere i EU, hvor sitene på Invisible Ink også ligger. Det er billigt, der er plads til 25 domæner på den mindste plan, og Claude Code kan lægge filer op uden ekstra værktøjer. Knapperne står med deres engelske navne, og blyantsringene på billederne viser, hvor du skal klikke.

Skærmbillederne er fra Site.eu og DirectAdmin 2. oktober 2026. Brugernavn, domæner og numre er skiftet ud med eksempler.

1. Dag 1 · 10 minutter

   Bestil domæne og webhotel

   1. Gå til site.eu, skriv det navn, du ønsker, i søgefeltet, og tryk Search! Vælg helst et navn uden æ, ø og å, så det er let at skrive.
   2. Står der Register ud for navnet, er det ledigt. Hold musen over det lille i ved siden af navnet: det viser, hvad domænet koster at forny. Tryk så Register.

      

   3. Vælg planen Basic med Select this plan. Den kan alt, en øvelse skal bruge.

      

   4. Tryk på Account details øverst til højre. Har du ikke en konto, så vælg Haven’t registered yet?

      

   5. Skriv din e-mail og en adgangskode, sæt flueben ved vilkårene, og tryk Create my account. Gem adgangskoden et sikkert sted. Det er den eneste, du selv skal bruge. Udfyld derefter faktureringsoplysninger, og betal.

      

   Betaler institutionen, så brug din arbejdsmail og institutionens adresse. Så er kontoen institutionens og ikke din, den dag en anden skal overtage.

2. Dag 1 · 5 minutter

   Tænd webhotellet

   1. Log ind på Site.eu, tryk Dashboard, og klik på din plan i menuen til venstre.

      

   2. Nu ser du planens side. Gør det, numrene på billedet viser:

      

      1. 1 Åbn fanen Web hosting.
      2. 2 Slå Web hosting til. Spørger den om kontrolpanel og server, så lad DirectAdmin og Automatically choose the best web hosting server for me stå.
      3. 3 Slå SSH til. Det er den, Claude Code skal bruge.
      4. 4 Skriv brugernavnet ned. Adgangskoden under det behøver du ikke gemme.
      5. 5 Højreklik på Go to control panel, og vælg Kopiér link. Sæt linket ind et sted, du kan finde det igen i trin 5.
      6. 6 Log in automatically åbner DirectAdmin. Den knap skal du bruge i trin 5 og senere.

3. Dag 1 · 5 minutter

   Hent Claude

   1. Køb Claude Pro på claude.ai. Claude Code er med i abonnementet.
   2. Hent desktop-appen på claude.ai/download, installer den, og log ind.
   3. Lav en tom mappe på din computer, fx Mine øvelser.
   4. Åbn fanen Code i appen, tryk Select folder, og vælg mappen.
   5. Vælg Manual ved siden af send-knappen. Så spørger Claude, før den ændrer noget, og du kan se, hvad den gør.

4. Dag 1 · 5 minutter, og så venter du på et forslag

   Send startprompten

   Kopiér prompten, sæt den ind i Claude, og ret de tre sætninger med firkantede parenteser til din egen øvelse. Prompten bygger sitet, skriver reglerne ned, som alle dine øvelser skal følge, og beder om et forslag, før der bygges. Papirtesten kan hjælpe dig med at finde en øvelse, der er værd at lave.

   Startprompten

   Jeg er underviser og vil bygge små interaktive øvelser til mine studerende som et website. Jeg kan ikke kode, så forklar alt i almindeligt sprog, og spørg, før du gør noget, der ikke kan fortrydes.

   Sæt projektet op i denne mappe:

   1. En forside, der viser øvelserne, og én mappe pr. øvelse.
   2. Kun almindelige HTML-, CSS- og JavaScript-filer. Intet, der skal bygges eller installeres, og intet hentet fra andre sites: ingen skrifttyper, scripts eller statistik udefra.
   3. Intet forlader de studerendes browser. Ingen login, ingen navne, ingen indsamling af svar.
   4. Det skal virke på telefon og computer, kunne bruges med tastatur og skærmlæser, og et svar må aldrig kun vises med farve.
   5. En README.md til mennesker og en CLAUDE.md til dig med reglerne her. Hver gang jeg retter dig i noget, der gælder alle øvelser, skriver du det ind i CLAUDE.md.
   6. Brug git, og skriv i hver ændring, hvorfor den blev lavet.
   7. Sitet skal ligge på et webhotel med Apache eller LiteSpeed. Læg en .htaccess med sikkerhedsregler, der håndhæver punkt 2 og 3, og som sender alle besøgende videre til https.
   8. Vis mig siden på min egen computer, før noget kommer på nettet.

   Den første øvelse er til [fag og niveau, fx 2. semester sygepleje]. De studerende skal opdage, at [det, de skal opdage]. Det går typisk galt, fordi [det, du har set dem gøre].

   Kom med dit forslag til øvelsen, før du bygger.

   Svaret er et forslag. Læs det, og svar, som du ville svare en kollega: hvad der er godt, hvad der er forkert, og hvad den ikke må. Når du siger ja, bygger den. Prototypen af øvelsen på Arbejdsgang stod klar 24 minutter efter første prompt, og den var stor.

5. Dag 1 · 5 minutter

   Giv Claude en nøgle til webhotellet

   Send denne prompt med brugernavnet, linket og dit domæne fra trin 2:

   Nøgleprompten

   Mit webhotel er hos Site.eu med DirectAdmin. Brugernavnet er [brugernavn], linket til kontrolpanelet er [linket fra Go to control panel], og domænet er [mitdomæne.eu]. SSH er slået til, og serveren er den samme som i linket.

   Lav en SSH-nøgle, der kun bruges til dette webhotel, og vis mig den offentlige del, så jeg kan sætte den ind i DirectAdmin. Spørg aldrig efter min adgangskode.

   Lav derefter et lille deploy-script, der lægger sitet op i webroden for mit domæne, viser mig, hvad der ændres, før det sker, og bagefter tjekker, at siden svarer. Det skal virke på min computer, uden at jeg installerer noget. Skriv i README.md, hvordan det bruges.

   1. Claude viser en lang linje, der begynder med ssh-ed25519. Kopiér hele linjen.
   2. Åbn DirectAdmin med Log in automatically fra trin 2. Klik i Search for pages, skriv SSH, og vælg SSH Keys.

      

   3. Tryk PASTE KEY.

      

   4. Sæt linjen ind i feltet Line, og tryk CREATE. Bagefter står nøglen på listen, som på billedet ovenfor.

      

   5. Sig til Claude, at nøglen er sat ind. Første gang spørger den måske, om den må stole på webhotellet. Sig ja.

6. Dag 2 · 1 minut

   Tjek hængelåsen

   Hængelåsen kommer af sig selv. DirectAdmin bestiller et certifikat, så snart domænet virker på nettet, og fornyer det automatisk. Du skal bare se efter, at det er sket.

   1. Åbn DirectAdmin, søg efter SSL, og vælg SSL/TLS Certificates.
   2. Står der et grønt felt med All DNS names have valid TLS certificates, er du klar.

      

   Står der noget andet, er domænet ikke helt klar endnu. Vent et par timer, og se igen. Er det der ikke efter et døgn, så skriv til support@site.eu.

7. Dag 2 · 2 minutter

   Læg den på nettet

   Dig

   Læg sitet på nettet.

   Claude viser, hvad der vil blive lagt op, og spørger, før den gør det. Bagefter åbner du https://mitdomæne.eu, og der er din øvelse, med hængelås. Næste gang du har rettet noget, er det den samme sætning.

Flere sites på samme domæne

Vil du have ét site pr. fag eller kursus, kan du lave adresser som kemi.mitdomæne.eu og fysik.mitdomæne.eu. De kaldes subdomæner og koster ikke ekstra. Site.eu sender dem automatisk til dit webhotel.

1. I DirectAdmin: Account Manager → Subdomain Management. Tjek, at dit domæne står øverst til højre, og tryk ADD SUBDOMAIN.

   

2. Skriv kun den første del af adressen, fx kemi. Lad Document Root stå på Default, så får sitet sin egen mappe. Tryk ADD SUBDOMAIN.

   

3. Hængelåsen kommer af sig selv: certifikatet for dit domæne udvides med den nye adresse inden for et par timer.
4. Lav en ny tom mappe til sitet, vælg den i Claude, og send startprompten igen, med en linje til sidst: Sitet skal ligge på kemi.mitdomæne.eu på samme webhotel. Brug nøglen fra mit andet site.

Vælg ikke Legacy. Det lægger det nye site i en mappe inde i det gamle, og så kan det ene site komme til at slette det andet, når det lægges op.

Når noget går galt

• Kopiér fejlen til Claude. Hele beskeden, også det, du ikke forstår. Skriv, hvad du gjorde lige før.
• Siden siger stadig, at Site.eu bygger noget. Sitet er ikke lagt op endnu, eller det er lagt i en forkert mappe. Bed Claude tjekke, hvor det ligger.
• Browseren advarer om en usikker forbindelse. Hængelåsen mangler endnu. Se trin 6.
• Claude siger Permission denied. Nøglen er ikke sat ind, eller SSH er ikke slået til i trin 2.
• Øvelsen ser rigtig ud, men er forkert. Det fanger ingen maskine. Afprøv den selv, og så med et par af dem, den er til. Se Kvalitet.

Tilvalg: GitHub

Alt hidtil ligger på din egen computer og på webhotellet. GitHub er et sted på nettet, hvor hele historikken også kan ligge: hver ændring og grunden til den. Det er gratis, og det er nyttigt, hvis

• du vil have en kopi, der ikke forsvinder med din computer,
• en kollega skal kunne følge med, rette eller overtage,
• du arbejder på sitet fra mere end én computer.

Lav en konto på github.com, og send så denne prompt:

Vælg et privat repo. GitHub kan også selv vise sitet, men på gratisplanen kræver det, at alt er offentligt, og en databehandleraftale er uklar for en personlig konto. Se sammenligningen på Teknik.

Tilvalg: institutionens egen server

Har din institution et webhotel eller en webserver, kan det være det bedste sted: kontoen er institutionens, og aftalerne er måske allerede på plads. Spørg it-afdelingen om tre ting: en adresse til sitet, adgang med en SSH-nøgle, og navnet på den mappe, filerne skal ligge i. Send svarene til Claude i stedet for Site.eu-oplysningerne i trin 5.

Før de studerende får linket

Selv et site, der ikke gemmer noget, efterlader et spor: webhotellet noterer hver besøgendes IP-adresse i sin log. Derfor er webhotellet som regel databehandler for dig eller din institution. Site.eu udleverer sin databehandleraftale efter anmodning: skriv til support@site.eu, og bed om den, før øvelsen bruges på et hold. Hvad mere der skal på plads, står på Privatliv.