Kódím.cz
/ Czechitas / Digitální akademie Web / Základy Gitu / Struktura adresářů / Cvičení: Webová textovka
1

Struktura adresářů

Procvičíme si orientaci v adresářích a naučíme se základní práci s příkazovou řádkou.

Nemá předchozí
lekci
Následujicí
Úvod do Gitu
Příkazová řádkaSložitější příkazyStruktura adresářůCvičení: Příkazová řádkaServer pro HTMLCvičení: Webová textovkaIntegrovaný terminálShrnutíDoporučené úložky na domaPovinné čtení na doma
1
Webová textovka Vetřelec

Hru Vetřelec z předchozího cvičení převeďte na webovou stránku.

  1. Otevřete si složku vetrelec-main ve VS Code.

  2. Z jednotlivých textových souborů udělejte soubory HTML s klasickou HTML strukturou (bez <script> značky). Můžete začít tím, že všem postupně změníte příponu z .txt na .html.

  3. Z textových odkazů udělejte opravdové HTML odkazy ve formátu:

    <a href="cesta/soubor.html">přejít do koupelny</a>

  4. Pusťte npx serve v kořenové složce vetrelec-main a zkuste si hru zahrát.

Bonus

  1. Jednotlivým souborům přidejte nadpis <h1> s názvem místnosti/lokace.

  2. Do kořenové složky přidejte soubor styly.css, ve kterém nastavte písmo sans-serif (bezpatkové) a maximální šířku prvku body na 40rem s vystředěním na střed například přes margin: 0 auto;. Ve všech HTML souborech tyto styly nalinkujte.

  3. Do kořenové složky přidejte podsložku obrazky. Do té stáhněte ilustrační obrázky k jednotlivým místnostem/lokacím z unsplash.com. Obrázky přidejte pod nadpisy <h1>.