Webnode.cz
Praktický trénink tvorby webových stránek v online editoru
Mgr. Bohdana Rambousková
Proč Webnode
Webnode je jen jeden z mnoha online editorů, v nichž lze snadno a levně vytvořit webové stránky. Mezi jeho
výhodypatří, že celý systém je v češtině a především že administrační systém vypadá stejně jako webová stránka.
Uživatel tedy nemusí pracovat v abstraktních tabulkách či editačních blocích.
„Ostrý web“
na internetu
Uvnitř
administračního
systému
Předtím, než začnete s Webnode pracovat, udělejte si jasnou představu o struktuře budoucího webu – tedy jaké
položky bude mít menu, případně do jakých podkategorií se budou dělit. Je třeba také se zamyslet nad titulní
fotografií. Měla by ladit s barevností webu, proto titulní fotografii zohledníte při výběru šablony webu.
Založení účtu na Webnode.cz
Pokud si vytváříte web pro firmu, zvolíte na www.webnode.cz záložku „firemní prezentace“. Následně je nutné
vyplnit název webu – jedná se o titulek, který se bude zobrazovat v záhlaví webové stránky. Pokud např. zakládáte
web pekárny ve Zdibech, jako název webu zvolíte „Pekárna Zdiby“. Nebojte se, název lze kdykoli později změnit.
Dále vyplňte váš email a heslo – to si dobře zapamatujte, neboť pod ním se budete do systému napříště
přihlašovat. Pak už jen stačí kliknout na tlačítko „Registrovat“. Váš účet je založen.
V následujícím kroku si budete muset zvolit šablonu webu. Šablonou se rozumí rozmístění prvků na stránce.
Existují šablony složené ze dvou či tří sloupců, s velkou nebo menší fotkou, v různé barevnosti. Šablonu lze
později změnit, a to i ve chvíli, kdy již web naplníte texty a obrázky – ty zůstanou i nově zvolené šabloně. Dále
budete vyzvána, abyste vyplnila slogan. Jedná se o krátkou větu, která doplňuje název firmy a specifikuje předmět
činnosti nebo navozuje správné emoce. Pro Pekárnu Zdiby jako slogan můžeme zvolit například „Nic nevoní líp než
čerstvý chleba“. Slogan opět můžete kdykoli později měnit.
Šablona se mění pomocí tlačítka „Šablona webu“ v horním menu administračního systému. Název webu a slogan,
případně vložení loga do záhlaví webu provedete pomocí tlačítka „Nastavení“ tamtéž. Po kliknutí na „Nastavení“
se rozvine menu, v němž si můžete zvolit změnu hlavičky či zápatí webu nebo kontaktních údajů.
Titulní obrázek
Titulní obrázek vyměníte tak, že na něj najedete kurzorem. V ten okamžik se na něm objeví oranžové tlačítko
„Upravit obrázek“. Následně v pravém horním rohu klikněte na ikonku obrázku se znaménkem plus. Otevře se
nové dialogové okno, v němž si buď můžete zvolit některý z přednastavených obrázků, anebo vybrat obrázek
uložený v počítači. Vkládejte pouze obrázky ve formátu jpg. Pokud je vkládaný obrázek větší než formát titulní
fotky, můžete si jej snadno posunout tak, aby v okénku titulní fotky byla vidět jeho nejvhodnější část. Najeďte na
něj kurozem, který se ze šipky rázem změní na růžici čtyř šipek – ta znamená, že s pobrázkem lze posouvat.
Jakmile jste s pozicí obrázku spokojena, v pravém horním rohu klikněte na „Uložit“.
Tvorba menu
Menu bývá umístěno obvykle v horizontální liště nahoře, anebo ve sloupci vlevo na webové stránce. Šablona
obsahuje několik přednastavených položek menu, které si můžete přejmenovat nebo i odstranit.
Po kliknutí na „Upravit menu“ se otvře dialogové okno, v němž je zobrazena struktura menu. Na najetí kurzorem
na jednotlivé položky menu se zobrazí rolovací menu, v němž si můžete vybrat z několika funkcí. Například
položku vymazat, přejmenovat nebo přesunout. Uspořádat položky menu lze jednoduchým klikáním na malé šedé
šipečky nalevo.
Novou položku do menu přidáte kliknutím na tlačítko „Nová stránka“ v levém horním rohu dialogového okna.
Následně musíte vybrat, zda chcete:





