na trhu je k dispozici spousta nástrojů pro tvorbu webových stránek, včetně těch s otevřeným zdrojovým kódem. Je snadné se ztratit v houštině možností. Ukážeme vám prvky, které je třeba zvážit při hledání nejspolehlivějšího nástroje. Pak se podrobně podíváme na několik tvůrců webových stránek s otevřeným zdrojovým kódem.

co hledat v nástroji pro tvorbu webových stránek

nástroje pro tvorbu webových stránek jsou nástroje, které vám umožňují vytvořit webovou stránku bez kódování. Především by měly být snadno a intuitivně použitelné, abyste nemuseli trávit příliš mnoho času vytvářením svých webových stránek. Podívejme se na další prvky a funkce, které by měl vybraný software mít.

architektura založená na komponentách

komponenty jsou hotové prvky, jako jsou bannery, textové bloky, sekce obrázků a zápatí, abychom jmenovali alespoň některé, které můžete použít k vytvoření svých webových stránek. Dávají vám velkou flexibilitu, jak si můžete uspořádat je tak, jak chcete. Jakmile to uděláte, musíte tyto prvky přizpůsobit přidáním obsahu, grafiky a ikon a úpravou barev a stylů. Můžete to dosáhnout sami, aniž byste vynaložili peníze na podporu vývojářů. Předem vytvořené bloky také nejsou přiřazeny ke konkrétnímu typu stránek, takže je můžete volně používat kdekoli na svém webu, což šetří čas, např. při vytváření nových vstupních stránek. A co víc, když změníte design šablony vybrané komponenty, úpravy se automaticky použijí na všech podstránkách včetně této. Podívejte se na další výhody designu založeného na komponentách.

šablony

přestože považujeme vytvoření webové stránky z předem vytvořených bloků za nejflexibilnější řešení, další možností je použít šablony. Jsou vytvořeny pro konkrétní typ stránek, jako je domovská stránka nebo služby, a mají pro ně vyhrazenou sadu polí. Řekněme, že vytváříte první druh stránky. Pak uvidíte prvky jako posuvník, výzva k akci, část obrázku s místem pro tři grafiky a textovou oblast uspořádanou pevným způsobem. Chcete-li vytvořit domovskou stránku, stačí je vyplnit obsahem.

při výběru tvůrce webových stránek s architekturou šablon se ujistěte, že obsahuje mnoho šablon, ze kterých si můžete vybrat. Měly by být také přizpůsobitelné a citlivé (aby vypadaly dobře na různých typech zařízení). Nezapomeňte však, že pomocí šablon nemůžete manipulovat s jejich rozvržením, znovu použít obsah ani jej sdílet napříč stránkami.

Správa obsahu

při zkoušení tvůrce webových stránek zkontrolujte, zda je snadné přidávat a měnit obsah, jako je text, obrázky, videa, tlačítka a formuláře. Ujistěte se, že interakce s obsahem bude pro běžný editor intuitivní, například testováním, kolik kroků je potřeba k úpravě některého prvku.

Blog

spuštění blogu je zásadní pro mnoho podniků, aby ukázaly své odborné znalosti potenciálním klientům. Proto by měl tvůrce webových stránek mít možnost vytvářet blogové příspěvky a přiřadit jim správné kategorie. Ten usnadňuje procházení článků o konkrétním tématu. Dalším přínosem budou tlačítka sdílení sociálních médií, která čtenářům umožní distribuovat váš obsah mezi jejich následovníky na Facebook, Twitter nebo LinkedIn, aby se zvýšila viditelnost vaší značky.

multimédia

již jsme zmínili, že tvůrce webových stránek by vám měl umožnit přidat vizuální typy obsahu, jako jsou obrázky a videa. Při testování nástroje pro vytváření webových stránek zkontrolujte přesné možnosti, které poskytuje, pokud jde o multimédia. Zde je několik aspektů, které stojí za to vzít v úvahu:

• formáty – ujistěte se, že budete moci nahrávat obrázky v různých formátech (PNG, JPEG, SVG),
• vytváření obrazových galerií-obohatí vzhled vašich stránek,
• vložená videa-zkontrolujte, zda bude možné spustit video na vaší webové stránce pomocí zdrojů platforem hostujících videa třetích stran, jako je YouTube nebo Vimeo, aby to nezpomalilo váš web.

formuláře

