Pomalu nám začínají nové šablony a tak i my inovujeme naše vzdělávací kurzy pro pedagogy / pedagogické pracovníky / učitele. Jedním z těchto nových „produktů“ je kurz Tvorba webu pro školy. Pilotně jsme tento kurz realizovali jako školení DVPP kurz na míru podle požadavků dané školy. Vzhledem k tomu, že byl účastníky velmi kladně přijat, budete se moci i Vy velmi brzy dočkat akreditované varianty školení Tvorba webu pro školy v tzv. „čisté variantě“. Kromě tohoto kurzu „čisté“ tvorby webu máme také akreditovaný DVPP kurz Tvorba webu pomocí WordPressu, což je další kurz, který je zaměřen na webové stránky, ale trochu z jiného pohledu. U účastníků tohoto kurzu se předpokládá již nějaká, alespoň základní orientace ve webových technologiích (HTML + CSS + JS). Naopak v rámci kurzu Tvorba webu pro školy se probírá vše od základů bez používání pokročilejších frameworků/knihoven, nicméně je samozřejmě tento kurz určen pro učitele, kteří již nějaké elementární znalosti HTML + CSS mají.
Obsah kurzu Tvorba webu pro školy
Kurz Tvorby webu pro školy je rozdělen do dvou dnů. V rámci prvního dne se seznámíte se základními pojmy, včetně informací, které editory v dnešní době používat až po ukázky novinek v HTML5 a CSS3,s případným rozšířením o frameworky typu Bootstrap. Prostě úvod do webových technologií spíše na teoretické/přehledové úrovní s jednotlivými ukázky. Následně druhý den je koncipován vyloženě prakticky – začínáme s prázdným souborem a končíme ukázkovou webovou stránkou, která by se dala směle ukázat světu.
První den Tvorby webu pro školy:
- Úvod do webových technologií
- Proč je důležitý prohlížeč pro webové stránky
- Přehled Editorů – jednoduchých i komplexních
- Novinky v HTML5 + ukázky jednotlivých novinek
- Novinky v CSS3 + ukázka jednotlivých novinek
- CSS frameworky – přehled, jejich možnosti uplatnění v praxi (např. Boostrap)
- JavaScript – rozdíl mezi „vanila“ JS a knihovnami/frameworky
- JS frameworky – přehled
Druhý den Tvorby webu pro školy:
- Visual Studio Code – popis prostředí, tipy na jednoduší práce, např. klávesové zkratky, možnosti rozšíření a přizpůsobení
- Praktické vytváření webové stránky v několika krocích:
- Vytvoření základní struktury HTML dokumentu
- Nastavení hlavičky HTML dokumentu a přidání externích souborů
- Nastavení obsahu HTML dokumentu
- Nastavení patičky HTML dokumentu
- Přidání responzivních prvků
- Přidání fontů a jejich aplikace (Google Fonts + FontAwesome)
- Finalizace webové stránky (HTML + CSS + krátký JS)
- Uveřejnění výsledků na internet (publikace)
- Registrace hostingu zdarma – pro výukové účely
- Ukázka – jak dosáhnout podobného výsledky za pomocí CSS frameworku Boostrap
Co se tedy v tomto kurzu učitelé a pedagogové naučí?
Ukázka, co si mohou učitelé vytvořit v rámci výuky jako ukázkový web se všemi moderními prvky. Kromě responzivního designu, také „wide“ řádků, kdy pozadí řádků je roztaženo přes celou obrazovku a nebo mobilní menu. A to vše z bodu „nula“ neboli prázdného souboru. Ukázky můžete vidět na obrázcích níže.
Chtěli byste pro vaši školu nebo vaše kolegy pedagogy taky takové školení týkajíc se Tvorby webových stránek? Pak se nám neváhejte ozvat na e-mail DVPP@poc-sluzba.cz,
