Lekce 6 - Úprava vzhledu aplikace pomocí CSS Nové
V minulé lekci, První HTML rozhraní ve VS Code s Codexem, jsme pomocí Codexu vytvořili první statické HTML rozhraní portálu EnergoSun a vysvětlili si základní HTML značky.
V tomto tutoriálu kurzu vývoje aplikací s AI využijeme
Codex ve Visual Studio Code k úpravě vzhledu
portálu EnergoSun. Necháme jej vytvořit soubor styles.css s
pravidly jazyka CSS, kterými nastavíme barvy, písmo a
responzivní zobrazení stránky. Současně si ukážeme nastavení cíle
práce, schvalování akcí a volbu úrovně uvažování. Pro rychlé
vysvětlení vybrané části kódu využijeme také GitHub Copilot
Chat.
Výsledek stylování
HTML určuje obsah a strukturu stránky, ale samo o sobě neurčuje její výsledný vizuální styl. CSS si můžeme představit jako grafickou úpravu dokumentu – obsah zůstává stejný, ale můžeme měnit barvy, písmo, rozmístění a vzhled jednotlivých prvků.
Po doplnění CSS bude portál vypadat takto:
Konkrétní podoba se může podle návrhu Codexu mírně lišit. Budeme ale směřovat k jednoduchému a přehlednému vzhledu interní firemní aplikace s jednotným použitím zvolených barev.
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
roční PŘEDPLATNÉ
1 082 Kč
měsíčně, placeno ročně (12 984 Kč)14 000+ lekcí, cvičení a testů
6 000+ ti zůstane napořád
Neomezený přístup ke všem aktuálním
i připravovaným kurzům.
Koupit pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
125 Kč
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš s Provozními podmínkami.
- Přístup k jednotlivým lekcím dle způsobu pořízení.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tutoriálu ve Visual Studio Code pomocí Codexu vytvoříme CSS styly, ověříme responzivní zobrazení a využijeme GitHub Copilot Chat k vysvětlení kódu.