shromažďování kontaktních informací na vaší webové stránce je nezbytné pro oslovení zájemců o vaši nabídku. Tvůrce webových stránek by měl umožnit snadné vytváření formulářů a také možnost vybrat pole (jako jméno, e-mail, průmysl, velikost společnosti), která vyhovují vašim potřebám.

SEO

s obsahem optimalizovaným pro SEO je váš web lépe viditelný pro vyhledávače a může se na výsledných stránkách zařadit výše. Proto je dobré zkontrolovat, zda má tvůrce webových stránek vestavěný nástroj SEO, který vám umožní přidat příslušné metaznačky, klíčová slova a alt texty.

Analytics

analýzou chování uživatelů na webu budete vědět, co na něm přidat nebo vylepšit. Zkontrolujte, zda konkrétní tvůrce webových stránek nabízí vestavěné analytické řešení nebo umožňuje integraci s analytickými nástroji třetích stran, jako je Google Analytics.

volný a otevřený zdroj

někteří lidé si mohou myslet, že tvůrci webových stránek s otevřeným zdrojovým kódem jsou zcela zdarma. Mějte na paměti, že existují výdaje, které budete muset zaplatit sami, bez ohledu na zvolené řešení, jako je doména a hosting. Některé nástroje vám také nabízejí omezenou sadu funkcí zdarma a musíte se přihlásit k odběru Prémiového plánu, abyste získali přístup ke zbytku funkcí.

vzhledem k tomu, že již znáte prvky, které stojí za zvážení při hledání tvůrce webových stránek s otevřeným zdrojovým kódem, podívejme se na několik nástrojů dostupných na trhu.

Droopler

Droopler je Drupal distribuce pro vytváření webových stránek, založený na Drupal CMS (Content Management System). Je to zdarma ke stažení a použití (s kompletní sadou funkcí). Tento nástroj umožňuje vytvářet rozsáhlé webové stránky z přečtených komponent, takže nemusíte nic kódovat.

existuje více než tucet prvků (přesně nazývaných odstavce), které můžete použít, jako například:

• banner-umožňuje přidat velkou fotografii, text a tlačítko CTA (výzva k akci),
• formulář-můžete umístit formulář jakéhokoli typu, přidat název, pozadí obrázku a ikonu,
• galerie-obrázky můžete umístit jako miniatury; jejich plná verze bude k dispozici na kliknutí,
• sidebar vložit odstavec – tento prvek umožňuje umístit externí iframe na vaší webové stránce(jako video z YouTube).

Chcete-li vytvořit svůj web, můžete použít výchozí základní rozvržení a snadno upravovat jeho prvky nebo vytvářet každou stránku tak, jak chcete, s využitím výhod komponent. Počet sekcí, které můžete přidat na jednu podstránku, stejně jako počet podstránek, které můžete vytvořit, je neomezený. Každé rozvržení stránky, které vytvoříte, bude reagovat, takže bude vypadat dobře na počítači, mobilu a tabletu. Níže najdete několik dalších užitečných funkcí Droopler.

Blog

Droopler obsahuje blog vyrobený z odstavců. Díky nim můžete snadno přidat obsah, jako je text, obrázky a vložit video.

vestavěné možnosti SEO

můžete konfigurovat meta tagy na každou stránku a ALT tagy pro všechny obrázky, vytvářet přátelské adresy URL (krátké a logicky strukturované) a soubory Sitemap (s generátorem XML sitemap) splňující sitemaps.org pokyny. Chcete-li zjistit, jak funguje váš web Droopler, můžete nainstalovat modul Google Analytics.

E-commerce

stačí nainstalovat modul Drupal Commerce a získat hotový internetový obchod. Jakmile to uděláte, budete mít přístup k tématům pro elektronický obchod v Droopleru. Pokud jde o skutečnost, že tento tvůrce webových stránek je založen na Drupalu, můžete také použít další moduly, které nabízí, např. k přidání platebních systémů nebo možností dopravy.

Droopler můžete použít pro jednoduché webové stránky pro malé firmy, firemní webové stránky Drupal, stejně jako pro továrny na webové stránky s více microsites.

Drupal

i když to bude trvat více času a úsilí, než dělat to s Droopler, můžete také vytvořit webové stránky bez kódování s Drupal. Je to bezplatný a otevřený zdrojový systém pro správu obsahu. Po instalaci se zobrazí názvy sekcí, ve kterých můžete na své webové stránce provádět změny. Níže stručně popíšeme některé z nich.

