====== Organizace, seznámení s prostředím, HTML ======

===== Představení předmětu =====

  * [[courses:b6b39zwa:teacher:start|Učitelé předmětu]] 

===== Kritéria hodnocení =====

Vše relevantní je sepsáno na stránce s [[courses:b6b39zwa:classification:start|hodnocením]] .

===== Seznámení se s vývojovým prostředím =====

  * V učebně: Ubuntu
    * Kdo se nemůže přihlásit do graf. rozhraní:
      * v přihlašovacím dialogu zvolit "KDE plasma desktop (failsafe)"
      * přihlásit
      * odhlásit a přihlásit běžným způsobem
  * Softwarové vybavení
    * webový prohlížeč (Firefox, Chrome) a jeho vývojářská rozšíření
    * textový editor (//programátorský//)


====== Jazyk HTML ======

  * ozkoušejte validátor (https://validator.w3.org/) a uvažte jeho roli při hodnocení semestrálky

===== HTML 5 =====
  * vyrobte minimalní validní HTML5 dokument
  * zopakujte hlavní syntaktické prvky: text, značky, atributy a jejich hodnoty, entity
  * navrhněte strukturu dokumentu, který odpovídá nákresu na [[https://www.w3schools.com/html/html_layout.asp]] (pouze HTML) 
  * zkontrolujte validnost https://validator.w3.org/nu/
  * přidejte obrázek, tabulku, odstavce, nadpisy, odkazy, ...

===== HTML5 pokračování =====

  * tato část cvičení se věnuje věcem specifickým pro HTML5. Cílem je upravit vaši stránku, tak aby co nejvíce využívala HTML5 značky:
    *header, 
    *footer, 
    *nav, 
    *section, 
    *article, 
    *aside, 
    *figure, 
    *figcaption 
  * opět stránku zkontrolujte ve validátoru.

===== Odkazy =====
  *[[http://caniuse.com/|Can I use]] - přehled podpory HTML5 v různých prohlížečích
  *[[http://caniuse.com/#cats=HTML5 | Can I use -HTML5 kategorie]]
  *[[https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction | Úvod do HTML]]
  *[[https://developer.mozilla.org/en-US/docs/Web/Guide/HTML | HTML průvodce]]
  *[[https://developer.mozilla.org/en-US/docs/Web/HTML/Element | HTML ref. příručka - elementy]]
  *[[https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes | HTML ref. příručka - atributy]]