Přeskočit na horní lištu
Přeskočit na hlavičku
Přeskočit na obsah
Přeskočit na patičku
EN
>
Multimedia ve výuce II
Interaktivní osnova
Multimedia ve výuce II
OBSAH
Multimedia ve výuce II
Nyní studovat
Základy tvorby webových stránek
•
Základy značkování
•
Seznamy
•
Opakování
•
Tabulky
•
Opakování
•
Úvod do interaktivity ve stránce HTML
•
Obrázky, odkazy
Opakování
•
Clipart – obrázky pro webové stránky
•
Pokročilé formátování
•
Opakování
•
Hotové soubory
•
Matematika na webu
•
Flexbox
•
Layout pomocí vlastnosti float
•
Responsivní design
•
SVG - editace v Inkscape
•
Interaktivní slovník pojmů
Rozvržení stránky (layout)
•
Belbinův test
•
Absolutní pozicování v HTML
•
HTML a video
•
HTML 5 a audio
•
HTML5 canvas a SVG
•
SVG - interaktivita
•
SVG - animace s GSAP
•
Flexbox, grid
Design - obrázky
Rámy
Nyní studovat
Práce v Adobe Flash
•
Základy práce s programem Adobe Flash
•
Animace ve Flashi
•
Pohyb po křivce, tlačítka
•
Úlohy k opakování
•
Náměty pro další práci
•
Animace typu Shape Tween, ozvučení animace
•
Náměty pro další práci
•
Ovládání časové osy
•
Složené animace
•
Opakování
•
Náměty pro další práci
•
Maskovací vrstva
•
Opakování
•
Pokročilá interaktivita
•
Ozvučení animace
•
Video ve Flashi
Externí zdroje - obrázky, zvukové soubory
Nyní studovat
Samostatná práce, souhrnné opakování
Nyní studovat
Seminární práce
Prohlédnout vše
HTML5 canvas a SVG
SVG
Can I use Inline SVG in HTML5?
SVG Tutorial - w3schools.com
An SVG Primer for Today's Browsers
How to Add Scalable Vector Graphics to Your Web Page
MDN – SVG Tutorial
Optimalizace SVG
SVG OMG optimizer
SVG Editor - optimizer
SVGO - offline optimizer
SVG – cvičení
Sada otázek s grafy
Zdrojové soubory pro cvičení
Hotové kreslení grafu
<canvas>
HTML5 Canvas - w3schools.com
RapCor - zdrojová data
Canvas tutorials
El Canto del Loco – Gracias
Zdrojové soubory - canvas
Předchozí
Následující
Multimedia ve výuce II
Nyní studovat
Základy tvorby webových stránek
•
Základy značkování
•
Seznamy
•
Opakování
•
Tabulky
•
Opakování
•
Úvod do interaktivity ve stránce HTML
•
Obrázky, odkazy
Opakování
•
Clipart – obrázky pro webové stránky
•
Pokročilé formátování
•
Opakování
•
Hotové soubory
•
Matematika na webu
•
Flexbox
•
Layout pomocí vlastnosti float
•
Responsivní design
•
SVG - editace v Inkscape
•
Interaktivní slovník pojmů
Rozvržení stránky (layout)
•
Belbinův test
•
Absolutní pozicování v HTML
•
HTML a video
•
HTML 5 a audio
•
HTML5 canvas a SVG
•
SVG - interaktivita
•
SVG - animace s GSAP
•
Flexbox, grid
Design - obrázky
Rámy
Nyní studovat
Práce v Adobe Flash
•
Základy práce s programem Adobe Flash
•
Animace ve Flashi
•
Pohyb po křivce, tlačítka
•
Úlohy k opakování
•
Náměty pro další práci
•
Animace typu Shape Tween, ozvučení animace
•
Náměty pro další práci
•
Ovládání časové osy
•
Složené animace
•
Opakování
•
Náměty pro další práci
•
Maskovací vrstva
•
Opakování
•
Pokročilá interaktivita
•
Ozvučení animace
•
Video ve Flashi
Externí zdroje - obrázky, zvukové soubory
Nyní studovat
Samostatná práce, souhrnné opakování
Nyní studovat
Seminární práce
Operace
Prohlédnout vše