Skip to content

Web a stránky ​

Na čo slúži web projektu ​

Každý projekt môže mať jeden web — domovskú stránku a ľubovoľný počet ďalších stránok, ktoré zdieľajú spoločnú navigáciu (hlavičku) a pätičku. Web postaví AI podľa vášho zadania; potom ho upravujete v editore Studia.

Aj samostatná pristávacia stránka (landing page) je dnes web s jednou stránkou v projekte. Samostatné obrazovky Moje weby a Stránky v menu už nie sú.

Kde nájdem web a jeho stránky ​

  1. V ľavom menu kliknite na Obsah → Projekty.
  2. Kliknite na kartu projektu. Otvorí sa Studio.
  3. V úzkom páse ikon vľavo zvoľte ikonu priečinka (Obsah).
  4. Prvá sekcia panelu obsahu je Stránky. Domovská stránka má ikonu domčeka.
  5. Kliknite na stránku — otvorí sa v editore (vľavo chat, vpravo náhľad).

Pás ikon je len v širokom okne (od 1200 px). V užšom okne kliknite v hornej lište na Rozbaliť menu — panel obsahu sa otvorí ako bočný panel a SEO a Nastavenia sú v ňom pod nadpisom Projekt. Medzi stránkami môžete prepínať aj prepínačom v strede hornej lišty.

Ak web ešte nemá stránky, v sekcii je Zatiaľ žiadne stránky. Počas prvého generovania je tam riadok Domovská stránka — kliknutím sa vrátite k priebehu generovania.

Ako vygenerovať web ​

Predtým než začnete ​

  • Musí existovať projekt.
  • Potrebujete oprávnenie Projects → Upraviť v matici oprávnení.
  • Pripravte si podklady: logo, fotky, cenník alebo brand manuál (PDF, Word, Excel, PowerPoint) a prípadne adresu webu, ktorého vzhľad sa vám páči.
  • Ak má web zbierať kontakty alebo predávať, môžete si vopred pripraviť formulár a produkty; dajú sa doplniť aj neskôr.
  • Kredity sa za generovanie webu ani úpravy v chate nestrhávajú; platí sa len AI úprava obrázka.

Postup ​

  1. Otvorte projekt. V prázdnom projekte sa zobrazí Čo postavíme v projekte „…“? — kliknite na kartu Webstránka. (V projekte, ktorý už má funnel alebo formulár, kliknite v paneli obsahu pri nadpise Stránky na +.)
  2. Zobrazí sa Aký web ideme postaviť?
  3. Do poľa napíšte vlastnými slovami, čo je to za web, pre koho, aké stránky má mať a aký má mať charakter, napríklad Web pre kaviareň v centre Bratislavy — raňajky, vlastná pražiareň, tichý dvor. Pokojný, teplý dizajn.
  4. Voliteľne pridajte podklady a nastavenia pod poľom (pozri tabuľku).
  5. Kliknite na Postaviť.
PrvokČo robíObmedzenia
pole zadaniapopis webuaspoň jedna veta (min. 8 znakov)
+ → Priložiť obrázoklogo, fotky; otvorí obrázkové štúdio s orezaním a AI úpravaminajviac 10; JPG, PNG, GIF, WebP do 20 MB
+ → Priložiť dokumentcenník, brand manuál, PDF — okno Priložiť dokumenty, potvrdíte Pridaťnajviac 5; PDF, Word, Excel, PowerPoint do 20 MB; obsah AI prečíta len pri súbore do 5 MB; dokumenty sú dostupné cez verejný odkaz
+ → Referenčný webokno Web, z ktorého sa má vychádzať: do Adresa webu zadajte adresu a kliknite na Potvrdiť; AI prevezme farby, písmo a rozostupy, obsah nekopírujeplatná adresa webu
+ → Priložiť dizajn z Claudeexport .html z Claude; web sa postaví presne podľa neho a generovanie sa spustí hneďlen .html / .htm
čip Vzhľadokno Vzhľad: Nech vyberie AI (predvolené) alebo jeden z pomenovaných štýlov (napr. Editoriál, Bento mriežka, Tmavý prémiový, Čistý SaaS); kliknutím na kartu sa štýl vyberie—
čip jazykajazyk webu: Slovenčina, Čeština, English, Deutsch, Polski—
Pomôž mi s vytvorenímpanel Poradím ti, čo napísať s otázkami (Ďalej, Preskočiť, Späť); na konci Vložiť zadanie vloží hotové zadanie do poľa — nespustí ho—
Vybrať hotové zadanie (pri Nevieš, ako to napísať?)okno Vyber si, z čoho začneš s hotovými zadaniami: Kaviareň s vlastnou pražiarňou, Online kurz, Stavebná firma, Služby na objednávku, Portfólio a referencie; kliknutie vloží text do poľa—

