Registrace

Dejte mi vědět

Kontakt

Proč zvolit náš kurz?

Běla Doubravová

Běla Doubravová
Účastnice akce: Tvořím web

Organizace je výborná, přednášky srozumitelné a koučové milí.
Workshop je skvělý! Měla jsem až neuvěřitelný pocit, kolik jsem se toho za pouhý den zvládla naučit. Ráno tam člověk přijde a neví v podstatě nic a odchází k večeru a umí si vytvořit vlastní jednoduchou stránku. Organizace je výborná, přednášky srozumitelné a koučové milí. Doporučuji.

HTML/CSS

Pojď se nadchnout do toho, jak se vytváří webové stránky. Objevíš kouzlo, které se skrývá za příkazovou řádkou!

Kdy

26. ledna 2019

9:30 — 17:30

Kde

Praha - bude upřesněno
Praha,
Česká republika

Další informace

Délka trvání: 8h

Vstupní znalosti: Žádné

Typ akce: Jednodenní

Cena: 990 Kč

32860167 1837995172899032 3498574222089781248 N

PRO KOHO JE KURZ URČEN:

Kurz je určen pro úplné začátečnice, takže pokud máš chuť si vytvořit něco, co může vidět celý svět, pojď do toho s námi!

ANOTACE:

Tvořím web!: HTML/CSS je workshop, na kterém si prakticky vyzkoušíš, jak se dělají webové stránky. A protože chceme, aby sis odnesla co nejvíce, tak se budeme učit minimum teorie, zato budeme zkoušet hodně praxe: skoro pořád budeš mít ruce na klávesnici. Na konci workshopu budeš mít před sebou hotovou první webovou stránku, kterou sama vytvoříš „z ničeho“.

Vytvoříme si společně stránky pomocí HTML a CSS. A nejen to. Budeme vytvářet odkazy, vkládat obrázky, formátovat text a spoustu dalších užitečných věcí. Vše si poté pěkně "vybarvíme" pomocí CSS, které tomu dodají tu pravou šťávu.

PŘEDPOKLADY:
  • Notebook
  • Myš (není úplně nutná, ale bude se ti s ní pracovat lépe)
  • Nabíječka
  • Nainstalovaný prohlížeč Firefox nebo Chrome
  • Dobrou náladu!
AGENDA:
  1. Co vůbec je HTML a CSS
  2. Struktura stránky
  3. Základní značky pro nadpisy, odstavec, odkaz, obrázek
  4. Úvod do CSS: obarvení textu, barva pozadí, velikost písma
  5. Box model: margin, padding, border a jejich nastavení v CSS
  6. Selektory a třídy
  7. Vlastnost display: rozdíl mezi block<code>, <code>inline-block