Jak vytvořit web

Jestli tě zajímá jak vytvořit web, tak jsi nejspíš pochopil proč webové stránky potřebuješ a jak se tahle hra hraje.

Nebo pořád slepě spoléháš na algoritmy sociálních sítí, že ti přivedou dlouho očekávanou slávu a peníze?

Pokud se právě teď zajímáš o to, jak vytvořit webové stránky, co všechno k tomu potřebuješ a kolik to celé bude stát, jsi na správném místě. A je úplně jedno, jestli jsi fotograf, kameraman nebo jiný digitální tvůrce. Webové stránky potřebuje každý. Nenapadá mě jediný argument, proč je nemít.

Nabízí se celá řada řešení, jak své webové stránky vytvořit. A ne, ani jedno z nich není zdarma. Zdarma máš sociální sítě, takže pokud nechceš investovat těch pár stovek měsíčně, můžeš dál tvořit obsah pro platformy, které ho zpeněží za tebe – a ty z toho neuvidíš ani korunu.

Redakční systém – Co to je?

Zkráceně CMS je zkratka z anglického Content Management System, česky systém pro správu obsahu. Zjednodušeně také redakční systém.

Je to software, který ti umožní jednoduše a bez nutnosti znalosti programování spravovat obsah webových stránek.

Mezi celosvětově nejznámější redakční systémy patří například WordPress. Z těch českých můžeš znát třeba Kentico, Webnode nebo JuicyFolio.

Vyber si redakční systém (CMS)

Výběr redakčního systému bych přirovnal k tomu, když stavíš dům a vybíráš si dodavatele, který ti ho postaví. Můžeš se obrátit na ověřenou firmu, která má za sebou stovky realizací, pojištění a silné zázemí. Anebo můžeš zkusit kluky odvedle. Sice něco ušetříš, ale nikdo ti nezaručí, jaký bude výsledek.

Proto je výběr redakčního systému hodně důležitý – je to základní stavební kámen tvého webu. Jde to i bez něj, ale je to jen otázka času, kdy se ti web rozsype.

Celosvětově nejznámější je redakční systém WordPress. Z těch českých je asi nejznámější Webnode. Mezi další patří například Mioweb pro náročnější uživatele nebo Wix pro méně náročné.

Každý redakční systém má své pro a proti.

WordPress

WordPress je celosvětově nejrozšířenější redakční systém pro tvorbu a správu webových stránek, který je v základu zdarma. Existují lidé, kteří WordPress milují, a taky ti, kteří ho upřímně nesnášejí. Co na to říct? Faktem je, že na WordPressu běží přes půl miliardy webů – a to už je číslo, které něco znamená.

S tím jsou samozřejmě spojené výhody, ale i nevýhody. Výhody spočívají hlavně v jeho širokých možnostech a prakticky neomezené rozšiřitelnosti. Nevýhodou je naopak jeho otevřenost, která z něj dělá častý terč útoků a zranitelností.

O tvorbě webových stránek na WordPressu jsem se víc rozepsal na svém osobním webu, takže bych se tady zbytečně neopakoval. Pokud tě to zajímá, moji osobní zkušenost s WordPressem najdeš na mém osobní webu

Existuje způsob, jak vytvořit webové stránky zdarma?

Web zdarma je prostě „něco za něco“. Neatraktivní design, omezené funkce, omezená kapacita, reklama na webu, provoz na subdoméně, nemožnost napojení analytických nástrojů atd. To je jen malý výčet nevýhod, když chceš webové stránky zdarma.

Pokud jsi fotograf a platíš si Creative Cloud, může tvůj problém vyřešit Adobe Portfolio – dost omezené na funkce i design, ale pořád můžeš mít plnohodnotný web, který svou funkci splní.

Nakonec i WordPress je v základu zdarma, ale opět musíš počítat s určitým omezením. Pořád si ale můžeš vybírat z tisíců bezplatných nebo placených prémiových šablon.

Náklady na provoz webu

I když se maximálně uskromníš, s provozem webu budou vždy spojené nějaké náklady.

