Objavi svojo spletno stran na internetu

Veliki finale: tvoja spletna stran dobi pravi naslov, ki ga lahko pošlješ komur koli na svetu.

Kaj se bo zgodilo

Do zdaj je tvoja spletna stran živela le na tvojem računalniku. Zdaj jo bomo naložili na strežnik – računalnik, ki je vedno povezan z internetom – in dobila bo naslov, ki ga lahko kdorkoli odpre. Uporabili bomo GitHub Pages: brezplačno je in ga uporabljajo milijoni programerjev.

⚠️

Ta korak naredi s staršem. Ustvarjanje računa na GitHubu potrebuje e-poštni naslov, po pravilih GitHuba pa mora račun za otroka pod 13 let ustvariti in upravljati starš. Poleg tega je lep trenutek za deljenje – naj vidi, kaj si zgradil!

Korak za korakom

Ustvari račun na GitHubu. Pojdi na github.com in klikni Sign up. Vpiši e-pošto (starševo), geslo in uporabniško ime. Pazljivo z uporabniškim imenom – postalo bo del naslova tvoje spletne strani! Nekaj kot jake-builds je bolje kot xxjake123xx.
Ustvari novo shrambo (repository). Shramba je predal za en projekt. Klikni zeleni gumb New (ali plus zgoraj desno → New repository). Za Repository name vpiši my-website, pusti označeno Public in klikni Create repository.
Naloži datoteke svoje spletne strani. Na strani shrambe klikni povezavo uploading an existing file. Povleci vse iz mape my-website: index.html, druge datoteke .html, style.css in celotno mapo images. Spodaj klikni zeleni gumb Commit changes.
Vklopi GitHub Pages. Zgoraj klikni zavihek Settings, nato Pages v levem meniju. Pod Branch izberi main, pusti / (root) in klikni Save.
Počakaj minuto in odpri svoj naslov. Tvoja spletna stran zdaj živi na:
```
https://your-username.github.io/my-website/
```
(zamenjaj your-username s svojim GitHub uporabniškim imenom). Če takoj ne deluje, počakaj dve minuti in osveži stran.

🎉 Čestitke, Stavitelj!

Imaš spletno stran na internetu. Pravo, s pravim naslovom. Pošlji jo babici, prijateljem, učitelju. In si vzemi trenutek, da se spomniš, od kod si prišel: prazna datoteka in <h1>It works!</h1>.

Kaj si se naučil v teh 12 lekcijah:

kako deluje internet, brskalniki in strežniki,
HTML: okostje strani, naslovi, odstavki, seznami, slike, povezave, struktura,
CSS: barve, pisave, razredi, škatelni model, flexbox, kartice, animacije,
in na koncu objava spletne strani na internetu – kar profesionalci imenujejo deployment.

Kako nadalje spreminjati spletno stran

Spletna stran nikoli ni čisto končana! Kadarkoli spremeniš kaj v datotekah na računalniku:

odpri svojo shrambo na GitHubu,
klikni Add file → Upload files,
povleci spremenjene datoteke in klikni Commit changes.

V minuti je sprememba objavljena. (V ravni 3 se boš naučil to delati bolj elegantno – z ukazi v terminalu, kot pravi profesionalec.)

💡

Kaj je naprej? Tvoja spletna stran je zgrajena, a še ne more reagirati. V ravni 2 – Čarovnik jo boš naučil čarovnij: temni način, fotogalerija in kviz za obiskovalce. Gradimo jo zdaj – in tvoja spletna stran bo popolnoma pripravljena.

Kaj si vzameš iz te lekcije

GitHub Pages brezplačno objavi spletno stran: shramba → naloži datoteke → Settings → Pages.
Tvoj naslov: https://your-username.github.io/my-website/.
Spreminjanje spletne strani = ponovno naloži spremenjene datoteke. Živi in raste s tabo.