• obsah-místo pro vytváření nových stránek a blogových příspěvků a správu knihovny médií.
• struktura – zde se můžete postarat o všechny prvky vašeho webu, jako jsou typy obsahu, nabídky, bloky, formuláře a taxonomie (např. značky používané k kategorizaci příspěvků na blogu).
• lidé-v této sekci nastavíte role a oprávnění.

zdroj: WebsiteSetup

váš nový web Drupalu bude dodáván s výchozím motivem ,který můžete nakonfigurovat (např. úpravou barev nebo přidáním loga vaší společnosti). V adresáři témat Drupal jsou však k dispozici téměř tři tisíce bezplatných témat. Po instalaci jednoho z nich na svůj web můžete v závislosti na motivu změnit barevné schéma, pozadí a favicon (malá ikona viditelná na kartě okna prohlížeče vedle názvu webové stránky).

další klíčovou vlastností Drupalu jsou moduly, které vám umožňují rozšířit vaše webové stránky různými způsoby. Existuje více než 40 tisíc bezplatných modulů. Umožňují např. automatizace vytváření aliasů stránek (modul Pathauto), již zmíněná integrace s Google Analytics a ochrana před roboty (modul).

Joomla

Joomla je open source website builder, volně použitelný pod obecnou veřejnou licencí, který vám umožňuje vytvářet, spravovat a publikovat obsah. Po instalaci tohoto nástroje uvidíte několik výchozích šablon. Na jiných webových stránkách však najdete tisíce (bezplatných i placených). Mnoho z těchto šablon umožňuje upravovat písma, barvy a rozvržení bez kódování díky použití GUI (graphical user interface). Všechny šablony jsou citlivé, protože Joomla pro tento účel používá Bootstrap.

ovládací Panel. Zdroj: Joomla Documentation

nyní se podívejme na některé z hlavních funkcí tohoto nástroje pro tvorbu webových stránek.

• publikační nástroje-umožňují např. naplánovat zveřejnění článku na zvolený den.
• WYSIWYG editor-umožňuje upravovat obsah bez kódování.
• Media Manager-Nástroj pro přidávání a správu obrázků a dalších typů souborů.
• SEO optimalizace – můžete povolit přátelské adresy URL, přepis URL (odstranění indexu.php z adresy), a přidat meta popisy a klíčová slova.

Chcete-li na web Joomla rozšířit nebo přidat nové funkce, musíte nainstalovat vyhrazené rozšíření. Podle oficiální webové stránky Joomla je jich přes šest tisíc (bezplatných i placených).

Microweber.org

Microweber.org je bezplatný a open source website builder vytvořený pomocí rámce Laravel. Obsahuje výchozí šablonu s názvem Dream, která má více než tucet rozvržení stránek, jako je About, Portfolio, kontaktujte nás, obchod a pokladna. K dispozici je také 75 předpřipravených rozvržení prvků, jako je posudek, levý obrázek pravý Text, příspěvky na blogu, které můžete přetáhnout na stránku, na které pracujete. Kromě Dream můžete také zdarma použít šablonu Nového světa stažením z Microweber.org místo. Uvidíte zde také šest prémiových šablon.

zdroj: Microweber.org

Chcete-li obohatit své webové stránky, můžete také použít moduly (drtivá většina je zdarma), jako je kalendář, hodnocení, značky a vkládání videa. Některé z dalších možností, které získáte v Microweberu, jsou:

• funkce blogu – umožňují vytvářet firemní blog, psát články, přidávat fotografie a videa (pomocí drag and drop),
• dynamické rozvržení – rozložení prvků můžete použít přetažením na stránku,
• Online Store Builder s možností nahrát Vaše produkty, spravovat objednávky a integrovat platební metody,
• statistiky – na panelu v panelu Správce sledujete výkon svých webových stránek (návštěvníci, zobrazení a objednávky).

WordPress

WordPress.org je dalším příkladem tvůrce webových stránek s otevřeným zdrojovým kódem. Dávejte pozor, abyste si to nezaměňovali s WordPress.com což je jiná platforma s velmi omezenými funkcemi zahrnutými do bezplatného plánu. První z těchto nástrojů je zdarma k použití. Jedinou cenou pro vás bude hosting, ale jak jsme již zmínili na začátku tohoto článku, je to případ různých tvůrců webových stránek s otevřeným zdrojovým kódem.

zdroj: WordPress

