Týden 1 - tvorba webových stránek

O projektu

První projekt byl zaměřen na vytvoření webových stránek pro prezentaci proejktů předmětu JVC.

1. Zprovoznění Gitlabu

Z počátku byl největší oříšek zprovoznit Github repository tak, aby se automaticky web deployoval na Github Pages. K tomu bylo k mému překvapení zapotřebí nejpve nahrát Readme file (nebo vlastně jakýkoliv osubor). Teprve poté Gitlab umožnil vytvořit public repository a nahrát soubory.

2. Lokální instalace

Po zprovoznění Gitlabu bylo zapotřebí clone repository na počítač, abych mohl snadněji pracovat... A využívat výhody verzování... a... ehm... Copilot :D K tomu bylo zapotřebí zkopírovat adresu projektu a vytvořit v nastavení Gitlabu remote token, abych mohl pushovat změny.

Zde lze přidat přihlašovací token

Příklad mého vývojového prostředí

3. Vývoj

Po zprovoznění vývojového prostředí jsem se pustil do vývoje. Z počátku jsem komandoval Deepseek aby mi vytvořil základní template pro přidávání příspěvků a navrhl základní design. Poté bylo však nutné provést několik úprav, zejména aby správně fungovala a zobrazovala se navigační tlačítka. K tomu jsem využil mé základní znalosti HTML a CSS. Jinak většinu práce co se týče designu a funkcionality jsem přenechal panu Deepseekovi a jeho týmu :D.

3.1 Vkládání obrázků

Pro vkládání obrázků jsem využil základního HTML tagu <img>. Před tím jsem však musel obrázky nahrát do složky projektu a následně je přidat do kódu. Obrázky, které jsem použil byly však moc veliké, proto jsem musel použít komprimaci a zmenšení obrázků. Vybral jsem si nástroj, který jsem již znal z předchozích projektů - TinyPNG a tím obrázky zmenšil.

Služba TinyPNG

4. Závět

Na webu stále pracuji a přidávám projekty. Budu rád, když si mé projekty prohlédnete a třeba v nich naleznete inspiraci pro své vlastní projekty.