1. Zvol si nějaké téma které tě zajímá - může to být tvůj koníček, sport, počítačová hra, oblíbený autor knih…
2. Vytvoř alespoň tři propojené html stránky - například: „úvod“, „galerie“, „historie“. Jednotlivé html stránky by měly obsahovat menu, odkazující na ty ostatní. Zkus použít alespoň jeden odstavec, obrázek, tabulku, odrážkový seznam.
3. sjednoť vzhled stránek pomocí sdíleného css souboru
4. validuj správnost html souborů, případné chyby odstraň
5. bonus: zkontroluj, že stránka neobsahuje tvoje osobní informace a zkus ji publikovat skrze nějaký webhosting, například webzdarma

• Jakpsátweb.cz
• HTML lekce
• HTML šablonu
• W3schools: HTML, CSS (anglicky)
• Akademie programování: HTML, CSS (video)

Adresářový strom

Bylo by dobré pochopit, co je v počítači soubor a jak funguje adresářový strom - každý adresář, krom toho kořenového (ve Windows „C:“) se nachází uvnitř nějakého jiného adresáře.

Binární soubor zobrazený textově

Soubory jsou mnoha typů, ve Windows se od sebe odlišují příponami (ve jméně souboru část za poslední tečkou). Příklady typů souborů: PDF (dokument.pdf), JPG (obrazek.jpg), DOCX (dokument.docx), TXT (dokument.txt).

Některé typy souborů jsou binární. Co nejefektivněji tak ukládají data pro která je typ určen - například obrázkové formáty obsahují metody komprese obrázků. Pokud zobrazíte takový soubor v textovém režimu, objeví se většinou změť znaků zdánlivě bez systému.

Existují ale i soubory textové, jejichž formát je navržen, aby byl při textovém zobrazení čitelný i pro člověka. Nejjednodušší takový typ souboru je plaintext - TXT který nemá žádnou předepsanou strukturu. Nás zajímají hlavně soubory HTML, CSS a JS, jejichž strukturu se naučíme, a kterým rozumí program, zvaný webový prohlížeč (např. Chrome, Firefox, Safari, Edge)

A jak takový soubor zobrazit či editovat textově? Na Windows je ve standardní výbavě Poznámkový blok(notepad), na Macu TextEdit. Existují ale stovky jiných programů - PsPad, Notepad++, Visual Studio Code…