Jak dostat hotový web na internet

Naučili jste se vytvořit webovou stránku – máte hotový soubor index.html v počítači. Zbývá poslední (a často nejvíc záhadný) krok: dostat ho na internet, aby si vaši stránku mohl kdokoli otevřít na vlastní adrese. Ukážeme si to krok za krokem, bez zbytečné teorie.

Co k tomu potřebuji?

Tři věci. První dvě si jednou pořídíte, třetí je program zdarma:

• Doménu – vaši adresu, třeba mojefirma.cz. Kupuje se na rok a stojí řádově stokoruny.
• Webhosting – místo na serveru, kam se soubory nahrají a odkud je server ukazuje návštěvníkům. Většina hostingů nabízí i doménu, takže obojí vyřídíte na jednom místě.
• FTP program – aplikaci, kterou soubory z počítače přenesete na hosting. Doporučuji FileZillu – je zdarma a běží na Windows i Macu.

Jak to celé funguje?

Představte si obchod: doména je adresa a cedule nad vchodem, hosting je pronajatý prostor uvnitř a FTP je zadní vchod, kterým do něj navezete zboží – vaše soubory. Když někdo napíše vaši doménu do prohlížeče, server najde vaše soubory na hostingu a pošle mu je.

Krok 1: Pořiďte si hosting a doménu

Na webu hostingu si objednáte webhosting a k němu doménu. Po zaplacení vám přijde e-mail s přístupovými údaji k FTP – ty za chvíli budeme potřebovat. Bývají to tři údaje:

• Server (host) – adresu FTP serveru přiděluje poskytovatel a najdete ji v tom e-mailu. Nebývá to vždy ftp.vasedomena.cz – klidně to může být třeba wm123.wedos.net nebo číselná IP adresa. Vždy použijte přesně to, co vám přišlo.
• Uživatelské jméno
• Heslo

Krok 2: Nainstalujte FileZillu

Stáhněte si FileZilla Client z filezilla-project.org (chcete „Client", ne „Server") a nainstalujte ji jako každý jiný program. Po spuštění uvidíte okno rozdělené na dvě půlky: vlevo je váš počítač, vpravo bude hosting.

Krok 3: Připojte se k hostingu

Nahoře ve FileZille vyplňte údaje přesně tak, jak vám dorazily v e-mailu, a klikněte na Rychlé připojení. Hostitele vám přidělil poskytovatel, takže u každého hostingu vypadá jinak:

Hostitel:  (adresa z e-mailu od poskytovatele, např. wm123.wedos.net)
Uživatel:  vase-jmeno
Heslo:     vase-heslo
Port:      (nechte prázdné)

Když se připojení povede, na pravé straně se objeví složky na serveru. Jste „uvnitř".

Krok 4: Najděte správnou složku

Na pravé straně (server) hledejte složku pojmenovanou www, web, public_html nebo htdocs – u každého hostingu se může jmenovat trochu jinak. Tohle je kořen webu: co nahrajete sem, to bude na vaší doméně vidět.

Krok 5: Nahrajte soubory

Na levé straně (váš počítač) najděte složku s webem. Označte všechny soubory (index.html, obrázky, CSS…) a přetáhněte je na pravou stranu do složky www. FileZilla je začne přenášet – dole vidíte průběh. A to je celé.

Krok 6: Otevřete svoji doménu

Napište svoji doménu do prohlížeče a stiskněte Enter. Měli byste vidět svůj web – živě, na internetu, dostupný komukoli na světě. 🎉

Časté problémy (a jak je vyřešit)

• Místo webu se ukáže seznam souborů nebo úvodní stránka hostingu. Hlavní soubor musí být pojmenovaný přesně index.html (malými písmeny) a ležet přímo v kořenové složce.
• Změny nevidím. Prohlížeč si stránku pamatuje z minula. Načtěte ji znovu „natvrdo": Ctrl + Shift + R (na Macu Cmd + Shift + R).
• Skryté soubory se nenahrály (třeba .htaccess). Soubory začínající tečkou bývají skryté a FTP program je při nahrávání celé složky někdy přeskočí. Ve FileZille zapněte Server → Vynutit zobrazení skrytých souborů a nahrajte je zvlášť.