Registrace

Registrace byla ukončena.
Po ukončení registrace již není možné se přihlásit (ani jako náhradnice).

Zůstaňme v kontaktu!

Dostávej náš měsíční newsletter a buď mezi prvními, kdo se dozví o akcích a dění v Czechitas.
Zasláním své adresy bereš na vědomí Podmínky zpracování osobních údajů společností Czechitas, z.s.


Kontakt

Proč zvolit náš kurz?

Kateřina Hyská

Kateřina Hyská
Účastnice akce: Tvořím web

Workshop doporučuji!
Dozvíte se o Wordpressu jako takovém. Jak provést instalaci, jak si zařídit doménu i hosting. Jak vytvářet jednoduše příspěvky. Ale co víc, dozvíte se, jak přistupovat k tvorbě webů, aby z toho všeho nebyl jen nečitelný guláš ;) Dozvíte se, kde se dál inspirovat a poradit, když si nevíte rady. Rozhodně doporučuji.

Úvod do HTML a CSS

Pojď se naučit, jak se vytváří webové stránky. Objevíš kouzlo, které se skrývá za kódem pohánějícím web!

Kdy

21. září 2019

9:30 — 17:30

Kde

Katedra geoinformatiky
Přírodovědecká fakulta UP
17. listopadu 50
Olomouc, 771 46
Česká republika
http://www.geoinformatics.upol.cz/kontakty

Další informace

Délka trvání: 8h

Vstupní znalosti: Úplní začátečníci

Typ akce: Jednodenní

Cena: 350 Kč

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. Budeme vytvářet odkazy, vkládat obrázky, formátovat text a spoustu dalších užitečných věcí, jako třeba hezké menu. 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
  • Dobrá náladu!
AGENDA:
  • Co vůbec je HTML a CSS
  • Struktura stránky
  • Základní značky pro nadpisy, odstavec, odkaz, obrázek
  • Úvod do CSS - obarvení textu, barva pozadí, velikost písma
  • Box model - margin, padding, border a jejich nastavení v CSS
  • Vlastnost display - rozdíl mezi block, inline-block
  • Jak ze seznamu odkazů udělat horizontální menu
  • Vícestránkový web a odkazy mezi stránkami

Partneři