Níže jsme pro vás připravili video, ve kterém vám ukážeme, jak si během několika minut vytvořit jednoduchou, ale pěkně vypadající webovou stránku a nahrát ji na svůj webhosting u Polar55, aby se zobrazovala na vaší doméně.
Toto řešení je ideální, pokud:
- Chcete jednoduchou, snadno spravovatelnou a zároveň pěkně vypadající webovou stránku.
- Chcete jednoduchou webovou vizitku nebo takzvaný "one-pager", který poskytuje základní informace o vás nebo vašem produktu a případně zobrazuje obrázky, aniž byste potřebovali pokročilé funkce.
- Vyzkoušeli jste například WordPress, ale máte pocit, že nabízí více funkcí, než skutečně potřebujete.
- Chcete něco jednoduchého, co zabere jen několik minut vytvořit a zveřejnit na vaší doméně.
Ve videu používáme ChatGPT, ale stejným způsobem můžete použít i jiné nástroje umělé inteligence, například Claude nebo Gemini.
Podívejte se na video zde:
Webová stránka se skládá pouze ze 3 různých souborů, takže je mimořádně jednoduchá a snadno se udržuje nebo upravuje.
Jak můžete vidět ve videu, projdeme následující kroky:
- Vytvořte na svém počítači složku, která bude obsahovat také složku /images/ pro vaše obrázky. Ujistěte se, že obrázky, které chcete na webové stránce použít, umístíte do této složky.
- Napište svůj prompt co nejpřesněji. Nezapomeňte uvést názvy souborů s obrázky.
- Nechte ChatGPT nebo jiný nástroj umělé inteligence vytvořit webovou stránku a stáhněte ji jako ZIP soubor. Pokud nevíte, jak pracovat se ZIP soubory, můžete také požádat ChatGPT, aby vám poskytl jednotlivé soubory samostatně ke stažení.
- Proveďte potřebné změny a úpravy.
- Zkontrolujte, zda vše vypadá správně, otevřením souboru index.html v prohlížeči.
- Nahrajte všechny soubory do public_html na svém webhostingu.
- Vaše webová stránka je nyní online.
K vytvoření webové stránky používáme níže uvedený prompt. Můžete si jej přizpůsobit podle svých potřeb a použít ho k vytvoření vlastní stránky:
Vytvoř webovou stránku. Jednoduchou webovou vizitku, takzvaný "one-pager".
Obrázky pro webovou stránku se nacházejí ve složce /images/ na mém počítači. Obrázky ve složce /images/ se jmenují:
yoga1.jpg
yoga2.jpg
yoga3.jpg
yoga4.jpg
Použij všechny obrázky na webové stránce a vytvoř v kódu správné cesty k obrázkům.
Webová stránka musí obsahovat 3 sekce: "O mně", "Kontakt" a "Ceny".
Vytvoř nahoře menu s odkazy na jednotlivé sekce, aby po kliknutí na odkaz stránka automaticky přešla na příslušnou sekci.
Přidej nadpisy a zástupné texty.
Webová stránka by měla mít moderní vzhled a používat zemité barvy.
Použij pouze HTML, CSS a JavaScript.
Poskytni mi všechny soubory jako ZIP soubor, který si mohu stáhnout.
Pokud si něčím nejste jistí nebo pokud se vám nedaří postupovat podle některého kroku ve videu, neváhejte kontaktovat náš tým podpory :-)