Web je složka souborů

Web kina je hotový a je čas dát ho na internet, aby ho mohl kdokoli otevřít na jakémkoli počítači nebo telefonu, jen když zadá jeho adresu. V téhle lekci web připravíte, nahrajete na server a získáte adresu, kterou můžete poslat kamarádům.

Nejdřív se podívejme, co budete nahrávat. Web je složka souborů. Ten náš má tři: index.html, program.html a style.css. Celá složka putuje na server a prohlížeče návštěvníků si soubory stahují odtamtud, jak jste viděli v první lekci cesty. Dvě pravidla zajistí, že web bude fungovat i tam:

• Úvodní stránka se jmenuje index.html. Když někdo otevře jen adresu webu, třeba https://www.example.com/, bez názvu souboru na konci, server pošle soubor index.html. Úvodní stránka pojmenovaná třeba uvod.html by se otevřela, jen kdyby návštěvník připsal její název za adresu.
• Cesty k vlastním souborům webu jsou relativní. href="style.css" (nebo href="./style.css") znamená „soubor style.css ve stejné složce jako tahle stránka“, jak to znáte ze cvičení Relativní odkazy v kurzu HTML. Ať složka putuje kamkoli, soubory v ní zůstávají vedle sebe, a tak relativní cesty fungují ve vašem počítači i na serveru.

Ve vašem počítači má každý soubor i plnou cestu, ve Windows třeba C:\Users\anna\Documents\kino\style.css. A když stránku otevřete z počítače, ukáže adresní řádek prohlížeče něco jako file:///C:/Users/anna/Documents/kino/program.html. Takovou cestu snadno zkopírujete do odkazu a ve vašem počítači odkaz dokonce funguje. Ale jen tam: server žádný disk C: s Anninými dokumenty nemá a prohlížeče návštěvníků do vašeho počítače nevidí.

Úvodní stránka kina v editoru má přesně tuhle chybu. Náhled se tu chová jako server, takže stránka přišla o styly a odkazy na program nikam nevedou.