Cílem je připravit si svůj osobní webový medailonek (například na úrovni jednodenního workshopu Tvořím web HTML/CSS).
Soubory tvořící webovou stránku (index.html, styly, obrázky, …) uložíš do adresáře /src/main/resources/static/ tak, aby při spuštění tvé aplikace byl
medailonek zobrazen na úvodní stránce.
- Udělej fork zdrojového repository do svého účtu na GitHubu.
- Naklonuj si repository ze svého účtu na GitHubu na lokální počítač.
- V adresáři
/src/main/resources/static/(případně v jeho podadresářích) vytvoř/nakopíruj soubory potřebné pro web. - Zkontroluj si v prohlížeči, že medailonek vypadá podle tvých představ.
- Commitni svou úpravu do lokálního git repository.
- Pushni svou úpravu do vzdáleného repository na svém účtu na GitHubu.
- Zkontroluj na GitHubu, že se tam objevil tvůj poslední commit a že v adresáři
/src/main/resources/static/jsou všechny potřebné soubory. - Vlož odkaz na své repository (ve tvaru
https://github.com/<tvuj-login>/j2w-ukol01)' do tabulky na Google Drive.
Pokud později zjistíš, že je v tvém kódu nějaká chyba, nebo budeš chtít něco vylepšit, uprav své soubory lokálně a zopakuj dvojici commit a push.
Abys měla s čím experimentovat, budeš potřebovat nějaký svůj web. Může to klidně být i již existující web nebo statické webové stránky odkudkoliv. Pokud se necítíš na tvorbu vlastního webu, můžeš si klidně půjčit nějaký existující web, například http://krystufek.rolecek.cz/.
Pro psaní webu existuje na internetu spousta návodů. Můžeš zkusit třeba online kurz od Luďka Rolečka Online kurz Úvod do HTML/CSS.
Dále můžeš zkusit kurz Codecademy o základech HTML a CSS Make a Website. Je třeba vytvořit si na Codecademy účet (což doporučuju, mají spoustu bezva kurzů na úplné základy). Poslední ze čtyř lekcí – Bootstrap – můžeš s klidným svědomím )plně vynechat.
- odkaz na stránku Lekce 1
- odkaz na stránku s úkolem Lekce 1 – úkol 1