Priložené položky vidíte pod poľom ako čipy (Obrázok 1, názov dokumentu, doména); krížikom ich odoberiete.

Čo sa deje počas generovania ​

  • Plátno ukáže Staviam tvoj web a okno s priebehom (Inicializujem..., Čítam obsah stránky, Upravujem obsah stránky, … Dolaďujem a kontrolujem stránku…).
  • Generovanie trvá niekoľko minút. Okno môžete zavrieť — web sa dopíše na serveri. Po návrate uvidíte Pripájam sa k prebiehajúcej generácii...
  • Zastaviť ho môžete tlačidlom Zastaviť v chate. Zobrazí sa Generovanie zastavené; čo AI stihla, ostane.
  • Ak generovanie zlyhá, v chate uvidíte Generovanie zlyhalo, skús to znova.

Ako overiť, že to funguje ​

  1. Po dokončení sa v sekcii Stránky objavia stránky webu a v náhľade domovská stránka.
  2. Kliknite v hornej lište na ikonu Otvoriť na novej karte. Uvidíte web s pásikom Náhľad — toto ešte nie je publikované, vidíš to len ty.
  3. Web ešte nie je verejný. Zverejníte ho podľa Publikovania.

Ako pridať stránku do webu ​

Nová stránka sa vypýta v chate — AI z popisu odvodí jej názov aj adresu a pridá ju do navigácie.

  1. V paneli obsahu kliknite pri nadpise Stránky na + (tooltip Nová stránka).
  2. Otvorí sa okno Novú stránku si vypýtaj v chate.
  3. Kliknite na jeden z príkladov (napr. Vytvor stránku Kontakt s mapou, otváracími hodinami a formulárom.) — vloží sa do chatu. Alebo okno zavrite a napíšte vlastnú vetu.
  4. Vetu v chate upravte podľa seba a odošlite.

Po dokončení sa stránka objaví v sekcii Stránky aj v navigácii webu. Ak web ešte nie je publikovaný, návštevníci stránku uvidia až po publikovaní; na publikovanom webe hneď.

Ako zmeniť názov, adresu a SEO stránky ​

  1. V sekcii Stránky kliknite na stránku.
  2. V záložkách nad chatom prepnite z Builder na Nastavenia. (Na telefóne prepnite v prepínači plôch Builder / Nastavenia / Náhľad na Nastavenia.)
  3. Upravte polia v kartách.
  4. Kliknite dole na Uložiť (aktívne až po zmene). Zobrazí sa Uložené.
