připomenutí předchozí hodiny a uvedení problému „Typografie, čitelnost a přístupnost“. 5–12 min: stručná teorie – řádkování, délka řádku, kontrast, zarovnání, typografická chyba, alternativní text. 12–18 min: společná ukázka prvního kroku a kontrolních kritérií. 18–36 min: samostatná práce nebo práce ve dvojici – Opravit záměrně špatně vysázený dokument a doplnit alternativní text k obrazu. 36–41 min: vzájemná kontrola podle zadání a oprava zjištěné chyby. 41–45 min: uložení výstupu (Původní a opravená verze s komentářem), krátký exit ticket a pojmenování dalšího kroku.
Strukturovaný digitální dokument · 45 minut
Typografie, čitelnost a přístupnost
Žák upraví text tak, aby byl čitelný, jednotný a srozumitelný.
00
ČASOVÁ OSA
Struktura 45minutové hodiny
01
VIDEO LEKCE
Ukázka a vysvětlení postupu
▶
Video je připravené k doplnění
Video ukáže princip, první kroky, kontrolu a typickou chybu. Nebude obsahovat celý hotový upravitelný úkol.
provider: youtube · youtubeId: ""02
STUDIJNÍ MATERIÁL
Výklad: z čeho se učíš
Dokument není jen text na stránce. Má účel, čtenáře a vnitřní strukturu. Nadpisy, odstavce, seznamy, tabulky a popisky pomáhají čtenáři rychle poznat, co je důležité a kde informaci najde.
Profesionální dokument se neupravuje náhodným zvětšováním písma. Využívá styly, předem stanovená pravidla a vhodný výstupní formát, aby zůstal čitelný a přenositelný.
Čitelnost vzniká kombinací vhodného písma, velikosti, délky řádku, řádkování, kontrastu a zarovnání. Přístupnost znamená, že obsah dokáže používat i člověk se zrakovým, sluchovým nebo jiným omezením; alternativní text stručně popisuje význam obrazu.
Praktická část vede k výstupu „Původní a opravená verze s komentářem“. Práci kontroluj podle kritérií: Počet a význam oprav, čitelnost, vysvětlení změn. Každý krok musí být možné doložit otevřeným souborem, správným nastavením nebo krátkým vysvětlením.
Nejčastější rizika této hodiny jsou: Příliš mnoho písem a barev. Alternativní text typu „obrázek“. Proto je důležitá závěrečná kontrola před odevzdáním.
Slovníček pojmů
řádkování
Svislá vzdálenost mezi řádky textu, která ovlivňuje čitelnost.
délka řádku
Počet znaků nebo šířka textového řádku; příliš dlouhé řádky zhoršují orientaci očí.
kontrast
Rozdíl mezi prvky, například textem a pozadím, který umožňuje jejich rozlišení.
zarovnání
Umístění textu nebo objektů vůči společné hraně či ose.
typografická chyba
Nevhodné použití mezer, uvozovek, pomlček, interpunkce nebo dalších pravidel sazby.
alternativní text
Stručný popis významu obrazu určený zejména uživatelům čteček obrazovky.
03
ŘÍZENÁ PRÁCE
Postup krok za krokem
- 01
Otevři záměrně špatně vysázený dokument a ulož kopii s označením `_oprava_v01`.
- 02
Sjednoť běžný text na jedno čitelné písmo a přiměřenou velikost; nadpisy odliš pomocí stylů, ne náhodnými barvami.
- 03
Uprav řádkování a šířku textového sloupce tak, aby se řádky daly pohodlně sledovat. Vyhni se zarovnání do bloku, pokud vytváří velké mezery.
- 04
Zkontroluj kontrast textu a pozadí a oprav ruční mezery, špatné uvozovky a další typografické chyby.
- 05
Vyber obrázek, otevři jeho vlastnosti nebo kontextovou nabídku a doplň alternativní text popisující jeho informační význam.
- 06
Ulož opravenou verzi a PDF. Do komentáře napiš nejméně tři změny a důvod, proč zlepšují čitelnost nebo přístupnost.
04
PRACOVNÍ PODKLADY
Stáhni si soubory, se kterými budeš pracovat
Náhled ukazuje pouze strukturu a typ výsledku. Hotové upravitelné řešení ve studentské části není.
.TXT
PODKLADY README
↓Pokyny k použití pracovních podkladů.
11_PODKLADY_README.txt · 1 kB
.SVG
Obrazek bez alt textu
↓Obrazový pracovní podklad k vložení, popisu nebo úpravě.
11_obrazek_bez_alt_textu.svg · 2 kB.DOCX
Typografie spatny podklad
↓Pracovní dokument s neupraveným obsahem nebo prázdnou strukturou; student jej musí samostatně dokončit.
11_typografie_spatny_podklad.docx · 36 kBDůležité: Podklady jsou vstupy k práci, nikoli kompletní řešení. Vlastní výsledek musí vzniknout podle zadání, testu a reflexe.
05
OTEVŘENÉ ODPOVĚDI
Pracovní list
1. Startovací otázkaStačí 2–3 věty. Nehodnotí se předchozí znalost, ale schopnost pojmenovat výchozí představu.
Co už o tématu „Typografie, čitelnost a přístupnost“ víš? Napiš jeden příklad z běžného života nebo ze školy.
2. Práce s pojmyNepřepisuj pouze definici. Ukaž, jak se pojem projeví v konkrétní situaci.
Vysvětli vlastními slovy alespoň tři pojmy: řádkování, délka řádku, kontrast, zarovnání, typografická chyba, alternativní text. Ke každému přidej krátký příklad.
3. Modelová situaceUveď, podle jakého pravidla nebo kritéria ses rozhodoval/a.
Text používá pět písem, dlouhé řádky, slabý kontrast a obrázek bez alternativního textu. Popiš své rozhodnutí a zdůvodni ho.
4. Plán praktické prácePostup má mít jasný začátek, jednotlivé kroky a očekávaný výsledek.
Rozepiš vlastní postup k zadání: Opravit záměrně špatně vysázený dokument a doplnit alternativní text k obrazu.
5. SebekontrolaPřeveď hodnoticí kritéria na konkrétní kontrolní otázky.
Podle čeho poznáš, že je práce hotová správně? Vycházej z kritérií: Počet a význam oprav, čitelnost, vysvětlení změn.
6. Exit ticketOdpověď má být konkrétní a vztahovat se k dnešnímu tématu.
Napiš jednu věc, kterou už umíš, jednu chybu, které se chceš vyhnout, a jeden další krok.
06
PRAKTICKÁ PRÁCE
Typografie, čitelnost a přístupnost
Text používá pět písem, dlouhé řádky, slabý kontrast a obrázek bez alternativního textu. 1. Sjednoť písma a velikosti. 2. Uprav délku řádku a řádkování. 3. Zlepši kontrast. 4. Oprav nevhodné zarovnání a typografické chyby. 5. Doplň smysluplný alternativní text.
Očekávaný výstup
Původní a opravená verze s komentářem, proč změny zvyšují čitelnost.
07
DŮKAZ O UČENÍ
Odevzdání praktického úkolu
Více souborů
Původní a opravená verze s komentářem
Dokonči praktickou práci a odevzdej důkaz: Původní a opravená verze s komentářem. Stáhni pouze pracovní podklady, zpracuj je samostatně a před odevzdáním projdi kontrolní kritéria. Hotové řešení je dostupné jen v učitelské části.
Zatím nebyl vybrán žádný soubor.
V samostatném HTML se ukládají odpovědi a názvy vybraných souborů pouze do tohoto prohlížeče. Skutečný upload provede aplikace Kurzy/Studio.
08
ZÁVĚREČNÁ KONTROLA
Test
09
REFLEXE
Co si z lekce odnášíš
Dokončeno neznamená pouze vytvořeno. Po dokončení lekce žák prokáže cíl odevzdáním výstupu: Původní a opravená verze s komentářem. Výsledek porovná se vzorem a zkontroluje podle uvedených kritérií.