Lekcja 20: Publikowanie strony w Internecie

Od pliku lokalnego do strony w Internecie

Aby Twoja strona HTML byla dostepna dla calego swiata, potrzebujesz dwoch rzeczy: hostingu (serwera, na ktorym beda przechowywane pliki) i domeny (adresu, pod ktorym strona bedzie dostepna). Dotychczas Twoje strony dzialaly tylko lokalnie - na Twoim komputerze.

Czym jest hosting?

Hosting to usluga polegajaca na udostepnianiu miejsca na serwerze, gdzie przechowywane sa pliki Twojej strony internetowej. Serwer jest wlaczony 24/7 i podlaczony do Internetu, dzieki czemu strona jest zawsze dostepna.

• Hosting wspoldzielony - wiele stron na jednym serwerze (najtanszy, wystarczajacy dla prostych stron)
• VPS (Virtual Private Server) - wirtualny serwer prywatny (wiecej kontroli)
• Serwer dedykowany - caly fizyczny serwer dla Ciebie (najdrozszy)
• Hosting w chmurze - elastyczne zasoby (AWS, Azure, Google Cloud)
• Hosting statyczny - dla stron bez baz danych (GitHub Pages, Netlify)

Czym jest domena?

Domena to czytelny dla czlowieka adres strony internetowej (np. mojastrona.pl). Pod spodem domena jest zamieniana na adres IP serwera przez system DNS.

• Domena glowna - np. mojastrona.pl
• Subdomena - np. blog.mojastrona.pl
• TLD (Top Level Domain) - koncowka: .pl, .com, .org, .eu, .io
• Rejestracja domen - przez rejestratora (np. OVH, nazwa.pl, home.pl)
• Roczna oplata - domeny .pl kosztuja ok. 50-100 zl rocznie

Protokol FTP - przesylanie plikow

FTP (File Transfer Protocol) to protokol do przesylania plikow miedzy komputerem a serwerem. Jest to tradycyjny sposob umieszczania plikow strony na hostingu.

• Klient FTP - program do laczenia sie z serwerem (np. FileZilla, WinSCP)
• Dane do logowania - adres serwera, login, haslo (otrzymujesz od firmy hostingowej)
• SFTP - bezpieczna wersja FTP (szyfrowane polaczenie)
• Katalog glowny - folder public_html lub www, do ktorego wgrywasz pliki

GitHub Pages - darmowy hosting

GitHub Pages to darmowa usluga hostingu stron statycznych od GitHub. Idealna do nauki i prostych projektow.

1. Zaloz konto na github.com
2. Stworz nowe repozytorium o nazwie username.github.io
3. Przeslij pliki HTML, CSS i obrazy do repozytorium
4. Strona bedzie dostepna pod adresem https://username.github.io

Inne darmowe platformy hostingowe

• Netlify - automatyczny deploy z Git, formularze, darmowy SSL
• Vercel - szybki hosting, integracja z frameworkami
• InfinityFree - darmowy hosting z PHP i baza danych
• 000webhost - darmowy hosting ze wsparciem PHP

Certyfikat SSL / HTTPS

SSL (Secure Sockets Layer) szyfruje polaczenie miedzy przegladarka a serwerem. Strony z SSL maja adres zaczynajacy sie od https:// i ikone klodki. Darmowe certyfikaty oferuje Let's Encrypt.