Minimálně musíš počítat s platbou za doménu a hosting, což tě orientačně vyjde na zhruba 1000 až 1500 Kč ročně. Doména je adresa tvého webu (například mojefirma.cz) a hosting je prostor na serveru, kde budou uložené všechny soubory a data webu.

Kromě toho se můžou přidat i další výdaje. Pokud chceš, aby tvůj web vypadal profesionálně a měl větší možnosti úprav, určitě se vyplatí investovat do prémiové šablony. Jejich cena se obvykle pohybuje kolem 1000 až 2000 Kč. Další náklady mohou vzniknout při využívání různých pluginů, které rozšiřují funkce webu – některé jsou zdarma, jiné placené a platí se buď jednorázově, nebo formou ročních poplatků.
Celkově si tak můžeš rozložit investice podle toho, jak se tvůj web bude postupně rozrůstat a co od něj budeš chtít.

Jak začít s tvorbou webu

Začni tím, že si ověříš, jestli je doména volná. Dobře se zamysli, jakou doménu chceš – jestli chceš budovat brand jako nejlepsifotograf.cz (mimochodem, tahle doména už volná není – nejspíš ji drží nějaký spekulant), nebo zvolíš klasiku jako jmenoprijmeni.cz.

Tam, kde objednáváš doménu, si klidně rovnou objednej i hosting. Dej si pozor na „úžasné“ 60% slevy a hostingy za 30 Kč měsíčně. Jednak je to cena bez DPH, a taky ti ve druhém roce napálí plnou částku – a ty pak budeš zírat, proč platíš místo pětikila rovnou litr za nejlevnější hosting, jehož výkon odpovídá i té ceně. Takže bacha na všechna ta doporučení – provize totiž nesmrdí.

Redakční systém (CMS)

Pokud sis nakonec vybral WordPress – jako 60 % z nás – je načase přemýšlet nad šablonou, protože nepředpokládám, že víš, co je to HTML nebo CSS.

Existují doslova tisíce prémiových šablon, ze kterých si můžeš vybrat přesně podle svých představ. Ale pozor – ne každá šablona ti bude vyhovovat i do budoucna. A s velkou pravděpodobností bude mít někdo jiný dost podobný design jako ty.

Šablony a Page Buildery

Pokud se chceš odlišit, udělat si web aspoň trochu na míru a mít možnost si s ním kdykoliv pohrát, nejlepší řešení je nějaký page builder jako Elementor nebo Divi. Někdo na to nadává, jiný na to nedá dopustit – za mě je to ideální způsob, jak si web doslova „naklikat“ podle svých představ.

Tahle sranda ale samozřejmě něco stojí. A to nemluvím o tom, že ti časem určitě budou chybět nějaké prémiové doplňky. Je to prostě taková digitální stavebnice – skládáš bloky a libovolně je upravuješ. I tady si můžeš vybrat ze stovek předpřipravených šablon a přizpůsobit si je podle sebe.

5 kroků před tím, než se pustíš do tvorby webu

1

Výběr domény a její důležitost

Doména je tvoje adresa na internetu. Musí být snadno zapamatovatelná, ideálně krátká a výstižná. Buď srozumitelný a vyhni se složitým názvům a číslům. Drž se svého brandu – pokud máš název firmy, použij ho. Pokud jsi freelancer, zvaž vlastní jméno. Mysli na klíčová slova – někdy je dobré mít v názvu oboru (např. fotografbrno.cz). Pozor na koncovku – .cz pro český web, .com pro globální značky, .eu pro evropské podnikání.

Tip: Ověř si, zda je doména volná (např. na wedos.cz nebo forpsi.cz).

2

Analýza projektu: než se vrhneš do práce

Než začneš stavět web, musíš si ujasnit cíl webu a cílovou skupinu. Jiný web budeš dělat pro kadeřnický salon a jiný pro e-shop s ručně vyráběnými šperky. Odpověz si na tyto otázky: Co chci, aby návštěvníci na webu udělali? (Objednat se, napsat mi, koupit produkt?) Jaké informace budou potřebovat? (Portfolio, ceník, reference?) Kdo jsou moji zákazníci a jaké mají zvyklosti? (Používají spíš mobil nebo počítač?) Jaká bude hlavní výhoda mého webu oproti konkurenci?

