W tym rozdziale omawiamy krok po kroku proces tworzenia i publikowania własnej strony internetowej. Zaczniemy od najprostszych, ale istotnych działań, które stanowią fundament tego, jak w przyszłości zarządzać swoją stroną. Choć proces może wydawać się skomplikowany, chcę ci pokazać, że nie jest to nic, czego nie dałoby się ogarnąć. Będziemy korzystać z narzędzia Publii CMS, które pozwala na tworzenie statycznych stron internetowych w prosty sposób. To narzędzie jest bezpłatne i pozwala na łatwe zarządzanie treścią strony. Jednak żeby opublikować stronę w Internecie, musisz skorzystać z zewnętrznego serwera, a w naszym przypadku będzie to GitHub Pages.

Pierwszym krokiem w procesie tworzenia strony jest utworzenie nowego adresu e-mail specjalnie dla tego projektu. Dobre praktyki wskazują, że warto oddzielić swoje konto do pracy nad stroną od prywatnego e-maila. Kolejnym krokiem jest stworzenie konta na GitHubie, które pozwoli ci przechowywać pliki strony w chmurze. Następnie musisz pobrać i zainstalować Publii CMS na swoim komputerze – to oprogramowanie umożliwi ci tworzenie strony lokalnie. Po zainstalowaniu i skonfigurowaniu narzędzia, stworzysz nową stronę, dodasz pierwsze treści i przygotujesz ją do publikacji. Następnie przekażesz stronę na GitHub Pages, gdzie będzie dostępna publicznie w Internecie.

Każda strona, którą tworzysz, musi mieć unikalny adres internetowy, zwany URL (Uniform Resource Locator). To właśnie dzięki temu adresowi użytkownicy będą mogli odwiedzić twoją stronę w Internecie. Choć GitHub Pages oferuje darmową opcję hostowania strony, adres URL, który będzie wyglądał jak „twojanazwa.github.io”, może nie wyglądać zbyt profesjonalnie. Dlatego możesz wybrać opcjonalny krok i zarejestrować własną nazwę domeny, na przykład „moja-strona.pl”, co uczyni adres bardziej wiarygodnym i profesjonalnym. Pamiętaj jednak, że rejestracja domeny wiąże się z coroczną opłatą.

Publii CMS to narzędzie, które w tym procesie jest kluczowe. Jest to darmowa aplikacja desktopowa, która pozwala na tworzenie i edytowanie statycznych stron internetowych. Jako że statyczne strony nie mają dynamicznej zawartości (takiej jak baza danych czy logowanie użytkowników), są bardzo szybkie i łatwe w obsłudze. Publii CMS generuje pliki strony, które następnie przesyłasz na serwer GitHub Pages. Tam strona jest przechowywana i dostępna publicznie. Podstawowym celem tego narzędzia jest ułatwienie procesu publikowania prostych stron internetowych i blogów.

Co do samego procesu tworzenia treści na stronie, warto zrozumieć, że choć samo utworzenie strony jest jednym z pierwszych etapów, to jej późniejsze zarządzanie wymaga pewnej systematyczności. Kiedy na stronie pojawią się nowe treści, np. artykuły na blogu, trzeba ponownie otworzyć Publii CMS, edytować zawartość strony, zapisać zmiany i przesłać je na GitHub Pages. Cały proces jest stosunkowo prosty: edytujesz stronę na swoim komputerze, zapisujesz zmiany i publikujesz je na GitHubie, a następnie użytkownicy mogą je zobaczyć w swojej przeglądarkze.

Bardzo ważnym elementem tego procesu jest notowanie wszystkich informacji, takich jak login, hasła, adresy e-mail czy ustawienia GitHub Pages. Łatwo zapomnieć o tych szczegółach, więc warto mieć je zapisane w jednym miejscu. To prosta, ale bardzo ważna zasada – unikniesz w ten sposób późniejszych problemów z dostępem do swoich kont.

