ChatGPT dnes dokáže z krátkeho zadania pripraviť jednoduchú webovú stránku v HTML. V tomto návode ti ukážem celý postup z videa — od prvého promptu cez úpravu farieb až po doménu, hosting a nahratie webu cez FTP.

Tento postup je ideálny na jednoduchú prezentačnú stránku alebo prvý prototyp. E-shop, prihlasovanie, databáza či funkčný kontaktný formulár už potrebujú backend alebo redakčný systém.

Čo budeš potrebovať

  • účet v ChatGPT,
  • predstavu o obsahu a vzhľade stránky,
  • doménu a webhosting,
  • FTP klienta, napríklad FileZilla alebo Transmit.

1. Zadaj ChatGPT konkrétny prompt

Začni jednoduchým, ale konkrétnym zadaním. Vo videu tvorím stránku pre komunitu v Dunajskej Strede. Čím lepšie opíšeš cieľ, publikum, sekcie a vizuálny štýl, tým použiteľnejší bude prvý návrh. 

Vytvor mi responzívnu jednostránkovú webovú stránku pre komunitu v Dunajskej Strede. Použi moderný dizajn, sekciu O nás, program podujatí, kontakty a výrazné tlačidlo na registráciu. Výsledok priprav ako jeden index.html súbor.

2. Uprav farby, texty a rozloženie

Prvý návrh nemusí byť finálny. V konverzácii môžeš pokračovať pokynmi ako:

  • „Zmeň zelenú farbu na žltú.“
  • „Skráť úvodný text a zvýrazni najbližšie podujatie.“
  • „Uprav stránku tak, aby dobre fungovala na mobile.“
  • „Doplň základné SEO meta tagy a alternatívne texty obrázkov.“

ChatGPT následne upraví pôvodný kód. Pred publikovaním vždy skontroluj texty, odkazy a vzhľad na mobile aj počítači.

3. Stiahni súbor index.html

Výsledkom môže byť jeden súbor index.html, ktorý obsahuje štruktúru, štýly a prípadne jednoduchý JavaScript. Názov je dôležitý: väčšina hostingov automaticky otvorí práve tento súbor.

Ak sa po stiahnutí volá napríklad index (1).html, premenuj ho späť na index.html.

4. Vyber doménu a hosting

Doména je adresa webu a hosting je priestor, kde budú uložené jeho súbory. Obe služby si môžeš objednať u poskytovateľov ako Websupport, Webglobe alebo inej hostingovej spoločnosti.

Pre projekt zameraný na slovenský trh odporúčam zrozumiteľnú doménu .sk. Ak je názov obsadený, hľadaj krátku alternatívu, ktorá sa dobre vyslovuje aj píše. Na jednoduchý statický web zvyčajne stačí základný hosting. Over si však HTTPS certifikát, zálohy a SFTP alebo FTP prístup.

5. Prepoj doménu s hostingom

Ak kúpiš doménu a hosting u rovnakého poskytovateľa, prepojenie býva dostupné priamo v administrácii. Pri službách od rôznych dodávateľov treba upraviť DNS záznamy podľa údajov hostingu. Ich aktivácia môže chvíľu trvať.

6. Vytvor FTP účet a nahraj web

V administrácii hostingu vytvor FTP účet a poznač si server, používateľské meno, heslo a port. Údaje vlož do FileZilly, Transmitu alebo iného klienta. Po pripojení otvor verejný adresár webu — často www, public_html alebo adresár pomenovaný podľa domény.

Nahraj doň index.html. Po otvorení domény by sa mala zobraziť rovnaká stránka ako v náhľade ChatGPT. Ak hosting podporuje SFTP, uprednostni ho pred nešifrovaným FTP.

Video návod

Čo jednoduchý HTML web ešte nevyrieši

Statická stránka je rýchly štart, ale má svoje limity:

  • formulár bez backendu alebo externej služby nebude odosielať správy,
  • obsah sa neupravuje cez pohodlnú administráciu,
  • chýbajú používateľské účty, databáza a pokročilé funkcie,
  • bezpečnosť, analytika, cookies, prístupnosť a SEO potrebujú samostatnú kontrolu,
  • každú zmenu treba znova nahrať na hosting.

Na overenie nápadu to často stačí. Ak má web získavať zákazníkov, spracúvať údaje alebo sa pravidelne rozvíjať, oplatí sa prejsť na profesionálne riešenie s udržateľným kódom a správou obsahu.

Záver

Najkratšia cesta je: zadať kvalitný prompt, iterovať návrh, uložiť výsledok ako index.html, kúpiť doménu a hosting a súbor nahrať cez SFTP alebo FTP. ChatGPT výrazne zrýchli prvý návrh, no finálny web stále potrebuje ľudskú kontrolu kvality, bezpečnosti a funkčnosti.