Školení Moderní tvorba webu: WordPress, Vibecoding, Figma a HTML/CSS

Balíček počítačových kurzů s příspěvkem Úřadu práce ČR

DIGIkurz Náročnost kurzu: 3/5 – středníPokročilá práce s programem. Předpokládá jistotu v ovládání počítače a základní znalost daného programu z předchozího kurzu nebo praxe. | Délka skupinového kurzu: 84 h

Nejbližší termín: termín připravujeme | Vaše spoluúčast s příspěvkem ÚP: 10 170 Kč (kurz 43 705 Kč)

Cena kurzu
43 705 Kč
Vaše spoluúčast
10 170 Kč
Příspěvek ÚP
až 33 535 Kč

O schválení příspěvku rozhoduje Úřad práce ČR.

Více o projektu DIGIkurzy →

Přihlášení přes systém Úřadu práce se připravuje.

Spustíme v nejbližších týdnech — napište nám na info@abecedapc.cz nebo volejte 800 118 118.

Napište nám

Kurz Moderní tvorba webu: WordPress, Vibecoding, Figma a HTML/CSS je určený uživatelům, kteří chtějí porozumět tvorbě moderních webových stránek od návrhu a plánování až po správu obsahu, úpravy vzhledu a základní práci s kódem. Zaměřuje se na praktickou tvorbu a správu webu, práci s redakčním systémem WordPress, návrh webového rozhraní ve Figmě, využití AI při tvorbě webových výstupů a základní orientaci v HTML a CSS.
Účastníci se zorientují v principech tvorby webových stránek, doménách, hostingu, webových technologiích, SEO/AEO a webové analytice. Naučí se připravit zadání webu, navrhovat jeho strukturu, pracovat s obsahem, stránkami, příspěvky, šablonami, menu, pluginy a dalšími prvky redakčního systému.
Navazující části kurzu rozvíjejí návrh webu ve Figmě, tvorbu wireframů a prototypů, úpravy webového obsahu pomocí HTML a CSS a využití vibecodingu při přípravě jednoduchých webových stránek, landing page, formulářů nebo prototypů s podporou AI. Kurz je vhodný pro správce webů, marketingové pracovníky, asistenty, podnikatele, tvůrce obsahu i všechny, kdo chtějí lépe rozumět webu a samostatně připravovat nebo upravovat webové výstupy.

Co se naučíte

  • zorientovat se v základních principech tvorby webových stránek,
  • připravit zadání webu, strukturu obsahu a základní návrh webového řešení,
  • pracovat s doménou, hostingem, redakčním systémem a základními webovými pojmy,
  • spravovat obsah webu ve WordPressu a pracovat se stránkami, příspěvky, menu a šablonami,
  • využívat pokročilejší možnosti redakčního systému, pluginy a základní úpravy webu,
  • navrhovat wireframy, vizuální návrhy a jednoduché prototypy ve Figmě,
  • upravovat základní HTML a CSS prvky při správě webového obsahu,
  • pochopit princip SEO/AEO a připravovat obsah pro vyhledávače i AI odpověďové systémy,
  • využívat Google Analytics 4 pro základní vyhodnocování návštěvnosti a chování uživatelů,
  • používat AI při návrhu, kontrole a tvorbě webových stránek, textů, prototypů a jednoduchých webových výstupů.

Osnova školení

