Opublikuj swoją stronę internetową

Wielki finał: Twoja strona internetowa ma prawdziwy adres, który możesz wysłać do każdego na świecie.

Co się wydarzy

Do tej pory Twoja strona żyje tylko na Twoim komputerze. Teraz prześlemy go na ** serwer ** – komputer, który jest zawsze podłączony do Internetu – i otrzyma adres, który każdy może otworzyć. Skorzystamy z GitHub Pages: jest bezpłatny, a korzystają z niego miliony programistów.

⚠️

Wykonaj ten krok z rodzicem. Założenie konta na GitHub wymaga podania adresu e-mail, a zgodnie z zasadami GitHub konto dla dziecka poniżej 13 roku życia musi być utworzone i zarządzane przez rodzica. Poza tym to miły moment na podzielenie się – pozwól im zobaczyć, co zbudowałeś!

Krok po kroku

Create a GitHub account. Go to github.com and click Sign up. Fill in an email (a parent’s), a password, and a username. Careful with the username – it’ll become part of your website’s address! Something like jake-builds is better than xxjake123xx.
Create a new repository. A repository is a drawer for one project. Click the green New button (or the plus sign in the top right → New repository). Type my-website for the Repository name, leave Public checked, and click Create repository.
Upload your website’s files. On the repository page, click the uploading an existing file link. Drag in everything from your my-website folder: index.html, your other .html files, style.css, and the whole images folder. Click the green Commit changes button at the bottom.
Turn on GitHub Pages. Click the Settings tab at the top, then Pages in the left menu. Under Branch, choose main, leave / (root), and click Save.
Poczekaj chwilę, a następnie otwórz swój adres. Twoja strona internetowa mieszka teraz pod adresem:
```
https://your-username.github.io/my-website/
```
zamień your-usernamez nazwą użytkownika GitHub). Jeśli nie działa od razu, odczekaj dwie minuty i odśwież stronę.

🎉 Gratulacje, Konstruktorze!

Masz stronę internetową w internecie. Prawdziwy, z prawdziwym adresem. Wyślij to babci, przyjaciołom, nauczycielowi. Poświęć chwilę, aby przypomnieć sobie, od czego zacząłeś: pusty plik i<h1>It works!</h1>O

Czego nauczyłeś się podczas tych 12 lekcji:

jak działa internet, przeglądarki i serwery,
HTML: szkielet strony, nagłówki, akapity, listy, obrazy, linki, struktura,
CSS: kolory, czcionki, klasy, model pudełkowy, flexbox, karty, animacje,
i wreszcie, umieszczenie strony internetowej w internecie – to, co profesjonaliści nazywają wdrożeniem.

Jak dalej zmieniać witrynę

Strona internetowa nigdy tak naprawdę nie jest skończona! Za każdym razem, gdy zmieniasz coś w swoich plikach na komputerze:

otwórz swoje repozytorium na GitHub,
kliknąć Dodaj plik → Prześlij pliki,
przeciągnij zmienione pliki i kliknij Zatwierdź zmiany.

W ciągu minuty zmiana jest widoczna. (Na poziomie 3 nauczysz się to robić bardziej elegancko – używając poleceń z terminala, jak prawdziwy profesjonalista.)

💡

Co dalej? Twoja strona internetowa została zbudowana, ale nie może jeszcze zareagować. W Poziomie 2 – Kreator nauczysz go pisowni: trybu ciemnego, galerii zdjęć do przeglądania i quizu dla odwiedzających. Budujemy ją teraz – a Twoja strona będzie na nią doskonale przygotowana.

Co wyniesiesz z tej lekcji

GitHub Pages publikuje stronę internetową za darmo: repository → upload files → Settings → Pages.
Your address: https://your-username.github.io/my-website/.
Zmiana witryny = ponowne przesłanie zmienionych plików. Żyje i rośnie wraz z Tobą.