Cíl: Žák vytvoří jednotný design a ověří mobilní i desktopové zobrazení.
1. Než jsi začal/a: co má být výsledkem „Responzivní webová prezentace“ a které tři znaky sis ve vzoru výstupu označil/a jako povinné?
2. Výchozí stav: který soubor nebo podklad jsi otevřel/a, co už bylo správně a co konkrétně chybělo nebo nefungovalo?
3. Postup práce: napiš po pořadě alespoň čtyři kroky, které jsi skutečně provedl/a. U každého uveď nástroj, soubor nebo nastavení a kdy jsi výsledek uložil/a.
Praktický důkaz a kontrola
Responzivní webová prezentace
Zadání: Doplň CSS, otestuj tři šířky a oprav přístupnost.
Kritéria:
Výstup přímo dokládá cíl: Žák vytvoří jednotný design a ověří mobilní i desktopové zobrazení.
Nejsou rozbité relativní cesty ani chyby v Console, stránka nepřetéká na úzké šířce a hlavní ovládání je dostupné klávesnicí.
Odevzdání obsahuje pojmenovanou zdrojovou verzi, výsledek „Responzivní webová prezentace“ a vyplněný kontrolní protokol.
4. Rozhodování: kterou nejdůležitější změnu jsi udělal/a, proč jsi zvolil/a právě ji a jak s ní souvisejí pojmy design system, responsive, contrast, focus?
5. Kontrola a oprava: co jsi přesně otestoval/a, co jsi očekával/a, co se skutečně stalo a kterou jednu chybu jsi potom opravil/a?
6. Finální stav: jak se jmenuje odevzdávaný soubor, kde je uložený, podle kterých kritérií je hotový a co bys příště udělal/a lépe?