Choć większość opisanego procesu jest darmowa, niektóre opcje, takie jak rejestracja domeny, mogą wiązać się z opłatami. Należy także pamiętać, że chociaż GitHub Pages oferuje darmowy hosting, domena z własnym adresem to krok, który warto rozważyć, zwłaszcza jeśli zależy ci na bardziej profesjonalnym wizerunku w Internecie. Dla osób, które chcą po prostu stworzyć bloga lub stronę jednorazową, opcja bez płatnej domeny będzie w zupełności wystarczająca.

Pomimo tego, że na początku wszystko może wydawać się nieco skomplikowane, z każdym kolejnym krokiem zyskujesz coraz więcej doświadczenia. Z czasem cały proces stanie się automatyczny i intuicyjny. Warto jednak pamiętać, że sama strona to tylko początek. Kluczem do sukcesu jest jej późniejsze utrzymywanie i regularne aktualizowanie treści, co zapewni jej widoczność i przyciągnie nowych odwiedzających.

Jak kupić i skonfigurować domenę internetową? Przewodnik krok po kroku

Na prawej stronie strony internetowej, widać cenę za domenę, jak pokazano na Rysunku 13-6. Aktualnie ta domena kosztuje 4 dolary za pierwszy rok. W przyszłych latach oczekuje się, że cena odnowienia wyniesie pełne 20 dolarów. Aby dodać tę domenę do koszyka, wystarczy kliknąć ikonę koszyka, jak pokazano na Rysunku 13-6. Na dole strony internetowej pojawi się podsumowanie decyzji o zakupie oraz przycisk do realizacji transakcji, jak widoczny na Rysunku 13-7. Kliknij przycisk „Checkout”, aby rozpocząć proces zakupu. Ponieważ nie jestem aktualnie zalogowany, otrzymuję możliwość stworzenia konta, jak pokazano na Rysunku 13-8.

Zaleca się utworzenie konta przy użyciu adresu e-mail ustawionego w Rozdziale 2. Będziesz poproszony o podanie podstawowych informacji, które wymagane są przy rejestracji konta – imienia, adresu e-mail i hasła, jak pokazano na Rysunku 13-9. Wprowadź dane, a system oceni siłę Twojego hasła. Pamiętaj, aby wybrać silne hasło, które odpowiada zasadom opisanym w Rozdziale 2. Idealnie powinno składać się z czterech lub pięciu krótkich słów, które łatwo zapamiętać, z opcjonalnymi wielkimi literami, cyframi i/lub znakami specjalnymi, jeśli wymagają tego zasady strony. Długość hasła powinna wynosić około 15 znaków. Najważniejsze jest, aby nie używać tego samego hasła na różnych stronach internetowych. Po kliknięciu przycisku „Continue” zakończysz proces tworzenia konta i przejdziesz do zakupu.

Na kolejnej stronie zostanie wyświetlone podsumowanie terminu rejestracji, jak pokazano na Rysunku 13-10. Zauważ, że okres rejestracji wynosi rok, a kolejne lata będą automatycznie odnawiane za cenę 20 dolarów rocznie. Możesz wybrać zakup na więcej niż jeden rok, jednak tylko pierwszy rok otrzyma zniżkę. Koszty są widoczne po prawej stronie w „Order Summary”, jak pokazano na Rysunku 13-11. Zauważ, że w tym przypadku uzyskuję rabat w wysokości 16 dolarów na pierwszy rok.

Po kliknięciu przycisku „Save and Continue” na stronie pojawi się sekcja rejestracji, jak pokazano na Rysunku 13-12. Po lewej stronie nadal widoczny będzie podsumowanie zamówienia. ICANN (Internet Corporation for Assigned Names and Numbers) wymaga, aby te informacje były dokładne i aktualne, aby zachować zgodność z ich warunkami świadczenia usług. Wypełnij formularz rejestracyjny dokładnie. Jedną z korzyści rejestracji za pośrednictwem Squarespace jest darmowa ochrona WHOIS, która jest domyślnie aktywowana i chroni Twoje dane przed upublicznieniem.

