WEBZEN je jednoduchý generátor jednostránkových webů. Vlevo vyplňuješ formulář, vpravo hned vidíš živý náhled. Nic se neprogramuje — na konci si stáhneš hotový, funkční HTML soubor, který stačí nahrát na hosting. Hodí se na osobní web, prezentaci produktu, službu nebo landing page.
Nahoře vyplň Název webu, Doménu (použije se v odkazech pro vyhledávače a sociální sítě) a Titulek + Popis stránky pro SEO. Pak nastav Hero sekci — hlavní nadpis a podnadpis, které návštěvník uvidí jako první.
Pod hero textem můžeš přidat jedno nebo víc tlačítek — každé může vést na sekci webu, na vlastní URL, nebo do FAQ. U každého jde nastavit, jestli je hlavní (výrazné) nebo doplňkové, a jestli se otevírá v nové záložce. Do hero sekce lze volitelně vložit i obrázek — buď nahráním ze zařízení, nebo vložením URL — a je dobré k němu doplnit alternativní text (pomáhá SEO i přístupnosti).
Barvy nastavíš buď rychle přes připravené palety, nebo ručně (accent, glow a dvě barvy pozadí). Zvlášť si vybereš písmo pro nadpisy a pro běžný text.
V sekci Navigace zapneš/vypneš a přejmenuješ odkazy na Hero, Funkce a FAQ v levém menu webu. Volba „Zobrazovat vlastní stránky v menu" určuje, jestli se vlastní stránky (viz níže) automaticky přidávají do menu na každé stránce webu, nebo jestli je propojíš jen ručně přes tlačítka a karty. Dole ve stejné sekci můžeš přidat ikony sociálních sítí (Instagram, Facebook, TikTok, YouTube, e-mail…) — zobrazí se jako spodní řádek levého menu na každé stránce.
V sekci „Vlastní stránky" přidáváš další podstránky webu — každá se exportuje jako svůj vlastní samostatný .html soubor (název podle textu v menu, např. o-nas.html) s vlastní URL, <title>, meta description i canonical/OG tagy, takže je to lepší pro SEO i sdílení odkazů než schované sekce v jednom souboru. U každé stránky vybereš typ: Prostá (nadpis + text, volitelně obrázek — jako dřív) nebo Landing (vlastní hero, podnadpis, volitelné tlačítko a karty funkcí). Pokud je zapnuté zobrazování v menu, objeví se stránka automaticky jako položka v levém menu na každé stránce webu; jinak na ni musíš odkázat ručně — CTA tlačítka i klikatelné karty umí mířit i na konkrétní vlastní stránku. Sitemap.xml pak automaticky obsahuje URL všech vlastních stránek.
V sekci Karty / funkce popíšeš jednotlivé výhody nebo služby (ikona, nadpis, text). V sekci FAQ přidáš časté otázky a odpovědi — automaticky se z nich vygeneruje i strukturovaná data pro Google. V Patičce nastavíš, jestli se má zobrazit „© rok značka", volitelný vlastní text (např. IČO, adresa) a odkazy (obchodní podmínky, kontakt apod.).
Dole najdeš pokročilé volby: vygenerování manifest.json a sw.js, díky kterým si návštěvníci mohou web „nainstalovat" jako appku (PWA); dále sitemap.xml a robots.txt pro vyhledávače. Tyto soubory se stahují zvlášť tlačítky a po exportu je nahraješ vedle hlavního HTML souboru. Nezapomeň doplnit i skutečné obrázky ikon (favicon, apple-touch-icon, ikony 192×192 a 512×512, og-image) — ty generátor sám nevytváří.
V pravé části přepínáš náhled mezi Desktop a Mobil, ať vidíš, jak bude web vypadat na telefonu. Pokud upravuješ web přímo z mobilního zařízení, nahoře se objeví přepínač „Upravit obsah / Náhled webu" pro pohodlnější práci na malé obrazovce.
Appka průběžně automaticky ukládá rozpracovaný projekt do prohlížeče (localStorage), takže se při zavření karty o nic nepřijde. Přes „💾 Uložit projekt" si navíc můžeš stáhnout .json soubor s celým rozpracovaným webem a později ho přes „📂 Načíst projekt" znovu otevřít — třeba na jiném počítači. Tlačítko „🗑️ Nový projekt" vše vrátí zpět na vzorové texty.
Tlačítko „↓ Stáhnout HTML" vpravo nahoře stáhne jen hlavní stránku jako jeden .html soubor. Pokud máš vytvořené i vlastní stránky, použij tlačítko „↓ Stáhnout celý web" — stáhne hlavní stránku i všechny vlastní stránky najednou, každou jako samostatný soubor (postupně, jeden po druhém). Všechny stažené soubory pak nahraješ vedle sebe na jakýkoli hosting (hlavní stránku případně přejmenuj na index.html). Pokud používáš i PWA nebo sitemapu/robots.txt, stáhni jejich soubory zvlášť a nahraj je vedle ostatních.