ve výchozím nastavení vám tento Website builder poskytuje tři témata-předformátovaná rozvržení, která můžete použít bez kódování. Na webové stránce WordPress je však k dispozici více než osm tisíc bezplatných témat a jinde najdete ještě více placených.

WordPress umožňuje vytvářet a upravovat stránky a příspěvky na blogu. Pomocí editoru WordPress můžete přesouvat, upravovat a přizpůsobovat každý blok vaší webové stránky. Pokud jde o články, získáte poměrně málo nástrojů pro obsah pro přidávání konceptů, psaní a plánování publikace. Můžete také nastavit, kdo může změnit texty, kvůli funkci správy uživatelů. Umožňuje vám přiřadit konkrétní role na vašem webu – Správce, editor, a přispěvatel, jen abychom jmenovali alespoň některé.

nyní se podíváme na některé z dalších užitečných funkcí WordPress.

• Správa médií. Vybrané soubory můžete přetáhnout do WordPress. Poté je můžete vložit jako obrázky nebo galerie na svůj web. Knihovna médií umožňuje vyhledávat, prohlížet, upravovat a mazat vaše média.
• SEO. WordPress přichází s vestavěnými nástroji, které vám umožňují např. změnit permalinks (část adresy, která je po blogu a lomítku), pro ty vlastní. Můžete nakonfigurovat mnohem více pomocí vyhrazených pluginů.
• pluginy. Na webu WordPress je jich přes 50 tisíc, a to jak bezplatných, tak placených. Pomocí pluginů můžete například přidávat formuláře na svou webovou stránku nebo je propojit s Google Analytics.

Publii

Publii je svobodný a otevřený generátor statických stránek. To znamená, že vytváří HTML stránky z komponent nebo šablon a používá zdroj obsahu (pro srovnání, v Drupalu a WordPress je obsah uložen a spravován v databázi). Chcete-li vytvořit a upravit obsah na ploše (Windows, Mac nebo Linux), musíte si stáhnout aplikaci Publii. Poté, co kliknete na vyhrazené tlačítko, soubory jsou vykresleny a nahrány na váš server. Stejně jako v případě ostatních zde uvedených stavitelů nemusíte pro sestavení své webové stránky nic kódovat.

zdroj: Publii

Chcete-li vytvořit svůj web v tomto nástroji, budete pracovat na tématu. Je tu jeden součástí aplikace, a více než 20 více (zdarma a placené) k dispozici v Publii Marketplace. Ve výchozím nastavení bude frontpage vašeho webu automaticky generována z prvků vašich příspěvků, jako je název, obrázek funkce a krátký popis. Možnosti změny tohoto rozvržení se liší v závislosti na tématu.

pro vytváření příspěvků můžete použít jeden ze tří editorů. Editor WYSIWYG umožňuje psát obsah a vkládat obrázky stejně jako např. v aplikaci Microsoft Word. Editor bloků rozděluje každý odstavec nebo obrázek do samostatného bloku, který si můžete přizpůsobit. Konečně, Editor Markdown existuje jako pohodlnější forma HTML. Rozdíl je v tom, že místo otevírání a zavírání značek používáte zkratky a zástupné symboly pro psaní textu nebo vkládání grafiky. S posledním editorem však váš obsah nebude mít příliš atraktivní styl.

Publii obsahuje také možnosti SEO. Díky tomu automaticky vytváří přátelské adresy URL a XML sitemap. Můžete také vyplnit meta tituly a popisy a zadat svůj sledovací kód Google Analytics.

free website builder

jak jsme vysvětlili v tomto článku, název open source neznamená, že každý tvůrce webových stránek je zcela zdarma. Kromě nákladů na hostování, které byste ve většině případů museli zaplatit, některé nástroje nabízejí atraktivnější placené funkce, jako jsou další témata.

přestože náklady mohou být pro vás důležitým faktorem při výběru tvůrce webových stránek, nezapomeňte také vyzkoušet funkce související se správou obsahu, blogováním, správou multimédií, SEO, analytikou a formuláři. Měly by umožnit snadné vytváření a správu vašich webových stránek a poskytovat bezproblémové uživatelské prostředí. To platí nejen pro návštěvníky, ale také pro vás a další lidi, kteří budou s touto webovou stránkou pracovat každý den. Za tímto účelem je důležité otestovat a rozhodnout, který model architektury webu bude pro vás jednodušší a flexibilnější-na základě přizpůsobitelných komponent nebo šablon.