Typografie a webdesign

2.–4. ročník SŠ

Úvod do webdesignu zahrnující obecné principy návrhu uživatelských prostředí, typografie a práce s barvami.

Toto téma nespadá přímo do jádra SŠ výuky informatiky, jde o bonusovou specializační oblast, která však je aktuální a atraktivní. Téma má taky přesah k obecnějšímu tématu informačních systémů, protože typická realizace informačních systémů je v dnešní době formou online webových systémů a vývoj uživatelského rozhraní je úzce provázán s webdesignem.

Bezprostřední výstupy z učení

zná základní pojmy z oblasti typografie a webdesignu
volí vhodnou úpravu textu, používá správnou sazbu
vytvoří jednoduché webové stránky, včetně vhodné grafické úpravy

RVP výstupy z učení, ke kterým modul přispívá

rozpozná informační toky v systémech; analyzuje a hodnotí informační systémy z různých hledisek; zvažuje i nepřímé a nezamýšlené dopady informačního systému na různé skupiny
otestuje správnost a použitelnost svého řešení, navrhne a realizuje potřebná vylepšení; během provozu informačního systému rozpozná funkčně či věcně nesprávný stav, zjistí jeho příčinu a navrhne způsob jeho odstranění
určí jednotlivé uživatelské role, specifikuje jejich činnosti, navrhne, otestuje a přizpůsobí rozhraní uživatelům

Zpět na přehled modulů

Blok 1: Typografie

	Vysvětlující text	Typy písma	MW3
		Typografické pojmy	MXO
		Interpunkce a speciální znaky	MXP
	Rozhodovačka	Typy písma (střední)	MR6
		Typografické pojmy (těžké)	MR4
		Interpunkce a speciální znaky (lehké)	MR7
		Interpunkce a speciální znaky (střední)	MR9
		Interpunkce a speciální znaky (těžké)	MSA
		Typografie: mix (lehké)	MSF
		Typografie: mix (střední)	MSG
		Typografie: mix (těžké)	MSH

Blok 2: Webdesign: přehled, pojmy

	Rozhodovačka	Webdesign: pojmy, technologie (střední)	MSJ
		Webdesign: uživatelské prostředí (střední)	MSK

Blok 3: Barvy

	Vysvětlující text	Reprezentace barev	M1F
		RGB barvy	MVJ
	Rozhodovačka	Reprezentace barev (střední)	M1C
		Barvy: obecné principy (střední)	M1D
		RGB barvy (střední)	MNB
	Pexeso	RGB barvy (střední)	MKX
	Přesouvání	RGB barvy (střední)	MGT

Blok 4: HTML

	Vysvětlující text	HTML: základy	MT1
		HTML: tabulky a seznamy	MUF
	Rozhodovačka	HTML: základy (lehké)	MFH
	Pexeso	HTML: základy (lehké)	MKU
	Přesouvání	HTML: základy (lehké)	MGK
	Rozhodovačka	HTML: základy (střední)	MFJ
		HTML: tabulky a seznamy (lehké)	MGX

Blok 5: CSS

	Vysvětlující text	CSS: základy	MZM
		CSS: hlavní vlastnosti a jejich použití	MZZ
	Rozhodovačka	CSS: základy (střední)	MZ9
		CSS: hlavní vlastnosti a jejich použití (střední)	MZ7
		CSS: barvy a jejich použití (střední)	M1A

V pravém sloupci v tabulce jsou šedě uvedené tříznakové kódy. Tyto kódy fungují jako rychlý odkaz na příslušnou aktivitu. Stačí například napsat tento tříznakový kód na tabuli a žáci mohou využít odkaz tvaru umime.to/MVJ nebo zadat kód do vyhledávacího políčka na vršku stránky.

Zpět na přehled modulů

Typografie a webdesign

Děkujeme za vaši zprávu, byla úspěšně odeslána.

Napište nám

Nevíte si rady?

Čeho se zpráva týká?