Karta / polePovinnéČo znamenáObmedzenia
Stránka → Názovánonázov stránky v Studiunajviac 255 znakov; prázdny: Stránka potrebuje názov
Stránka → Adresaánočasť adresy za adresou webulen malé písmená, číslice a pomlčky, najviac 120 znakov; zmena nerozbije odkazy; na domovskej stránke sa nedá meniť (Domovská stránka JE adresa webu.)
Stránka → Povoliť v module Ambasádor—stránku môžu propagovať ambasádori—
Vo výsledkoch hľadania → Tituloknietitulok vo vyhľadávačiodporúčaných 60 znakov, najviac 255
Vo výsledkoch hľadania → Popisniepopis vo vyhľadávačiodporúčaných 155 znakov, najviac 500
Vo výsledkoch hľadania → Jazykniejazyk stránky—
Vo výsledkoch hľadania → Povoliť indexovanie—Podľa projektu (indexovať) (alebo Podľa projektu (neindexovať), ak má projekt indexovanie vypnuté), Indexovať túto stránku alebo Neindexovať—
Skripty v <head> → HTML pre <head>niekód len pre túto stránku; ak je vyplnený, projektové skripty sa na stránke nevypíšunajviac 20 000 znakov
Skripty pred </body> → HTML na koniec stránkynieto isté na koniec stránkynajviac 20 000 znakov
Meranie a pixelynieGTM, GA4, Meta Pixel len pre túto stránku; nahradí projektové meranietvar ID ako v Nastaveniach a SEO projektu
Obrázok pri zdieľanínieobrázok pri zdieľaní odkazu na stránkuPNG, JPG, WebP do 5 MB, ideálne 1200 × 630 px; ukladá sa hneď po nahratí

Spoločné SEO, favicon a meracie kódy pre celý web nastavíte v Nastaveniach a SEO projektu.

Ako zmeniť, ktorá stránka je domovská ​

V Nastavenia projektu (ozubené koleso v páse ikon) → karta Domovská stránka → pole Otvorí sa vyberte stránku alebo funnel. Pozri Nastavenia a SEO projektu.

Ako upraviť navigáciu a pätičku webu ​

Navigácia (hlavička) a pätička sú spoločné pre všetky stránky webu — zmena sa prejaví na každej stránke naraz. Samostatný formulár na ne nie je; upravujú sa priamo v editore:

  • Text (napr. názov položky menu, kontakt v pätičke): v náhľade zapnite Upraviť text a prepíšte ho — pozri Editor v Studiu.
  • Kam vedie položka alebo tlačidlo: prejdite myšou nad položku, kliknite na Upraviť a v paneli Upraviť tlačidlo zmeňte cieľ.
  • Čokoľvek iné (pridať položku, zmeniť rozloženie, logo): napíšte to do chatu, napríklad Do menu pridaj odkaz na stránku Cenník a logo zväčši.

Ako zmeniť farby, písmo a dizajn webu ​

Samostatný formulár na farby a písmo webu nie je. Vzhľad meníte týmito cestami:

  • Chatom (hlavná cesta). Napíšte vetu o vzhľade celého webu, napríklad Zmeň dizajn celého webu — nech je tmavší a elegantnejší. AI spozná, že ide o celý web, a navrhne novú paletu, písma, navigáciu a pätičku a potom prerobí každú stránku. Texty ostanú. Trvá to niekoľko minút.
  • Nejasná veta zmení len jednu stránku. Ak z vety nie je jasné, že myslíte celý web (napr. zmeň farbu nadpisu), AI upraví len otvorenú stránku. Ak chcete zmeniť celý web, napíšte to výslovne.
  • S označeným blokom sa celý web neprerába. Keď máte v náhľade označený blok, zmena sa týka len neho. Pred zmenou celého webu výber zrušte.
  • Čip Vzhľad pri zadaní webu (pozri Ako vygenerovať web) platí len pre prvé generovanie. Pri hotovom webe sa štýl mení chatom.
  • Panel nástrojov v režime Upraviť text. V náhľade zapnite Upraviť text a označte text. V paneli nájdete Farba textu (farby webu aj Vlastná farba, ktorá novú farbu pridá do palety webu), Písmo nadpisov, Písmo textu, Väčšie písmo, Menšie písmo, tučné, kurzívu a Prečiarknuté. Mení sa len označený text.
  • Editor kódu (pre pokročilých). V prepínači režimov v hornej lište zvoľte Editor kódu. Súbor site.json (stránky, navigácia, farby) obsahuje farby a písma webu; do design.css (vlastné CSS — prepíše generované) môžete dopísať vlastné CSS.

