HTML5 a CSS3

Kurz je určen pro všechny, kteří se chtějí seznámit s tagy jazyka HTML5 a CSS3.

Na kurzu se naučíte používat nové HTML5 tagy a nové CSS3 vlastnosti.

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

Úvod

• stručná historie, HTML 4 vs. 5, specifikace, aktuální stav CSS 2 vs. 3, specifikace, podpora v prohlížečích, prefixy
• co nového přináší HTML5 - nové sémantické značky, práce s multimédii, nové formulářové prvky, nové možnosti v javascriptu (DOM, API)

Grafika a animace

• 2D a 3D kreslení, 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
• opomíjený formát SVG na webu

Multimédia v HTML5 - <AUDIO>, <VIDEO>

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

Formulářové prvky

• nové atributy značky <INPUT> - number, date, search, color aj.
• nové formulářové prvky
• nové atributy - novalidate, pattern, required, autofocus aj.

Další možnosti CSS 3

• nové typy selektorů
• nová media queries
• font-face (použití vlastního fontu)
• box-sizing
• multi-column layout
• Flexbox (CSS Flexible Box Model)

Vzhled webu pro mobilní zařízení

• speciální stránky pro smartphony a tablety
• jedna verze webu - responsivní webdesign
• přizpůsobivé obrázky, alternativní obrázky
• grafika pro vysoké rozlišení (např. retina displej)
• optimalizace grafiky a rychlosti stránek, data uri, LESS aj.

Předchozí kurzy

Tvorba WWW stránek v HTML a CSS [INTHTML]

Navazující kurzy

PHP – skriptovací jazyk [INTPH1]

JavaScript I: Základy [JS_PROG1]

Angular I: Základy [JS_ANGULAR1]

DOM v JavaScriptu I: Základy [JS_DOM1]

React I: Základy [JS_REACT1]

Úvod do Vue.js [JS_VUE1]