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
Layout pomocí vlastnosti float
HTML5 shiv - berlička pro starší prohlížeče
Použití vlastnosti float - w3schools.com
Výchozí soubor HTML
Designové obrázky na pozadí
Ukázka webu v designu Servisního střediska
CSS Clearfix
CSS clearfix
Clearfix pomocí .group
Galerie obrázků
Obrázky pro galerii
PrettyPhoto
prettyPhoto – domovská stránka
Konečná verze stránek
Rozvržení pomocí float, galerie - hotové soubory
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