Tvorba webu

Základní koncept fungování webových stránek.

Cílem kurzu je poskytnout úvod do webového vývoje a seznámit studenty se základními koncepty fungování web stránek. Studenti se seznámí s hlavními prvky webu, kódem html a stylováním pomocí kaskádních CSS stylů. Kurz vysvětlí, jak se tvoří struktura webu čistě pomocí html a CSS a také pomocí framewroku Bootstrap, který poskytuje mnoho hotových funkcí.

V dnešní době marketéři velmi často úzce spolupracují s vývojáři nebo techniky, kteří spravují různé technologie. V obou oborech typicky pracují jiné typy osobností a stává se, že si nerozumí a neví, co druhá strana dělá. V tomto předmětu se studenti – budoucí marketéři – blíže seznámí s technologií kolem webu. Nové znalosti budou moct efektivně využít a rozšířit na různych pracovních pozicích, například marketingový analytik, správce webu nebo eshopu, SEO specialista a další.

  • Co je web. Architektura klient-server. Seznámení s architekturou klient-server. Nejpoužívanější servery: Apache, Nginx, IIS, PHP, SQL, Redis. Vysvětlení komunikace mezi službami, oddělení odpovědnosti, mikroslužby.
  • Webové služby na serveru. Funkce serveru a služby důležité pro web.
  • Prohlížeč a jeho funkce, zobrazení webu. Funkce prohlížeče, zpracování a renderování html kódu a stylů.
  • Editory pro web development, online nástroje, WYSIWYG. Výhody a nevýhody vizuálních editorů. Ukázka nástroje Elementor pro Worpdress.
  • Html kód a jeho struktura. Základní prvky html – bloky, odkazy, tabulky, seznamy. Struktura webu obecně.
  • CSS a stylování, SCSS. Základní použití stylů, funkce kaskády, různé identifikátory html prvků. Důležité styly – fonty, velikosti, struktura, rozložení prvků. Responsivní web a responsivita.
  • Responsivita a mobilní zařízení. Způsoby tvorby responsivního webu. Návrhy rozložení pro různá zařízení. Problémy spojené s responsivitou a jejich řešení.
  • UX a funkce webu. Souvislost mezi designem a user experience. Návrh webu pro uživatele.
  • Dynamický web, Javascript a JQuery. Javascript a jeho funkce, JQuery. Dynamické prvky na webu.
  • Bootstrap a knihovny. Jak tvořit web s knihovnami funkcí. Responsivita pomocí Bootstrapu.
  • Nástroje pro projektový management: Pro každý projektový systém existuje řada nástrojů. Stručně představeny budou nejpopulárnější aplikace, které vývojářské i marketingové týmy používají.

Praktická aplikace není určena pro studenty, kteří si vybrali zaměření obsahující tento studijní předmět. V rámci této praktické aplikace není možné navíc vypracovat písemnou práci pro získání kreditů za písemné výstupy (SP/ZP/PP).

Tvorba webu

  • Počet kreditů: 4
  • Hodinová dotace: 7,5 hod. - prezenční
  • Výstup: Zápočet
  • Počet studentů: 40
  • Realizováno v AR: II. trimestr

Vítězslav Klement

  • Zkušený marketingový profesionál: kariéra v mediální agentura GroupM, tvorba komunikační strategie pro značky jako ŠKODA Auto, Red Bull nebo L´Oréal.
  • Mezinárodní zkušenosti: díky pracovním stážím v Dubaji a Madridu získal cenné zkušenosti v globálním marketingu a komunikaci.
  • Aktivní člen Hospodářské komory, působí v Sekci kulturního a kreativního průmyslu. Vede školení a projevuje zájem o témata jako umělá inteligence a metaverse.
  • MORAVCOVÁ, L. Základy digitálního marketingu. Praha: VŠEM, 2017.
  • BUREŠ, I. 10 zlatých pravidel péče o zákazníka, aneb CRM v digitálním věku. Praha: Management Press, 2006.
  • FEINMAN, T. M. Electronic Commerce: Security, Risk Management and Control. New York: McGraw-Hill Higher Educatiom, 2000.

NÁZORY STUDENTŮ VŠEM

Pan inženýr je odborník na tématiku marketingu propojenou s moderními technologiemi. Oceňuji pečlivé zodpovídání otázek, které se týkaly více technických záležitostí.

Předmět je velmi aktuální, vyučující uváděl příklady z praxe a srozumitelně přednášel. Vždy tu byl pro jakékoliv dotazy či připomínky studentů.

Zajímavé hodiny propojené s praxí.