Bežnou stránku = slouží pro vytvoření klasické webové stránky např. s článkem, obrázky, videi apod.
Výpis článků = obsahuje rubriku, do které můžete vkládat jednotlivé články. Je vhodná pro zobrazení
novinek, aktualit, zpravodajství či kalendáře akcí.
Otázky a odpovědi = stránka obsahuje předdefinované rozhraní pro výpis nejčastěji pokládaných otázek a
odpovědí.
Fotogalerie = slouží pro vytvoření galerie fotografií; ke každé je možné přidat komentář, anketu či diskuzní
fórum.
Kontaktujte nás = stránka obsahuje jednoduchý formulář na zasílání vzkazů, které vám budou přicházet
do emailu, jenž jste zadala při úvodní registraci (můžete se vráti do nastavení účtu a emailovou adresu
změnit).
Úvodní text na homepage
Uživatele by na homepage vašeho webu měl přivítat stručný úvodní text, ze kterého jasně pochopí, o čem tento
web je. Záleží na vás, zda se rozhodnete pro čistě informační text, anebo naopak textem nalákáte čtenáře a
navodíte příjemnou atmosféru či zvědavost.
Úprava textu
Texty upravíte tak, že kliknete na „Upravit text“ v levém horním rohu. Otevře se vám textový editor, v němž se
pracuje podobně jako ve Wordu. Obrázky do textu vložíte kliknutím na ikonku okénka s krajinkou (=obrázek).
Proklik (aktivní slovo, které uživatele odvede na jinou stránku) se vkládá přes ikonku se zeměkoulí a oky řetízku.
Do dialogového okna, které se otevře, je nutné vložit adresu webové stránky, která se má po kliknutí na aktivní
slovo otevřít. Adresu webové stránky získáme tak, že si daný web otevřeme ve vedlejším okně prohlížeče a
skopírujeme www adresu z řádku pro adresu. Postupujte takto i v případě, že chcete vytvořit proklik na jinou
stránku vašeho vlastního webu:
1. Stránku, na kterou chcete odkazovat, musíte mít již vytvořenou.
2. Stránku si otevřete v samostatném okně prohlížeče. Dejte si pzoor na to, abyste si stránku otevřela na „ostrém“
webu, nikoli v administračním systému.
3. Skopírujte adresu stránky a vložte ji přes ikonku se zeměkoulí a řetízkem v administračním systému.
Pokud chcete upravovat již existující text, najeďte kurzorem na jeho titulek. V pravém horním rohu těsně nad
titulkem se objeví dvě znaménka: nářadí (= pro editaci textu) a křížek (pro odstranění textu). Klikněte na symbol
nářadí a otevře se vám textový editor, v němž text upravíte dle vlastních předtav.
Vkládání textových bloků
Bloky textů lze po stránce vašeho nového webu různě posunovat. Uděláte to tak, že najedete kurzorem na šedou
lištu nad textovým blokem, chytnete ji do myši a prostě ji přesunete kamkoli, kam vám to Webnode dovolí.
V místech, kam textový blok přesunout nelze, se přes kurzor objeví červená přeškrtnutá značka.
Nový blok s textem lze vložit kliknutím na „Formátovaný text“ v horním menu administračního systému. Vloží se
vám na některé volné místo na stránce, ale vy si jej můžete posunout dle lisbosti způsobem, který jsme si popsali
v odstavci výše.
Vkládání obrázků a videí
Fotografie a videa není nutné ukládat na vaší webové stránce, protože byste tak rychle spotřebovala prostor na
internetu, který vám Webnode poskytuje (a musela byste si přikoupit další). Vhodnější je uložit soubory jinde a na
váš web je pouze vložit – videa uložte na YouTube (www.youtube.com), fotky na službu poskytovanou Googlem
zvanou Picasa (www.picasaweb.google.com).
YouTube – pod videem klikněte na „Sdílet“ a následně pod tím na „Vložit“ (anglicky „embed“). Hned pod „Vložit“
se zobrazí okno s html kódem, který je nutno překopírovat do vašich webových stránek. Ještě před tím si pod ním
můžete zvolit kýženou velikost videa – jak velké chcete, aby se zobrazovalo na vašem webu.
Kód skopírovaný z YouTube vložíte do svých webových stránek tak, že při editaci textu rozliknete horní menu
pomocí modré šipky na pravém okraji, aby se zobrazilo více možností. Tím se rozbalí spodní řádek menu
s tlačítkem „Zdroj“. Klikněte na něj, aby se vám text přepnul do hmtl kódu. K němu nakopírujte kód z YouTube.
Video se v textovém editoru zobrazí jen jako prázdný čtverec, ale na webu jej uvidíte stejně jako na YouTube.
Podobně je to s fotkami vloženými z Picasy. Na web můžete vložit celé fotoalbum, které se bude automaticky
promítat jako slideshow. V Picase si otevřete dané album, v pravém sloupci vyberete „Embed slideshow“ a
v dialogovém okně, které se vám otevře, zvolíte kýženou velikost vkládaného videa a pak skopírujete kód.
V administračním systému Webnode tento kód opět vložíte přes tlačítko „Zdroj“ (popsáno výše).
Publikace změn
Ve Webnode můžete dělat různé úpravy, ale na „ostrém“ webu se projeví až tehdy, když kliknete na tlačítko
„Publikovat“. To najdete buď v oranžové liště nahoře na stránce administračního systému, anebo jako jedno
z tlačítek horního menu systému. Pokud uděláte nějaké změny, ale na webu se neprojeví, znamená to, že jste
zapomněla kliknout na „Publikovat“. Ideální je, když provedete všechny nutné změny nebo aktualizace najednou a
teprve pak je všechny naráz publikujete jediným kliknutím.
Doména webu
Zdarma získáte od Webnode webovou adresu v tomto formátu: nazevvasifirmy.webnode.cz. Ta je ale špatně
zapamatovatelná a je z ní na první pohled jasné, že je zdarma. Své firmě však musíte dodat profesionální a
důvěryhodnou image. Jakmile jste se svými webovými stránkami spokojená, je na čase přesunout je na vaši vlastní
doménu ve formátu: nazevvasifirmy.cz.
Zavřete svůj projekt ve Webnode, abyste se dostala na obrazovku se všemi funkcemi administračního systému.
Tam v pravém sloupci pokračujte do sekce „Domény“. Tam si také můžete přímo zjistit, zda doména, o kterou
máte zájem, je volná. Pokud je již obsazená, systém vám sám nabídne dostupné alternativy, například s jinou
koncovkou (např. místo „.cz“ můžete zvolit „.eu“).
Vlastní doména je pro podnikání naprosto zásadní – vyjde vás na pár set Kč za rok, proto s jejím pořízením
neváhejte. Zároveň si od Webnode můžete zakoupit některý z jejich firemních plánů, které vám nabídnou několik
emailových adres s vaší doménou, možnost jazykové mutace webu, větší webový prostor, zákaznickou podporu
24 hodin denně apod. Nejnižší firemní plán vás přijde na 125 Kč/měsíčně.
Statistiky
Administrační systém nabízí jednu skvělou možnost, a to statistiky návštěvnosti. V nich uvidíte nejen to, kolik
uživatelů váš web navštívilo, ale také z jaké země byli, z jakého webu přišli (např. z vaší firemní facebookové
stránky, z webů, kde máte zaplacenou reklamu, z blogu, jehož sutor vás svým čtenářům doporučil... atd.), jak
dlouho na vašem webu strávili a jaké konkrétní stránky si prohlíželi. Tyto statistiky se vyplatí sledovat, protože
z nich můžete vypozorovat, jak na váš web přilákat uživatele a jak je tam co nejdéle udržet.
Praxe
Praxi s ovládáním systému Webnode získáte pouze jeho používáním. Nebojte se zkoušet další funkce, odhalovat.
Nezapomeňte, že změny se stanou efektivními až po kliknutí na tlačítko „Publikovat“, takže vždy je čas spravit to,
s čím nejste spokojená. Pokud chcete vědět víc, navštivte v základní obrazovce systému po přihlášení v pravém
sloupci dole kolonku „Nevíte si rady?“. Obsahuje často kladené dotazy a další rady, v nichž snadno najdete vše, co
v začátcích s Webnode potřebujete.
Download

Webnode.cz