Nižšie sme pripravili video, v ktorom vám ukážeme, ako si môžete za pár minút vytvoriť jednoduchú, ale pekne vyzerajúcu webovú stránku a nahrať ju na svoj webhosting u Polar55, aby sa zobrazovala na vašej doméne.
Toto riešenie je ideálne, ak:
- Chcete jednoduchú, ľahko spravovateľnú a zároveň pekne vyzerajúcu webovú stránku.
- Chcete jednoduchú webovú vizitku alebo takzvanú "one-page" stránku, ktorá poskytuje základné informácie o vás alebo vašom produkte a prípadne zobrazuje obrázky bez potreby pokročilých funkcií.
- Vyskúšali ste napríklad WordPress, ale máte pocit, že ponúka viac funkcií, než skutočne potrebujete.
- Chcete niečo jednoduché, čo vytvoríte a zverejníte na svojej doméne za pár minút.
Vo videu používame ChatGPT, ale rovnakým spôsobom môžete použiť aj iné nástroje umelej inteligencie, napríklad Claude alebo Gemini.
Pozrite si video tu:
Webová stránka pozostáva iba z 3 rôznych súborov, takže je mimoriadne jednoduchá a ľahko sa udržiava alebo upravuje.
Ako môžete vidieť vo videu, prejdeme nasledujúcimi krokmi:
- Vytvorte si v počítači priečinok, ktorý bude obsahovať aj priečinok /images/ pre vaše obrázky. Uistite sa, že obrázky, ktoré chcete použiť na webovej stránke, umiestnite do tohto priečinka.
- Napíšte svoj prompt čo najpresnejšie. Nezabudnite uviesť názvy súborov s obrázkami.
- Nechajte ChatGPT alebo iný nástroj umelej inteligencie vytvoriť webovú stránku a stiahnite ju ako ZIP súbor. Ak neviete, ako pracovať so ZIP súbormi, môžete tiež požiadať ChatGPT, aby vám poskytol jednotlivé súbory samostatne na stiahnutie.
- Vykonajte potrebné zmeny a úpravy.
- Skontrolujte, či všetko vyzerá správne, otvorením súboru index.html v prehliadači.
- Nahrajte všetky súbory do public_html na svojom webhostingu.
- Vaša webová stránka je teraz online.
Na vytvorenie webovej stránky používame prompt uvedený nižšie. Môžete si ho prispôsobiť podľa svojich potrieb a použiť ho na vytvorenie vlastnej stránky:
Vytvor webovú stránku. Jednoduchú webovú vizitku, takzvanú "one-page" stránku.
Obrázky pre webovú stránku sa nachádzajú v priečinku /images/ na mojom počítači. Obrázky v priečinku /images/ majú názvy:
yoga1.jpg
yoga2.jpg
yoga3.jpg
yoga4.jpg
Použi všetky obrázky na webovej stránke a vytvor v kóde správne cesty k obrázkom.
Stránka musí obsahovať 3 sekcie: "O mne", "Kontakt" a "Ceny".
V hornej časti vytvor menu s odkazmi na jednotlivé sekcie, aby po kliknutí na odkaz stránka automaticky prešla na príslušnú sekciu.
Pridaj nadpisy a zástupné texty.
Webová stránka musí mať moderný vzhľad a používať zemité farby.
Použi iba HTML, CSS a JavaScript.
Poskytni mi všetky súbory ako ZIP súbor, ktorý si môžem stiahnuť.
Ak si niečím nie ste istí alebo ak nedokážete postupovať podľa niektorého kroku vo videu, neváhajte kontaktovať náš tím podpory :-)