9. ročník
VÝUKA DOMA
Teď se učí ve škole.
Aktuálně
...
od 18.4. 9. ročníky Programovací projekty (Lego Mindstorms)
HLAVNÍ STUDIJNÍ MATERIÁLY pro celý školní rok:
- HTML (základní příkazy, barvy, color mixér),
- CSS (studijní materiál, návod, hlavička),
CSS - vlastnosti písma (studijní materiál),
CSS - vlastnosti textu (studijní materiál),
CSS - praktické ukázky (web) - Zoner Callisto (text, video)
Učivo na celý rok
Úvodní hodina
- Úvodní hodina
Organizace výuky
Provozní řád ICT učeben
Zápis do sešitu
Zásady správného chování na internetu
- Desatero bezpečného internetu
Desatero bezpečného internetu
- podvodné emaily (výhra, banka, inzerát)
- jak poznat podvodný email (krátký článek)
Ochrana dětí na internetu (krátké video)
Vědomostní test kyberbezpečnosti (kybertest)
Netiketa (video)
Zápis do sešitu - TÉMATA (ÚKOLY) NAVÍC
- Používání hesel (článek, hacknutý email, ukradené heslo, ukradené heslo 2)
- Bezpečnost počítače na internetu (krátké video)
- Ochrana osobních údajů (krátké video)
- Jsou veřejné wi-fi sítě bezpečné? (krátké video)
- Ransomware (krátké video)
- Chraň si mobil (pracovní list)
- Seznam se bezpečně
Jak se správně chovat na internetu
Varovná videa na stránkách seznamsebezpecne.cz
Zápis do sešitu - Kraje pro bezpečný internet
kpbi.cz - online soutěž
Zápis do sešitu
Internet a webové stránky
- Internet
Počítačová síť
- počítačová síť (obrázek)
- základy počítačových sítí (článek)
- PAN (článek)
- LAN (obrázek, obrázek2, firmy)
- MAN (obrázek, obrázek2, města)
- WAN (obrázek, obrázek2)
- Internet (obrázek)
- Porovnání velikosti LAN, MAN, WAN, Internet (obrázek, pro učitele)
- topologie počítačových sítí (článek, str. 3)
Internet (článek)
- struktura internetu (krátké video)
- služby internetu (obrázek)
Zápis do sešitu
- Internet a webové stránky
Internetová adresa
Doména, IP adresa, DNS (krátké video, krátké video2)
- domény (seznam domén 1. řádu, obrázek)
- IP adresy (obrázek, obrázek2)
Webové stránky (obrázek)
- HTML (ukázka)
- CSS (ukázka)
- PHP (ukázka)
- JavaScript (ukázka)
- Java (ukázka)
Agregace (obrázek)
Poskytovatel připojení (obrázek)
Způsoby připojení na internet (obrázek)
- ADSL
- WiFi (obrázek, obrázek2)
- kabelová televize
- mobil
- satelit
- elektrická síť (článek, obrázek, obrázek2)
Zápis do sešitu
- TÉMATA (ÚKOLY) NAVÍC
Internet
- historie internetu (článek, krátké video, video)
- Teorie - internet (video, video2, historie v ČR), web
- webový prohlížeč (krátké video)
- doména, IP adresa, DNS (krátké video 1, krátké video 2, video2)
- DNSSEC (ochrana DNS) (krátké video)
- internetové domény (krátké video)
- struktura internetu (krátké video)
- internet v elektrické zásuvce (krátké video)
- kam doma umístit wi-fi router (krátké video)
- Jak se plete počítačová síť (dlouhý článek)
- Vzdálený přístup k počítači (krátké video)
- Mapa Internetu v roce 1973 (45 počítačů v 36 laboratořích USA) (obrázek)
- Optický kabel na dně moře (obrázek)
- Rozdíl mezi IP4 a IP6 (krátký článek)
- Kořenové jmenné servery (mapa, obrázek, struktura)
- Jak fungují DNS servery (video)
Vtipné
- Obraz v zrcadle
- Skenování
- Televize
- Programátoři a uživatelé
Jazyk HTML a CSS
- Seznámení s editorem HTML a CSS
Poznámkový blok, PSPad (ukázka)
- Webová stránka - úvod
HTML jazyk a CSS styly (ukázka, ukázka2, obrázek, krátký článek)
Zápis do sešitu
- Obrázky, seznamy, odkazy
Praktický úkol - Denní nabídka v restauraci (ukázka1, ukázka2)
Zápis do sešitu
- Obrázek na pozadí, vylepšený odkaz, vlastní komentáře
Praktický úkol - Oblíbené zvíře (ukázka)
Zápis do sešitu
- Zvětšování, okraje objektů
Praktický úkol - Fotogalerie (ukázka)
Zápis do sešitu
- Tabulky - řádky, sloupce
Praktický úkol - Rozvrh hodin (ukázka1, ukázka2)
Zápis do sešitu
- Tabulky - okraje
Praktický úkol - Kalendář (ukázka)
Zápis do sešitu
- Tabulky - spojování buněk
Praktický úkol - Kalkulačka (ukázka1, ukázka2, ukázka3)
Zápis do sešitu
Programovací projekty (Lego Mindstorms)
- Popis LEGO robota
Co je to LEGO robot (obrázek, video)
Ukázky:
- sledování čáry (video)
- skládání Rubikovy kostky (video)
- hraní na kytaru (video)
- hraní na klavír (video)
Zápis do sešitu - Základní příkazy
- Pohyb
- Otáčení
- Zvuky
- Displej
Zápis do sešitu
Praktický úkol - Oživení pojízdného robota (zadání, pro učitele)
Praktický úkol - Robot ve městě (zadání, pro učitele)
Praktický úkol - Práce se zvukem a displejem (zadání, pro učitele)
Praktický úkol - Mixér (zadání, pro učitele)
Praktický úkol - Závora (zadání, pro učitele)
Praktický úkol - Automatická závora (zadání, pro učitele)
Praktický úkol - Detekce překážky - adaptivní tempomat (zadání, pro učitele)
Praktický úkol - Inteligentní pojízdný robot (zadání, pro učitele)
Praktický úkol - Parkovací asistent (zadání, pro učitele)
Praktický úkol - Hra na postřeh (zadání, pro učitele)
Zápis do sešitu
- PRO ZVÍDAVÉ:
Co je to programování (video)
Projektové vyučování
- Fiktivní firma
- práce s textovým editorem
- práce s tabulkovým procesorem
- tvorba prezentací
- počítačová grafika
Zápis do sešitu - Programování LEGO Mindstorms
Zápis do sešitu
Vyhodnocení projektu
- Vyhodnocení projektových činností žáka
- Prezentace žákovských projektů před ostatními
STARŠÍ TÉMATA
Jazyk HTML
- HTML - úvod
TEST - Internet a webové stránky
Základy jazyka HTML
- struktura HTML dokumentu (ukázka1, ukázka2, ukázka3)
- ukázka html kódu (ukázka)
Editor HTML - Poznámkový blok, PSPad
Příkazy HTML (základní příkazy)
- html, body
- úprava textu (b, i, u)
- nový řádek (br)
- nadpisy (h1, h2, h3, h4, h5, h6)
- odstavec (p)
Praktický úkol - První stránka
Zápis do sešitu
- HTML - odkazy, obrázky, barva, velikost, seznamy
Příkazy HTML
- odkazy (a href)
- obrázky (img src), velikost obrázků (width, height)
- barva písma (font color) (seznam názvů barev, color mixér)
- velikost písma (font size)
- seznam s odrážkami (ul, li)
Praktický úkol - Denní nabídka v restauraci (ukázka1, ukázka2)
Praktický úkol - Vzdělávací kurzy (ukázka)
Zápis do sešitu
- HTML - tabulky
Způsob zapisování příkazů HTML
Příkaz HTML
- tabulka (table, tr, td, th)
- tabulka (článek)
Praktický úkol - Rozvrh hodin (ukázka1, ukázka2)
Zápis do sešitu
- HTML - tabulky - spojování buněk, zarovnání
Příkaz HTML
- spojování buněk (colspan, rowspan)
- zarovnání (center, align)
- barva pozadí buňky (bgcolor)
Praktický úkol - Kalkulačka (ukázka)
Zápis do sešitu
- HTML - tabulky - šířka, výška buněk
Příkaz HTML
- výška, šířka (width, height) - u příkazů table, tr, td
Praktický úkol - E-shop (ukázka)
Praktický úkol - Fotogalerie (ukázka1, ukázka2)
Zápis do sešitu
- Struktura webu pomocí tabulky
Praktický úkol - Vlastní návrh struktury webu (ukázka)
Vzorový HTML soubor (lze stáhnout a upravit dle potřeby)
Zápis do sešitu
WEBOVÝ PROJEKT - 1. pololetí
- Samostatná práce
- téma Město
- HTML - struktura webu
- ukázky
Zadání
Zápis do sešitu
CSS styly
- CSS styly - úvod
Základy CSS stylů
- ukázky (e-shop, rozvrh, Orlová, css1, css2, css3, css4)
- struktura - (HTML soubor, CSS soubor)
- návody (ict-2.webzdarma.cz, www.w3schools.com)
Ukázky - Ukázka 1 (html) - přímý zápis CSS v těle HTML souboru
Ukázka 2 (html) - příkazy CSS v hlavičce HTML souboru
Ukázka 3 (html, css) - dva soubory - HTML + CSS
Praktický úkol č. 1 - První pokus s CSS (postup)
Zápis do sešitu
- CSS styly - definování stylů, barvy
CSS styly
- definování - Vkládání CSS příkazů do HTML
Způsob zápisu CSS příkazů
Úprava existujícího HTML příkazu
Definice vlastního HTML příkazu
- barvy - Práce s barvami
Ukázky - Ukázka 4 (html, css) - nastavení barev pomocí hexadecimálního zápisu
Ukázka 5 (html, css) - nastavení barev pomocí názvu barev
Ukázka 6 (html, css) - nastavení barev pomocí RGB zápisu
Ukázka 7 (html, css) - nastavení barev pomocí HSL zápisu
Ukázka 8 (html, css) - nastavení barev pomocí HSLA zápisu
Praktický úkol č. 2 - Rozvrh hodin (postup)
Zápis do sešitu
- CSS styly - tabulky, vlastní příkazy
- tabulky
- vlastní příkazy
Ukázky - Ukázka 9a (html, css) - nastavení vlastností tabulky
Ukázka 9b (html, css) - nastavení vlastností tabulky
Praktický úkol č. 3 - Rozvrh hodin 2 (postup)
Praktický úkol č. 4 - Kalkulačka (postup)
Zápis do sešitu
- CSS styly - hover, active
- hover
- active
Ukázky -
Praktický úkol č. 5 - Kalkulačka 2 (postup)
Zápis do sešitu
- CSS styly - vlastnosti písma, třídy
- vlastnosti písma (příklady)
- třídy
Ukázky - Ukázka 10 (html, css) - změna vlastností písma v buňce TD
Ukázka 11 (html, css) - vytvoření a použití třídy DEN
Ukázka 12 (html, css) - vytvoření a použití třídy PREDMET
Ukázka 13 (html, css) - použití upravených příkazů a tříd
Praktický úkol č. 6 - E-shop (postup)
Zápis do sešitu
- CSS styly - vlastnosti textu
- vlastnosti textu (příklady)
Praktický úkol č. 6 - E-shop (postup)
Zápis do sešitu
WEBOVÝ PROJEKT - 2. pololetí
- Samostatná práce
- téma libovolné
- HTML - struktra webu
- CSS - vzhled webu
- Zoner Callisto 5 (text, video) - tlačítka, logo, hlavička a nabídka webu
- ukázky
Zadání
Vzorový HTML soubor (lze stáhnout a upravit dle potřeby)
Zápis do sešitu
- PRO ZVÍDAVÉ:
- Jak psát web (podrobný návod)
- Základy jazyka HTML a CSS (podrobný návod)
Projekt Firma
- Zopakování učiva 5.-9. ročníku
- Témata:
- Společenská smlouva (MS Word)
- Reklamační dopis (MS Word)
- Logo firmy (Zoner Callisto 5)
- Plakát (Zoner Callisto 5)
- Náklady a příjmy (MS Excel)
- Prezentace firmy (MS PowerPoint)
- Webová stránka firmy (HTML+CSS)
Vyhodnocení webového projektu
- Vyhodnocení projektových činností žáků
- Prezentace žáků před ostatními