Kliknij przycisk „Save and Continue” (nie pokazany na Rysunku 13-12), aby przejść do ostatniego etapu – dostarczenia danych do płatności i dokonania zakupu, jak pokazano na Rysunku 13-13. Na prawo od strony znajduje się podsumowanie zamówienia przypominające, co dokładnie kupujesz. Kliknij przycisk „Confirm Payment”, aby zakończyć proces zakupu domeny.

Po zakończeniu zakupu, może minąć od kilku minut do kilku godzin, zanim dostawca przeprowadzi wszystkie niezbędne operacje techniczne, aby umożliwić korzystanie z zakupionej domeny. Squarespace wyśle Ci e-maila, kiedy proces ten zostanie zakończony. Ja osobiście zarejestrowałem domenę „space-b.net” w moim koncie użytkownika Squarespace, gdzie mam już kilkanaście innych domen. Takie rozwiązanie pozwala na łatwiejsze zarządzanie wszystkimi domenami w jednym miejscu.

Po powiadomieniu, że nowa domena jest dostępna – w moim przypadku zajęło to około trzech minut – ponownie zalogowałem się na Squarespace, aby przejrzeć konfigurację, jak pokazano na Rysunku 13-14. Kliknij na domenę w liście domen, aby sprawdzić szczegóły tej domeny, jak widoczny na Rysunku 13-15.

Istnieje kilka rzeczy, na które należy zwrócić uwagę w sekcji "Overview" tej domeny. Po pierwsze, domyślnie wszystkie nowe domeny zakupione przez Squarespace mają włączoną opcję automatycznego odnawiania. Jeśli planujesz używać tej domeny do prawdziwej strony internetowej, warto pozostawić tę funkcję włączoną. Zauważ również, że domyślnie włączona jest opcja ochrony WHOIS, która zabezpiecza Twoje dane osobowe przed ich upublicznieniem w bazach danych WHOIS. Zachowaj tę funkcję włączoną. Ostatnią rzeczą, którą warto zauważyć, jest funkcja „Domain Lock”, która uniemożliwia migrację domeny do innego dostawcy bez zgody właściciela. Jest to mechanizm ochrony przed próbami kradzieży domeny. Również tę funkcję należy pozostawić włączoną.

Po zakończeniu tych ustawień, Twoja domena zostanie zaparkowana, a Squarespace wyświetli prostą stronę informującą, że strona internetowa wkrótce pojawi się pod tą domeną. Kliknij na obrazek strony, jak pokazano na Rysunku 13-15, aby przejść do tej strony.

W następnym kroku należy połączyć zakupioną domenę z istniejącą stroną internetową na GitHub Pages. Aby to zrobić, trzeba skonfigurować system DNS.

DNS (Domain Name System) to system, który tłumaczy ludzkie nazwy domen (takie jak www.github.com) na numeryczne adresy IP, które są wykorzystywane do lokalizacji urządzeń w sieci. Dzięki temu systemowi, kiedy wpisujesz adres URL w przeglądarkę, przeglądarka wysyła zapytanie do serwera DNS, który zwraca odpowiedni adres IP, a następnie umożliwia załadowanie zawartości strony.

Aby skonfigurować DNS dla swojej domeny, należy dokonać kilku zmian w ustawieniach, co pozwoli na powiązanie nowo zakupionej domeny z Twoją stroną na GitHub Pages.

Jakie są wyzwania w diagnozowaniu i leczeniu zapalenia naczyń związanych z ANCA?
Jak religia stała się pierwszą formą „fake news”?
Jakie cechy charakteryzują prawdziwego bohatera Dzikiego Zachodu?
Dlaczego standaryzacja oprogramowania w programowaniu PLC jest niezbędna?