Čím líp si tohle promyslíš, tím méně času a peněz ztratíš pozdějšími úpravami.

3

Struktura stránek: jak má web vypadat?

Než začneš stavět, potřebuješ plán – jaké stránky bude web obsahovat a jak budou propojené.

Základní web většinou obsahuje:

  • Homepage – první dojem, přehledná nabídka služeb, výzva k akci (např. Kontaktujte mě).
  • O mně / O nás – představ se, ukaž svou expertízu, přidej fotku.
  • Služby / Portfolio – co nabízíš, jak to vypadá, co klienti získají.
  • Ceník – volitelná stránka, ale často užitečná.
  • Kontakt – formulář, e-mail, telefon, mapa.
  • Blog / Články – ideální pro přirozenou návštěvnost z vyhledávačů.

Tip: Využij třeba Google Drawings, Free form nebo nástroje jako Mindmeister, kde si strukturu vizuálně poskládáš.

4

Tvorba wireframu: první nástřel vzhledu

Wireframe je jednoduchý návrh toho, jak budou stránky uspořádány – bez grafiky, jen základní bloky. Slouží k tomu, aby sis rozvrhl obsah a zajistil, že bude web přehledný a funkční.

Čím vytvořit wireframe?

  • Papír a tužka (nejrychlejší metoda)
  • Figma (skvělý online nástroj pro detailnější návrhy)
  • Adobe XD nebo Sketch (pokročilejší designérské nástroje)

Tip: Nemusíš to dělat složitě. Stačí si rozvrhnout hlavní prvky – kam přijde logo, menu, hlavní text, obrázky, tlačítka.

5

Webdesign a tvorba první stránky

A teď ta zábavná část – grafika a první stránka! Máš dvě možnosti: Postavit web na šabloně (např. WordPress + Divi) – rychlejší, snazší. Nebo si ho nechat naprogramovat – dražší, ale unikátní řešení.

Na co myslet při webdesignu? Jednoduchost vítězí – méně je více, web musí být přehledný. Responzivita je nutnost – web musí dobře vypadat i na mobilu. Rychlost načítání – optimalizuj obrázky, ať web nebrzdí. Drž se vizuální identity – sjednoť barvy, písma, styl fotek.

Tvoje první stránka by měla obsahovat: Logo a hlavní nadpis (co děláš a pro koho). Krátký popis (co návštěvník získá). Výzvu k akci (Objednat focení, Kontaktujte mě, Zjistit víc). Odkazy na další sekce.

Tip: Zkus web nejdřív postavit na WordPressu s Divi – budeš mít nad ním kontrolu a zvládneš to i bez programátora.

Jak vytvořit web

Jak vytvořit web

Struktura webu

Jak postavit web, který bude dávat smysl (nejen tobě, ale hlavně tvým klientům) Fajn, máš jasno, co fotíš, pro koho fotíš a co tvoji klienti potřebují. Super! Teď je na čase to všechno hodit do přehledné a funkční struktury webu, která nebude jen hezky vypadat, ale...

Jak vytvořit web

Začni základní analýzou tvého projektu

Než se pustíš do tvorby webu: Udělej si základní analýzu svého fotografického projektu Mít web je super, ale než začneš ladit barvičky a vybírat šablony, potřebuješ pevný základ. Jinak se může stát, že postavíš něco, co ti nebude pořádně sloužit. Web je jako dům –...

Jak vytvořit web

Jak na tvorbu webu – první kroky

První kroky k vlastnímu webu: Doména, hosting a WordPress pro fotografy Než se pustíš do samotné tvorby webu, musíš vyřešit tři zásadní věci – doménu, hosting a redakční systém. Bez nich web prostě nepojede. Tady je stručný přehled, jak si to správně nastavit. 1....