U individuálního a firemního školení je možné osnovu přizpůsobit.

    • Úvod do tvorby webových stránek (12 hodin)
      • základní pojmy, technologie a principy tvorby webových stránek,
      • doména, hosting, redakční systémy, webové stránky a webové aplikace,
      • návrh struktury webu, obsahu, navigace a uživatelské cesty,
      • základy použitelnosti, responzivního návrhu a přístupnosti,
      • příprava zadání pro webaře, grafika, copywritera nebo agenturu,
      • využití AI při přípravě zadání, textů a návrhu webových výstupů.
    • SEO/AEO – optimalizace pro vyhledávače a AI (6 hodin)
      • princip SEO, AEO a GEO a jejich význam pro viditelnost obsahu,
      • rozdíl mezi klasickým vyhledáváním a odpověďmi generovanými AI,
      • On Page faktory, struktura webu, nadpisy, URL adresy, obrázky a obsah,
      • práce s klíčovými slovy, čitelností, důvěryhodností a E-E-A-T,
      • Off Page faktory, zpětné odkazy, zmínky o značce a důvěryhodnost webu,
      • měření výsledků, Google Search Console, Google Analytics a využití AI při návrhu a kontrole obsahu.
    • Webové analytiky - Google Analytics (6 hodin)
      • základní princip webové analytiky a možnosti Google Analytics 4,
      • návštěvnost, události, konverze, zdroje návštěvnosti a chování uživatelů,
      • základní nastavení účtu, datového streamu, přístupů a propojení služeb,
      • přehledy v reálném čase, demografie, technologie, akvizice a retence,
      • konfigurace událostí, cílů a sledování důležitých akcí na webu,
      • vyhodnocování kampaní, práce s reporty a využití AI při hledání souvislostí v datech.
    • Redakční systémy základní (12 hodin)
      • princip redakčních systémů a jejich využití při správě webu,
      • orientace ve WordPressu a základní nastavení webu,
      • práce se stránkami, příspěvky, kategoriemi, menu a médii,
      • vkládání a úprava textů, obrázků, odkazů a dalších prvků obsahu,
      • základní práce se vzhledem webu, šablonami a dostupnými možnostmi úprav,
      • bezpečná správa obsahu a základní doporučení pro běžnou údržbu webu.
    • Vibecoding webových stránek a aplikací (12 hodin)
      • princip vibecodingu a využití AI při tvorbě webových výstupů,
      • návrh jednoduchých webových stránek, landing page, formulářů a prototypů,
      • formulace zadání pro AI a práce s postupným zpřesňováním výstupu,
      • úprava struktury, textů, stylů a funkčních prvků webového výstupu,
      • testování, kontrola, ladění a úpravy vytvořeného řešení,
      • bezpečné používání AI, kontrola výstupů a praktické limity vibecodingu.
    • Prototypování a grafika webových stránek ve Figmě (12 hodin)
      • role grafického návrhu při tvorbě webu,
      • rozdíl mezi wireframem, vizuálním návrhem a kliknutelným prototypem,
      • orientace v prostředí Figma, práce s frames, vrstvami, mřížkou a rozvržením,
      • práce s textem, barvami, obrázky, ikonami, komponentami a základními styly,
      • návrh webové stránky, responzivní varianty a jednoduchého prototypu,
      • příprava podkladů pro komunikaci se zadavatelem, grafikem nebo vývojářem.
    • Redakční systémy pokročilý (12 hodin)
      • rozšířené možnosti správy webu ve WordPressu,
      • práce se šablonami, pluginy, menu, widgety a dalšími prvky webu,
      • úprava struktury webu, vzhledu, obsahu a navigace,
      • správa uživatelů, oprávnění, komentářů a základní údržby webu,
      • doporučení pro bezpečnost, zálohování, aktualizace a výkon webu,
      • praktické postupy pro efektivnější správu rozsáhlejšího webu.
    • HTML a CSS (12 hodin)
      • základní syntaxe HTML a princip struktury webové stránky,
      • nadpisy, odstavce, odkazy, obrázky, seznamy, tabulky, tlačítka a bloky,
      • princip kaskádových stylů CSS a základní formátování webového obsahu,
      • barvy, písma, rozměry, okraje, zarovnání a jednoduché rozvržení stránky,
      • úpravy HTML a CSS při správě webu nebo v redakčním systému,
      • využití AI při tvorbě, kontrole a úpravě jednoduchého kódu.

Předchozí znalosti

Před školením je vhodné ovládat běžnou práci s počítačem, internetem a soubory. Zkušenost s tvorbou webu, WordPressem, Figmou, HTML/CSS, SEO, analytikou ani AI nástroji není nutná.

Verze programu

U firemního a individuálního školení si verzi programu, na které bude školení probíhat, můžete zvolit.
Otevřené kurzy probíhají na aktuální verzi programu. Lektor po dohodě s účastníky upozorní na rozdíly starších verzí.