Kde bude web bydlet
Hosting je server, kde web bydlí. Pro statický web (HTML, CSS, JS – přesně to, co stavíš) je nejlepší start GitHub Pages: je zadarmo, spolehlivý a Git už umíš z Datarze.
Pokaż mi to: nasazení na GitHub Pages
- Pushni projekt na GitHub (to už umíš:
git add .,git commit,git push). - Na GitHubu otevři repozitář → Settings → Pages.
- V „Source” vyber větev
maina složku/ (root). - Ulož – za minutu web běží na
tvoje-jmeno.github.io/nazev-repozitare.
Hotovo. Tvůj web je na internetu a vidí ho celý svět. 🎉
Připojení vlastní domény
Máš od minulé lekce doménu? Propojíme ji:
- Na GitHubu: Settings → Pages → Custom domain → zapiš svou doménu.
- U registrátora nastav DNS záznamy (najdeš je v nápovědě GitHub Pages):
- záznam typu CNAME pro
www→tvoje-jmeno.github.io - záznamy typu A pro doménu bez www → IP adresy GitHub Pages
- záznam typu CNAME pro
- Počkej – DNS změny se šíří světem až pár hodin (obvykle minuty).
Máš web s vlastním serverem (návštěvní kniha z Mistrza, chatbot z Wynalazca)? GitHub Pages umí jen statické stránky – server potřebuje jiný hosting (např. Railway, Render; mají startovní úroveň zadarmo). Postup je podobný: propojíš repozitář a služba server spustí. Statickou část webu ale klidně nech na Pages.
Teraz ty 💪
- Nasaď svůj projekt na GitHub Pages podle postupu.
- Otevři web na mobilu (ne na Wi-Fi!) – vidíš ho? Tak ho vidí celý svět.
- Pošli adresu jednomu člověku (rodiče, kamarád) a chtěj zpětnou vazbu: co funguje, co je divné.
- Pokud máš doménu, propoj ji a ověř, že web běží na vlastní adrese.
- Zapiš do
LAUNCH.md: adresu webu a datum prvního nasazení. To je historický okamžik!
Kontrola: Web je dostupný z jakéhokoli zařízení na světě – na GitHub Pages adrese, ideálně na vlastní doméně. První člověk kromě tebe ho viděl.
Co si z téhle lekce odnést
- GitHub Pages = hosting zadarmo pro statické weby, nasazení na pár kliknutí.
- Vlastní doména se připojuje přes DNS záznamy (CNAME a A).
- Web s vlastním serverem potřebuje jiný hosting – statická část může zůstat na Pages.
© 2026 Ing. Martin Polak / AlgoRhino · Warunki użytkowania treści