Informační a komunikační                  technologie            Digitální technologie

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: 

Učivo na celý rok

Úvodní hodina

Zásady správného chování na internetu

Internet a webové stránky

Jazyk HTML a CSS

  • Obrázek na pozadí, vylepšený odkaz, vlastní komentáře
    Praktický úkol - Oblíbené zvíře (ukázka)
    Zápis do sešitu

Webový projekt

Programovací projekty (Lego Mindstorms)

  • 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 - 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í

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

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

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
Vytvořte si webové stránky zdarma! Tento web je vytvořený pomocí Webnode. Vytvořte si vlastní stránky zdarma ještě dnes! Vytvořit stránky