Zmenu vidíte hneď v náhľade. Na publikovanom webe ju hneď vidia aj návštevníci, inak až po publikovaní.

Ako zmazať stránku webu ​

Stránka sa maže cez chat, aby AI najprv presmerovala alebo odstránila odkazy, ktoré na ňu vedú z navigácie, pätičky a sekcií.

  1. V sekcii Stránky kliknite na stránku.
  2. Prepnite na záložku Nastavenia.
  3. Dole kliknite na červené Zmazať.
  4. Otvorí sa okno Stránku „…“ zmaž cez chat. Kliknite na jednu z viet, napríklad Zmaž stránku „…“ a všetky odkazy na ňu presmeruj na „…“.
  5. Veta sa vloží do chatu. Upravte ju a odošlite.

Tlačidlo Zmazať sa nezobrazí pri domovskej stránke a keď má web jedinú stránku. Bez oprávnenia Projects → Upraviť ho nevidíte vôbec.

Ak otvoríte zmazanú stránku zo starého odkazu, uvidíte Táto stránka už neexistuje a tlačidlo Späť.

Kde nájdem obrázky webu ​

  1. V hornej lište Studia kliknite v prepínači režimov na ikonu Médiá.
  2. Zobrazí sa Médiá webu — všetky obrázky, ktoré web používa.
  3. Prejdite myšou nad obrázok, kliknite vpravo hore na ⋮ → Použiť v chate. Do chatu sa vloží veta Použi obrázok asset:… a doplníte, kam ho dať. Kliknutím na samotný obrázok ho otvoríte na novej karte.

Médiá sa dajú otvoriť len na počítači, na telefóne prepínač režimov nie je.

Nahrávať a mazať sa v médiách nedá. Nový obrázok priložte v chate (+ → Priložiť obrázok) — po použití sa v médiách objaví.

Kto môže pracovať s webom ​

Čo chcete robiťPotrebné oprávnenie
vidieť stránky webu a náhľadProjects → Zobraziť
generovať web, pridávať, upravovať a mazať stránky, publikovať webProjects → Upraviť

Riadky Moje weby a Stránky v matici oprávnení web projektu neovládajú.

Časté otázky a problémy s webom ​

„Napíš aspoň vetu — AI z dvoch slov nič nepostaví.“ Zadanie je kratšie ako 8 znakov.

„Stránku som vytvoril, ale podklady sa nepodarilo nahrať — prilož ich v chate.“ Dokumenty z okna Priložiť dokumenty sa nenahrali. Nahrávajú sa hneď po potvrdení, ešte pred Postaviť — generovanie teda nezačalo. Skúste ich priložiť znova.

AI ignorovala môj PDF dokument. Dokument má viac ako 5 MB — AI prečíta len menšie. Na stránke sa naň dá odkázať.

„Toto nevyzerá ako adresa webu“. Pri referenčnom webe zadajte celú adresu, napríklad https://example.com.

„Web sa nepodarilo načítať“. Kliknite na Skúsiť znova.

Zmenil som text v pätičke na jednej stránke a zmenil sa všade. Pätička aj navigácia sú spoločné pre celý web.

Nevidím tlačidlo Zmazať pri stránke. Je to domovská stránka alebo jediná stránka webu, prípadne nemáte oprávnenie Projects → Upraviť.

Upravujeme web dvaja naraz. Studio nezamyká projekt pre jedného človeka. Kým beží zmena AI jedného z vás, druhý sa k nej pripojí; ďalšiu zmenu spustite až po jej dokončení, inak uvidíte Generovanie zlyhalo, skús to znova.

Súvisiace ​