01Čím se to liší od výběru šablony
Galerie šablon vám ukážou hotový design a ptají se, jestli se vám líbí. Tento nástroj jde o vrstvu hlouběji: každý ze šesti směrů níže vychází ze skutečného fungujícího portfolia fotografa, které bylo opravdu prozkoumáno (snímky obrazovky, živé rozvržení, vypočtené barvy, vypočtená písma), a ne z palety, kterou si někdo vymyslel, aby na vzorníku vypadala hezky. Směr Editorial například používá písmo EB Garamond, protože v něm je doslova nastaven web skutečného módního fotografa, přesně převzaté přímým prozkoumáním stránky.
Dva vzorce se objevovaly téměř všude na skutečných webech, ze kterých tento nástroj vychází, a jsou zabudované do každého směru: navigace schovaná za jedinou ikonou hamburgeru bez viditelného seznamu odkazů, i na počítači, a vždy jeden velký snímek místo mřížky. Barva rozhraní se drží téměř na nule: barvu dodává fotografie, ne rozhraní.
02Co získáte na konci
Jediný strukturovaný prompt, který pokrývá celkový směr, přesné hex barvy, názvy písem a jejich dvojici, seznam stránek, chování navigace, rozvržení galerie a zarámování snímků, které funkce zahrnout, doporučení hostingu se skutečnými kompromisy v ceně a pevnou sadu požadavků na kvalitu sestavení (přístupné alternativní texty, responzivní zlomové body, žádná pevně vepsaná tajemství, líně načítané obrázky). Vložte ho do AI kódovací aplikace podle vlastní volby a bude mít vše, co potřebuje k zahájení.
03Od promptu k živému webu: celý postup
Prompt je zadání designu, ne cíl. Tady je každý krok mezi jeho zkopírováním a skutečnou adresou, kterou můžete dát na vizitku, zdarma nebo skoro.
Zkopírujte prompt a otevřete AI kódovací aplikaci
Funguje Claude, Cursor, Claude Code, Windsurf nebo AI agent z Replitu, tedy cokoli, co za vás umí psát a ukládat soubory, ne jen chatovat. Pokud jste žádnou nikdy nepoužili, prohlížečová varianta jako claude.ai nebo Replit nevyžaduje instalaci: vložte prompt jako první zprávu.
Nechte to sestavit a pak se opravdu podívejte, co vzniklo
Požádejte, aby web sestavila jako statické HTML/CSS/JS (nebo jak určila část o hostingu v promptu), a ukázala vám náhled. Než půjdete dál, zkontrolujte šest věcí, na které se prompt ptal (barvy, písma, chování galerie, navigace, zarámování, stránky). Opravit špatnou akcentní barvu teď je mnohem levnější než poté, co jsou zapojené fotky.
Vložte své skutečné fotky, bio a kontaktní údaje
Nahraďte každý zástupný obrázek a řádek výplňového textu. Požádejte AI aplikaci, aby průběžně psala skutečný, konkrétní atribut alt pro každou fotku, ne „image1.jpg“, ale opravdový popis, protože je to jak požadavek přístupnosti, tak malý přínos pro SEO. Teď je také čas dvakrát zkontrolovat, že kontaktní formulář opravdu míří na e-mailovou adresu, kterou čtete.
Nasaďte ho na bezplatný hosting
Pokud jste zvolili úroveň „Statický & zdarma“, požádejte AI aplikaci, aby vás provedla připojením složky projektu nebo repozitáře na GitHubu k jednomu z hostingů na stránce Hosting v nabídce výše. Všechny čtyři se při každém nahrání změny sestaví a nasadí automaticky; po připojení žádné ruční nahrávání.
Připojte vlastní doménu (volitelné, ale vyplatí se)
Bezplatná subdoména (třeba yourname.netlify.app) na začátek stačí. Až budete chtít yourname.com, je to koupě domény plus jedna změna DNS, podrobně níže.
04Který bezplatný hosting zvolit?
Kterýkoli z nich zprovozní statický web zdarma, s bezplatným HTTPS a bezplatnou úrovní, která bez problémů pokryje provoz osobního portfolia. Limity bezplatných úrovní se poměrně často mění, takže čísla na stránce Hosting berte jako obecný tvar, ne jako přesné aktuální údaje, a před rozhodnutím zkontrolujte ceník u každého poskytovatele.
Požádejte svou AI kódovací aplikaci, aby kroky nasazení udělala spolu s vámi: „připoj tento projekt k Netlify“ je naprosto běžná žádost a obvykle vás provede vytvořením účtu i prvním nasazením za pár minut.
05Připojení vlastní domény
Doména stojí malý roční poplatek (obvykle 10 až 20 USD ročně podle koncovky), oddělený od hostingu, který zůstává zdarma. Tři části:
- Kupte doménu. Namecheap, Cloudflare Registrar nebo nástupce Google Domains (Squarespace Domains).
- Přidejte záznam DNS. Záznam CNAME (nebo A) míří z vaší domény na váš hosting a přidává se v administraci registrátora. Jsou to dva řádky v tabulce registrátora:
CNAMEprowwwukazující na adresu, kterou vám hosting dá, napříkladyour-portfolio.netlify.app, a záznamApro holou doménu ukazující na IP adresu hostingu. - Přidejte ji u hostingu. Vložte stejnou doménu do nastavení „vlastní domény“ vašeho hostingu; HTTPS se zajistí samo.
Každý hosting na stránce Hosting má záložku „Custom domain“ nebo „Domains“, která vám dá přesný záznam k přidání: zkopírujte ho, přidejte u registrátora a počkejte. Změny DNS se obvykle projeví za minuty až několik hodin, občas až za 24 až 48 hodin. Vaše AI kódovací aplikace vám pomůže s administrací vašeho konkrétního registrátora, pokud se zaseknete; vyfoťte obrazovku s nastavením a zeptejte se, na co kliknout. Zámek se zobrazuje, žádné varování „nezabezpečeno“: to je cíl.
06Kontrolní seznam před spuštěním
Pět minut s tímto seznamem odhalí většinu toho, kvůli čemu portfolio vypadá nedodělaně. Kontroly jsou stránka Před spuštěním v nabídce výše; odškrtávejte je za pochodu.
07Často kladené otázky
Ne. Děláte vizuální volby, nástroj napíše podrobný prompt v běžném jazyce a vaše AI kódovací aplikace z něj vytvoří skutečný web.
Každý směr vychází ze skutečného fungujícího portfolia fotografa, které bylo přímo prozkoumáno a nebylo vymyšleno od nuly, až po přesné převzetí písma ze skutečného webu.
Žádný účet, žádná registrace, nic se neplatí. Fotky, které přetáhnete na přehrávací index, se vykreslí na plátno ve vašem prohlížeči a nikdy ho neopustí.
8 až 20 vašich nejlepších snímků exportovaných jako optimalizované JPG nebo WEBP, krátké bio a logo, pokud nějaké máte. Vypisují to poznámky na okraji pod stěnou.