HTML & CSS dla początkujących

HTML & CSS dla początkujących (Część 48): Strona internetowa jest udostępniona online.

Wszystkie filmy z tutorialu HTML & CSS dla początkujących

Zazwyczaj tworzymy stronę internetową lokalnie. W tym celu tworzymy – jak już pokazano – odpowiednią strukturę katalogów.

HTML & CSS dla początkujących (Część 48): Strona internetowa jest publikowana.


Tę strukturę ostatecznie udostępniamy online. (Zakładam tutaj statyczną witrynę HTML. Jednak nawet jeśli rozwijacie dynamiczne strony internetowe na przykład w oparciu o PHP i MySQL, możecie to najpierw zrobić lokalnie. Magiczne słowo to na przykład XAMPP). Dlatego koniecznie upewnijcie się, że wasze nazwy katalogów i plików nie zawierają ani spacji, ani znaków specjalnych. Ponadto polecam konsekwentne stosowanie małych liter w tych nazwach.

Przetestujcie swoją witrynę lokalnie, sprawdzając ją dokładnie. Powinna działać praktycznie bezbłędnie.


Odpowiedni dostawca usług

Aby w ogóle móc opublikować swoją stronę internetową online, potrzebujecie odpowiedniego miejsca na serwerze. (Zakładam tutaj, że nie chcecie prowadzić własnego serwera, ale chcecie wynająć miejsce na serwerze u dostawcy usług).

Na początku musicie więc zaopatrzyć się w miejsce na serwerze u dostawcy usług. To samo dotyczy domeny, czyli w końcu adresu, pod którym będzie można później odwiedzić witrynę. Obecnie istnieje wiele dostawców usług, u których można wynająć przestrzeń serwerową niedrogo. Powinniście zwrócić uwagę na następujące rzeczy przy wyborze dostawcy i pakietu serwerowego:

• Co najmniej 1,5 gigabajta przestrzeni dyskowej

• 1 domena De w cenie

• Zazwyczaj powinno być wspierane PHP.

• Powinna być dostępna baza danych MySQL.

• Koniecznie zwróćcie uwagę na nielimitowany transfer danych.

Szczególnie istotny jest ostatni punkt, ponieważ w ruchu danych często kryją się prawdziwe pułapki kosztowe.

Oczywiście wymienione rzeczy to tylko rzeczywiste minimalne wymagania dla małych stron internetowych. Kto prowadzi bardziej ruchliwą stronę, powinien je oczywiście ulepszyć. Jednak przeniesienie z małego do większego pakietu serwerowego zwykle jest możliwe bez problemu. W razie wątpliwości zapytajcie wcześniej u dostawcy.

Na stronie http://www.webhostlist.de/webhosting/vergleich/ możecie bezpośrednio szukać odpowiedniego dostawcy dla siebie.

HTML i CSS dla początkujących (Część 48): Strona internetowa zostaje opublikowana.



Wybór dostawcy można tam rozpocząć od różnych kryteriów.

Gdy już wybraliście dostawcę i pakiet oraz zarejestrowano waszą wymarzoną domenę, możecie zacząć. Od dostawcy otrzymacie wszystkie istotne informacje, takie jak dane dostępowe FTP, za pośrednictwem wiadomości e-mail.

Przenoszenie danych

Gdy już macie niezbędne dane, możecie przenieść swoje lokalne pliki na stronę internetową. Sprawdźcie jednak jeszcze raz swoje pliki i zawartą w nich składnię. Są kluczowe szczególnie następujące rzeczy:

• Sprawdźcie, czy wszystkie hiperłącza i ścieżki do obrazków są poprawne. (Zwłaszcza jeśli strony HTML tworzone były za pomocą edytora typu WYSIWYG, może się zdarzyć, że użyto tutaj ścieżek lokalnych, które online już nie pasują).

• Sprawdźcie nazwy plików i katalogów pod kątem spacji i znaków specjalnych.

Wszystko się zgadza? W takim razie możecie teraz udostępnić strony online. Aby to zrobić, nawiążcie połączenie FTP z serwerem. Można to zrobić za pomocą dowolnego narzędzia FTP. Jednym z najlepszych i dodatkowo bezpłatnie dostępnych tego typu narzędzi jest FileZilla, które można pobrać ze strony http://www.filezilla.de/.

HTML i CSS dla początkujących (Część 48): Strona internetowa idzie online

Po zainstalowaniu i uruchomieniu FileZilli, wejdźcie w Plik>Menedżer serwera. W otwartym oknie dialogowym kliknijcie na Nowy serwer.

HTML & CSS dla początkujących (Część 48): Strona internetowa idzie online.

W prawej części okna należy wprowadzić dane FTP, które otrzymaliście od swojego dostawcy. Może to wyglądać na przykład tak:

Serwer = www.twoja-nazwa-użytkownika.de

Typ serwera = FTP-File Transfer Protocol

Rodzaj połączenia = Normalny

Użytkownik = ftp_sdfsdfsfd@twoja-nazwa-użytkownika.de

Hasło = Twoje hasło

Tu musicie podać dane FTP. W razie wątpliwości zwróćcie się ponownie do dostawcy usług.

Kliknięcie Połącz nawiąże połączenie z serwerem FTP.

Dla uproszczenia zakładam, że kopiujecie swoją stronę internetową bezpośrednio do głównego katalogu witryny. Główny katalog można rozpoznać po poprzedzonym ukośnikiem.

HTML & CSS dla początkujących (Część 48): Strona internetowa zostaje opublikowana.

Zaletą tego bezpośredniego podejścia jest to, że strona internetowa będzie dostępna pod adresem http://www.twoja-domena.de/. Nie musisz więc ustawiać przekierowań ani niczego tego typu.

W wielu przypadkach dostawcy na poziomie głównego katalogu mają domyślnie dwa katalogi: cgi-data i cgi-bin. I to dokładnie na tym poziomie należy skopiować wszystkie katalogi i pliki z lokalnego środowiska. W tym celu w lewym górnym rogu FileZilli znajdź lokalne pliki.

Wybierz pliki i katalogi, w których znajdują się dane lokalne.

Teraz wystarczy zaznaczyć pliki i katalogi widoczne w dolnej części okna. Następnie kliknij zaznaczone katalogi/pliki prawym przyciskiem myszy i wybierz opcję Wysłać.

HTML i CSS dla początkujących (Część 48): Strona internetowa zostaje opublikowana

Dane są teraz przesyłane na serwer. Upewnijcie się, że wszystkie pliki zostały faktycznie przesłane. Problemy z przesyłaniem poszczególnych plików można zauważyć w dolnej części okna FileZilli.

Gdy wszystkie treści są już na serwerze, możecie rozpocząć testowanie witryny. Sprawdźcie przede wszystkim, czy wszystkie obrazy są obecne i czy linki działają poprawnie.

Koniec i podsumowanie

To już koniec tego cyklu HTML-CSS. To, co powinniście zabrać ze sobą, to podstawowe kroki tworzenia stron internetowych opartych na HTML i CSS oraz prezentacja ich publiczności. Powinno być jasne przede wszystkim, że tworzenie strony internetowej to proces czasochłonny. Rozpoczyna się od projektu, kontynuuje przez faktyczny rozwój strony internetowej i kończy się przesyłaniem i kontrolą strony internetowej. Życzę wam powodzenia z waszą nową stroną internetową!