Publicer din nettside på internettet

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

Hva der sker nu

Foreløpig bor din nettside kun på din egen datamaskin. Nu uploader vi den til en server – en datamaskin, der altid er forbundet til internettet – og den får en adresse, alle kan åpne. Vi bruker GitHub Pages: det er gratis, og millioner af programmerere bruker det.

⚠️

Gjør dette trin med en forelder. At opprette en GitHub-konto krever en e-mailadresse, og ifølge GitHubs regler skal en konto for et barn under 13 opprettes og administreres af en forelder. Plus, det er et fint øyeblikk at dele – lad dem se, hva du har bygget!

Trin for trin

Lag en GitHub-konto. Gå til github.com og klikk på Sign up. Fyll ut en e-mail (en forelders), en passord og et brukernavn. Pass på brukernavnet – det blir en del af din nettsides adresse! Noe som jake-builds er bedre end xxjake123xx.
Opprett et nyt repository. Et repository er en skuffe til ét projekt. Klikk på den grønne New-knap (eller pluss-tegnet øverst til højre → New repository). Skriv my-website som Repository name, lad Public være markeret, og klikk på Create repository.
Upload din nettsides filer. På repository-siden, klikk på linket uploading an existing file. Dra alt fra din my-website-mappe ind: index.html, dine andre .html-filer, style.css og hele mappen images. Klikk på den grønne Commit changes-knap nederst.
Slå GitHub Pages til. Klikk på fanen Settings øverst, deretter Pages i venstre menu. Under Branch, velg main, lad / (root) stå, og klikk på Save.
Vent et minut, og åpne din adresse. Din nettside bor nu på:
```
https://your-username.github.io/my-website/
```
(erstat your-username med ditt GitHub-brukernavn). Hvis det ikke fungerer med en gang, giv det to minutter og oppdater siden.

🎉 Gratulerer, Bygger!

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

Hva du lærte over disse 12 leksjoner:

hvordan internettet, nettlesere og servere fungerer,
HTML: et sides skjelett, overskrifter, avsnitt, lister, bilder, links, struktur,
CSS: farger, skrifttyper, klasser, boks-modellen, flexbox, kort, animationer,
og endelig at lægge en nettside på internettet – det, profesjonelle kalder deployment.

Sådan fortsetter du med at endre din nettside

En nettside er aldrig ekte ferdig! Når du endrer noe i dine filer på din datamaskin:

åpne ditt repository på GitHub,
klikk på Add file → Upload files,
dra de endret filer ind og klikk på Commit changes.

Innen et minut er endringen live. (I nivå 3 lærer du at gjøre det mere elegant – med kommandoer fra terminalen, som en ekte professionel.)

💡

Hva nu? Din nettside er bygget, men den kan endnu ikke reagere. I Nivå 2 – Troldmand lærer du den trylleformularer: mørk tilstand, et gjennombladlingsbart bildegalleri og en quiz til besøkende. Vi bygger det nu – og din nettside er perfekt klar til det.

Dette tar du med deg fra leksjonen

GitHub Pages publicerer en nettside gratis: repository → upload filer → Settings → Pages.
Din adresse: https://your-username.github.io/my-website/.
At endre din nettside = uploade de endret filer igen. Den lever og vokser med deg.