Publicer din hjemmeside på internettet

Den store finale: din hjemmeside får en rigtig adresse, du kan sende til alle i verden.

Hvad der sker nu

Indtil videre bor din hjemmeside kun på din egen computer. Nu uploader vi den til en server – en computer, der altid er forbundet til internettet – og den får en adresse, alle kan åbne. Vi bruger GitHub Pages: det er gratis, og millioner af programmører bruger det.

⚠️

Gør dette trin med en forælder. At oprette en GitHub-konto kræver en e-mailadresse, og ifølge GitHubs regler skal en konto for et barn under 13 oprettes og administreres af en forælder. Plus, det er et fint øjeblik at dele – lad dem se, hvad du har bygget!

Trin for trin

Opret en GitHub-konto. Gå til github.com og klik på Sign up. Udfyld en e-mail (en forælders), en adgangskode og et brugernavn. Pas på med brugernavnet – det bliver en del af din hjemmesides adresse! Noget som jake-builds er bedre end xxjake123xx.
Opret et nyt repository. Et repository er en skuffe til ét projekt. Klik på den grønne New-knap (eller plustegnet øverst til højre → New repository). Skriv my-website som Repository name, lad Public være markeret, og klik på Create repository.
Upload din hjemmesides filer. På repository-siden, klik på linket uploading an existing file. Træk alt fra din my-website-mappe ind: index.html, dine andre .html-filer, style.css og hele mappen images. Klik på den grønne Commit changes-knap nederst.
Slå GitHub Pages til. Klik på fanen Settings øverst, derefter Pages i venstre menu. Under Branch, vælg main, lad / (root) stå, og klik på Save.
Vent et minut, og åbn din adresse. Din hjemmeside bor nu på:
```
https://your-username.github.io/my-website/
```
(erstat your-username med dit GitHub-brugernavn). Hvis det ikke virker med det samme, giv det to minutter og opdater siden.

🎉 Tillykke, Bygger!

Du har en hjemmeside på internettet. En rigtig en, med en rigtig adresse. Send den til din bedstemor, dine venner, din lærer. Og tag et øjeblik til at huske, hvor du startede: en tom fil og <h1>It works!</h1>.

Hvad du lærte over disse 12 lektioner:

hvordan internettet, browsere og servere virker,
HTML: et sides skelet, overskrifter, afsnit, lister, billeder, links, struktur,
CSS: farver, skrifttyper, klasser, boks-modellen, flexbox, kort, animationer,
og endelig at lægge en hjemmeside på internettet – det, professionelle kalder deployment.

Sådan fortsætter du med at ændre din hjemmeside

En hjemmeside er aldrig rigtig færdig! Når du ændrer noget i dine filer på din computer:

åbn dit repository på GitHub,
klik på Add file → Upload files,
træk de ændrede filer ind og klik på Commit changes.

Inden for et minut er ændringen live. (I niveau 3 lærer du at gøre det mere elegant – med kommandoer fra terminalen, som en rigtig professionel.)

💡

Hvad nu? Din hjemmeside er bygget, men den kan endnu ikke reagere. I Niveau 2 – Troldmand lærer du den trylleformularer: mørk tilstand, et gennembladlingsbart fotogalleri og en quiz til besøgende. Vi bygger det nu – og din hjemmeside er perfekt klar til det.

Det tager du med fra denne lektion

GitHub Pages publicerer en hjemmeside gratis: repository → upload filer → Settings → Pages.
Din adresse: https://your-username.github.io/my-website/.
At ændre din hjemmeside = uploade de ændrede filer igen. Den lever og vokser med dig.