Jak funguje tvorba webu pomocí AI a kdy dává smysl

Krátká odpověď: napíšete obyčejnou češtinou, jaký web chcete, a umělá inteligence podle toho napíše kód stránek, texty i rozložení. Za pár minut vidíte hotový návrh a dalšími větami ho upravujete („přidej ceník“, „udělej to světlejší“). Nejlépe to funguje pro prezentační weby a landing page.

Co se děje „pod kapotou“?

1. Zadání: popíšete, co web má obsahovat a jak působit.
2. Návrh: jazykový model zadání rozebere a naplánuje strukturu: sekce, nadpisy, barvy, rozložení.
3. Kód: AI napíše soubory webu, typicky HTML (obsah a struktura), CSS (vzhled) a případně JavaScript (interakce).
4. Náhled: nástroj web hned zobrazí, takže vidíte výsledek.
5. Úpravy: každá další věta vede ke změně souborů a nové verzi. Ke starším verzím se můžete vrátit.

Výsledkem je skutečný web ze standardních technologií, ne obrázek nebo šablona s vyměněnými slovy.

Jak napsat dobré zadání?

Čím konkrétnější zadání, tím lepší první verze. Uveďte:

• Co děláte a kde: „kavárna s domácími dorty v centru Brna“.
• Pro koho: „studenti a lidé z kanceláří v okolí“.
• Co má web obsahovat: menu s cenami, otevírací dobu, mapu, fotky, kontakt.
• Hlavní akci: „rezervace stolu telefonem“.
• Styl: „teplé barvy, útulné, moderní, ne kýčovité“.
• Skutečná fakta: adresa, telefon, ceny, otevírací doba.

Příklad: „Web pro kavárnu U Lišky v centru Brna, Masarykova 12. Teplé barvy, útulná atmosféra. Sekce: úvod s fotkou, menu (káva od 55 Kč, dorty od 85 Kč), otevírací doba po–pá 7–19, so–ne 9–18, mapa a kontakt. Hlavní tlačítko: Zavolat a rezervovat stůl.“

Jak web upravovat?

Úpravy pište jako pokyny kolegovi. Vždy jednu nebo dvě věci najednou:

• „Zvětši nadpis v úvodu a dej pod něj tlačítko Rezervovat.“
• „Přidej sekci s otázkami: parkování, platba kartou, pejsci.“
• „Barvu tlačítek změň na tmavě zelenou.“
• „Na mobilu je menu moc velké, zmenši ho.“

Když se úprava nepovede, vraťte se k předchozí verzi a zkuste ji popsat jinak.

Co AI zvládne dobře a kde má limity?

Co vždy zkontrolovat?

• Fakta: adresa, telefon, e-mail, ceny, otevírací doba.
• Texty: jestli odpovídají vaší práci a nejsou příliš obecné.
• Obrázky: nahraďte ilustrační fotky vlastními, jakmile to jde.
• Mobil: projděte web na telefonu.
• Titulek a popis pro vyhledávače.
• Právní náležitosti: zásady ochrany osobních údajů, pokud sbíráte kontakty. Viz GDPR a cookies na webu.

Pro koho dává AI tvorba webu smysl?

• Živnostníci a malé firmy, které potřebují rychle profesionální web.
• Kdo chce web upravovat sám a hned, bez čekání na dodavatele.
• Kdo potřebuje landing page pro kampaň nebo akci. Viz Co je landing page.
• Kdo si chce vyzkoušet nápad dřív, než do něj investuje víc.

Nejčastější chyby v zadání

• Příliš obecné zadání. „Udělej mi hezký web“ dá obecný výsledek. Přidejte obor, místo, obsah a styl.
• Moc změn najednou. Deset úprav v jedné zprávě se hůř provede i kontroluje. Dvě až tři najednou stačí.
• Chybějící fakta. Když nenapíšete otevírací dobu, AI ji buď vynechá, nebo použije zástupný text, který musíte opravit.
• Protichůdné požadavky. „Minimalistický web se spoustou animací a velkou galerií na úvodu“ vede ke kompromisu, který nebude dobře ani jedno.
• Hodnocení podle prvního dojmu. První verze je začátek. Většina webů potřebuje několik kol úprav, než sedí.

Jak AI pracuje s obrázky a fotkami?

AI nástroje obvykle do první verze vloží ilustrační fotky, aby bylo vidět rozložení a atmosféru. Jsou to zástupné obrázky, ne fotky vašeho podniku. Pro důvěryhodný web je nahraďte vlastními: interiér, vaše práce, tým, výrobky. Pár pravidel pro vlastní fotky:

• Foťte při denním světle a na šířku, pokud jde o úvodní fotku.
• Méně je víc. Pět dobrých fotek je lepších než třicet průměrných.
• Před nahráním fotky zmenšete, aby web zůstal rychlý. Viz Rychlost webu.
• Používejte jen fotky, ke kterým máte práva.

Je web z AI „můj“?

Web, který si vytvoříte, používáte pro své podnikání. Obsah, který do něj dodáte (texty, fotky, logo), je váš. U nástrojů na tvorbu webu se vyplatí zjistit, jestli si můžete stáhnout zdrojový kód a přenést web jinam. Některé nástroje to nabízejí jen v placených plánech.

Kontrolní seznam

• Obsahuje zadání co děláte, kde, pro koho a hlavní akci?
• Dodal jsem skutečná fakta (adresa, ceny, kontakt)?
• Zkontroloval jsem všechny údaje ve výsledku?
• Prošel jsem web na mobilu?
• Vyplnil jsem titulek a popis pro vyhledávače?

Shrnutí

AI zvládne těžkou technickou část: rozložení, kód, responzivitu a první verzi textů. Vy dodáváte to, co AI nemá, tedy fakta, fotky a znalost zákazníků. Ve Foxli to funguje přesně takhle: popíšete web česky, za pár minut máte náhled a úpravy píšete do chatu. Podrobný postup je na stránce Jak to funguje.