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
•
SVG - interaktivita
•
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 - animace s GSAP
•
Flexbox, grid
•
Responsivní design,. tiskové styly
Design - obrázky
Rámy
Nyní studovat
HTML + SVG + JS
•
Osmisměrka
•
Mapy
•
Prezentace
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
•
SVG - interaktivita
•
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 - animace s GSAP
•
Flexbox, grid
•
Responsivní design,. tiskové styly
Design - obrázky
Rámy
Nyní studovat
HTML + SVG + JS
•
Osmisměrka
•
Mapy
•
Prezentace
Nyní studovat
Samostatná práce, souhrnné opakování
Nyní studovat
Seminární práce
Operace
Prohlédnout vše