Kurz je určený všetkým, ktorí poznajú základy jazyka HTML a CSS a chcú sa naučiť využívať nové možnosti, ktoré prináša HTML5 a CSS3. Na kurze sa naučíte používať nové HTML5 tagy a nové CSS3 vlastnosti. Účastníci sa na kurze naučia nové [...]
  • HTMLCSS
  • Dĺžka 2 dni
  • 0 ITK bodov
  • 5 termínov
  • Bratislava (280 €)

    Brno (6 600 Kč)

    Praha (6 600 Kč)

  • Mierne pokročilý

Kurz je určený všetkým, ktorí poznajú základy jazyka HTML a CSS a chcú sa naučiť využívať nové možnosti, ktoré prináša HTML5 a CSS3. Na kurze sa naučíte používať nové HTML5 tagy a nové CSS3 vlastnosti. Účastníci sa na kurze naučia nové možnosti práce s grafikou a animáciami, novými sémantickými značkami a formulárovými prvkami. Ďalej sa zoznámia s novými možnosťami CSS3 a s nastavením vzhľadu webu pre mobilné zariadenia.

»

Kurz je určený pre všetkých, ktorí sa chcú zoznámiť s tagmi jazyka HTML5 a CSS3.

Na kurze sa naučíte používať nové HTML5 tagy a nové CSS3 vlastnosti.

Základy práce s PC, HTML a CSS.

Úvod

  • stručná história, HTML 4 vs. 5, špecifikácia, aktuálny stav CSS 2 vs. 3, špecifikácia, podpora v prehliadačoch, prefixy
  • čo nového prináša HTML5 - nové sémantické značky, práca s multimédiami, nové formulárové prvky, nové možnosti v javascript (DOM, API)

Grafika a animácie

  • 2D a 3D kreslenie, WebGL
  • CSS3 vlastnosti - border-radius, box-shadow, text-shadow, barva rgba, transform, transitions, animations
  • nové možnosti práce s pozadím - gradienty, multiple-backgrounds, background-size
  • prehliadaný formát SVG na webu

Multimédiá v HTML5 - <AUDIO>, <VIDEO>

Nové sémantické značky (<SECTION>, <HEADER>, <FOOTER>aj.)

Formulárové prvky

  • nové atribúty značky <INPUT> - number, date, search, color a iné
  • nové formulárové prvky
  • nové atribúty - novalidate, pattern, required, autofocus a iné

Ďalšie možnosti CSS 3

  • nové typy selektorov
  • nové media queries
  • font-face (použitie vlastného fontu)
  • box-sizing
  • multi-column layout
  • Flexbox (CSS Flexible Box Model)

Vzhľad webu pre mobilné zariadenia

  • špeciálne stránky pre smartphony a tablety
  • jedna verzia webu - responzívny webdesign
  • prispôsobivé obrázky, alternatívne obrázky
  • grafika pre vysoké rozlíšenie (napr. retina displej)
  • optimalizácia grafiky a rýchlosti stránok, data uri, LESS a iné
Aktuálna ponuka
Školiace miesto
Jazyk kurzu

Uvedené ceny sú bez DPH.