Webnode.cz. Praktický trénink tvorby webových stránek v online editoru. Proč Webnode. Mgr. Bohdana Rambousková

Transkript

1 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

2 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 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áš 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.

3 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.

4 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 u, jenž jste zadala při úvodní registraci (můžete se vráti do nastavení účtu a ovou 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.

5 Ú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.

6 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.

7 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 ( fotky na službu poskytovanou Googlem zvanou Picasa ( 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.

8 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.

9 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 ový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.

10 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.