přehled lekcí

Obsah kurzu

Kurz se skládá z 11 lekcí, které pokrývají tvorbu webu od okamžiku, kdy potkáš klienta až do chvíle, kdy mu pošleš fakturu za hotový web.

struktura kurzu

co je obsahem 11 lekcí?

Kde najít zákazníky na web

Webařina jako podnikání

1. Jak začít webařit?
  • Na jaké typy webů se zaměřit?
  • Co je třeba k rozjezdu webařiny?
  • Kdy je klient spokojený?
  • Jak zvýšit přirozenou vyhledatelnost na Google?
  • Kde najít první klienty? Online i offline.
  • Jak a komu nabídnout své služby?
  • Proč první weby barterovat?
  • Jak využít pro zakázky Facebook?
  • Jak se mohu jako webař odlišit?

Článek o 1. lekci očima studentky

2. Kontakt s klientem, webhosting
  • Cíl webu — proč klient potřebuje web
  • Návrh základního řešení webu
  • Cena, záloha a smlouva
  • Seznam podkladů, které klient má dodat
  • Dohodnutí termínů a procesu tvorby
  • Zavedení klienta do CRM systému
  • Domény a subdomény
  • Úvod do webhostingu Webkitty
  • Instalace WP a DIVI
  • Vytvoření přístupu pro dalšího uživatele ve WP
  • Průvodce Webkitty

Článek o 2. lekci očima studentky

Jak připravit obsah a design webu

příprava na tvorbu

3. Obsah webu a wireframe
  • Proces s klientem pro tvorbu obsahu
  • Kvalitní obsah webu v 10 krocích
  • Pravidla webového copy
  • Vytvoření osnovy pro klienta
  • Vystavení první faktury (záloha)
  • Úprava dodaných textů
  • Nákres webu
  • Tvorba wireframe

Článek o 3. lekci očima studentky

4. WP a nastavení DIVI
  • Průvodce WordPressem
  • Nahrání child theme
  • Zákaz indexace
  • DIVI — Nastavení šablony
  • DIVI — Vzhled — Přizpůsobit
  • Menu (klasické i kotvy)
  • Základní práce s DIVI
  • Sekce v DIVI
  • Možnosti každého modulu
  • Hero (hlavní) sekce

Článek o 4. lekci očima studentky

    5. Design webu a šablony
    • Výběr hlavní fotky a ikon
    • Volba nadpisového a textového písma
    • Zvolení základních a doplňkových barev
    • Základní tipy, pravidla a prohřešky webového designu
    • Použití DIVI šablon (DIVI layouts nebo DIVI Express šablony)
    • Vyber si svou Express šablonu

    Článek o 5. lekci očima studentky

    Jak vytvořím web v DIVI

    Tvorba webu v DIVI

    6. DIVI moduly a responzivita
    • Přehled nejpoužívanějších modulů
    • Kontaktní formulář
    • Vložení Google mapy
    • Responzivita webu
    • Další placené doplňky do DIVI

    Článek o 6. lekci očima studentky

    7. DIVI tipy a tvůrce motivů
    • DIVI tipy a triky
    • Jednotky px nebo vh
    • Hrátky s DIVI 1
    • Hrátky s DIVI 2
    • Tvorba půlené obrazovky
    • Tvůrce motivů (patička, 404 error page)
    • Tvorba hlavičky

    Článek o 7. lekci očima studentky

     

    8. Další moduly a funkce v DIVI
    • Vlastní styly (presety)
    • Blog a filtrované portfolio
    • Knihovna DIVI
    • Ikona v menu
    • Ikony pomocí Font Awesome
    • Vlastní písmo do webu
    • Podbarvení slova v textu

    Článek o 8. lekci očima studentky

    Jak spustit web

    seo a spouštění

    9. SEO — optimalizace pro vyhledávače
    • Obsah je král
    • Hledání klíčových slov
    • Nastavení Meta Title a Desription
    • Nadpisy, odkazy a obrázky
    • Další vlivy na SEO
    • Použití pluginu Rank Math
    • Google Search Console

    Článek o 9. lekci očima studentky

    10. Cookies a jazyková verze webu
    • Nasazení cookie lišty do webu pomocí pluginu Complianz
    • Tvorba jazykové mutace webu pomocí pluginu Polylang nebo GTranslate
    11. Pluginy a migrace
    • Rychlost webu — WP Rocket
    • Optimalizace obrázků — Short Pixel
    • Zalomení řádku — WP-Typography
    • Bezpečnost webu — Wordfence
    • Přesměrování — Redirection
    • Instagram na web — Spotlight
    • GDPR a povinné údaje na webu
    • Migrace webu — WP Vivid
    • Fakturace a údržba (Manage WP)

    Článek o 11. lekci očima studentky

    Ukázka výukového systému s videi a podklady