Kód kurzu: INTCS2« Krok zpět

CSS – pro pokročilé

Kurz je určen tvůrcům stránek, kteří znají HTML a mají základní znalosti CSS. Těžiště kurzu je v práci s rozměry a polohou elementu – šířka, výška, poloha. Jsou probrány možné problémy v prohlížečích, vizuální ztvárnění menu s přípravou rozbalovacích menu. Vyústěním kurzu je tvorba layoutu webové stránky pomocí CSS.

 DatumDnůCena kurzuCena materiálůJazyk výukyLokalita 
14.5.2018 3 315,00 EUR v ceně kurzu Slovenský jazyk GOPAS Bratislava
 

PobočkaDnůCena kurzuCena materiálůITB
Praha3 9 000 CZK v ceně kurzu 0
Brno3 8 400 CZK v ceně kurzu 0
Bratislava3 315,00 EUR v ceně kurzu 0

Pro koho je kurz určen

Kurz je určen tvůrcům stránek, kteří znají HTML a mají základní znalosti CSS.

Co Vás naučíme

Naučíme Vás vytvářet pokročilé stránky pomocí CSS.

Požadované vstupní znalosti

Znalosti HTML a základů CSS.

Metody výuky

Odborný výklad s praktickými ukázkami, cvičení na počítačích.

Studijní materiály

Tištěná prezentace probírané látky. 

Osnova kurzu

Úvod

  • CSS vs. ostatní technologie (HTML, JavaScript)
  • historie, verze CSS (2.1 a 3), specifikace, podpora v prohlížečích
  • nástroje pro tvorbu a analýzu CSS

Blokové a řádkové prvky

  • vlastnost display (block, inline, inline-block, table-cell, none aj.)
  • rozměry prvků a jejich obsahu (vlastnost width, height, overflow)
  • vodorovné a svislé centrování
  • sémanticky neutrální značky v html
  • rozměry a zarovnání řádkových prvků

Změna polohy blokových prvků

  • vlastnost float a clear
  • vlastnost margin, použití záporných hodnot
  • vlastnost position (absolute, relative), vytvoření vlastního systému souřadnic, vlastnosti top, left
  • vlastnost z-index

Media query

  • tiskový styl
  • nové možnosti v CSS3 (nejen) pro mobilní přizpůsobivý web

Praktické použití

  • sloupcový layout stránky - strategie a možnosti
  • navigace, rozbalovací menu, vodorovné vysouvací menu aj.
  • fotogalerie a jiné detaily stránek

Nové možnosti CSS3

  • selektory
  • font-face (použití vlastního fontu)
  • border-radius, barva rgba, box-shadow, text-shadow
  • transforms, transitions, animations
  • box-sizing
  • multi-column layout
  • Flexbox (CSS Flexible Box Model)
  • nové možnosti práce s pozadím - linear gradient, multiple-backgrounds, background-size

Vzhled webu pro mobilní zařízení

  • speciální stránky pro smartphony a tablety, nebo
  • 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.
  • použití svg formátu
Tištěné nebo elektronické studijní materiály GOPAS

Cena:
v ceně kurzu
Uvedené ceny jsou bez DPH.


Graf návazností kurzů