Přeskočit na horní lištu Přeskočit na hlavičku Přeskočit na obsah Přeskočit na patičku

Multimedia ve výuce II

Interaktivní osnova

Multimedia ve výuce II

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í

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
  
  Samostatná práce, souhrnné opakování
- Nyní studovat
  
  Seminární práce

Operace

Prohlédnout vše