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
SVG - editace v Inkscape
Editor
Inkscape - stažení
Optimalizátory
SVG OMG - optimalizace
Reference
SVG reference no MDN (en)
SVG reference na w3schools.com
SVG reference na w3c.org (en)
Zdroje SVG obrázků
Iconfinder.com - ikony
Wikimedia Commons
Cvičení – Systém a fylogeneze bezobratlých
Fylogeneze a diverzita bezobratlých - aplikace v IS
Systém bezobratlých - stromy
Stromy - miniatury
Zdrojová svg - stromy
Zdrojové soubory - systém skupiny Pleocyemata
Sdílený dokument - HTML, CSS, SVG, JS
Randomizace pole - stackoverflow.com
Cvičení – Plánek Přírodovědecké fakulty MU na Kotlářské 2
Mapka areálu Kotlářská
Plánek - nakreslený, příprava na skriptování
Plánek s přepínači vrstev
Botanická zahrada - fotogalerie
Události - kolečko myši
W3scholls.com – HTML DOM Events
Atlas kostí – popisky v obrázku
Atlas kostí - zdroje
Atlas kostí - rozpracovaná verze po 1. cvičení
Upravený soubor s SVG popisky
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