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



Podobné dokumenty
Nástrojová lišta v editačním poli

NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o.

Jak se orientovat ve světě ESTOFANu verze 3.0.3?

CRV Czech Republic je na facebooku!

Podrobný návod pro administraci zákaznických účtů na portálu Czechiatour.eu

Školení Webnode pro učitele

Administrace webu Postup při práci

Stručný manuál pro webový editor. Ukládáni základních informací, tvorba menu

1. VSTUP do e-learningu

MANUÁL PRO REDAKČNÍ SYSTÉM WEBOVÝCH STRÁNEK OBSAH

Uživatelský manuál aplikace. Dental MAXweb

Uživatelská příručka. Vytvořte jedničku mezi stránkami v několika jednoduchých krocích

zoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o.

Výukový materiál zpracovaný v rámci projektu

Podrobný návod. Učíme se používat prostředí TwinSpace

Správa obsahu webové platformy

HLEDEJCENY.mobi. Obsah. Mobilní verze e-shopu. Důvody instalace

ÚVOD 3 SEZNÁMENÍ SE SYSTÉMEM 4

Manuál pro obsluhu Webových stránek

První přihlášení do CMS. Po přihlášení

Redakční systém Joomla. Prokop Zelený

Redakční systém IPO manuál

Uživatelská příručka administrativního rozhraní Vědecké knihovny v Olomouci

Manuál Redakční systém

Elektronická evidence činnosti studentů DSP na FLD Česká zemědělská univerzita v Praze

apilot - První kroky Publikační platforma apilot První kroky

Na co je Retarget? Jak Retarget využít?

Návod na zadávání nabídky na stránkách a orientace v administračním prostředí partnera krok za krokem. Je to jednoduché!

Práce s administračním systémem internetových stránek Podaných rukou

ZSF web a intranet manuál

GRANTYS online formulář žádosti

Použití Office 365 na iphonu nebo ipadu

Administrace webových stránek

Manuál k redakčnímu systému

V tomto manuálu získáte informace o postupu:

WEBsro.cz. Krok za krokem Založení webu. krásné weby pro české podnikatele 1 / 10

Dokumentace pro správu zlínských DUM

Manuál k editaci webu NUDZ

Výukový materiál zpracovaný v rámci projektu

Pionýr, z. s. Šablona pro pobočné spolky (KOP a PS) základní informace MOST 2018 podkladový materiál s. 1/5 PRO POBOČNÉ SPOLKY (KOP A PS)

REGISTRACE UŽIVATELE

E-BILLING UŽIVATELSKÝ MANUÁL. Platí od

Windows Live Movie Maker

Manuál pro NetDOGs práce s administrací

Etapa I první kontakt

1. Přihlášení Práce s webem Nová stránka Aktuální stránka Moduly Editace textu... 6

Nápověda k systému CCS Carnet Mini

Elfeweb. Manuál. Chcete být stále dostupní pro všechny Vaše zákazníky? Chcete funkční web bez zbytečného zařizování?

Návod k použití oddílového webu

OBSAH 1. Google Picasa Používání programu Picasa Organizování fotografií Vyhledávání Úprava fotografií

WEBOVÉ STRÁNKY

Formátování pomocí stylů

Tour de ABB 2013 Průvodce online aplikací

Ovládání Open Office.org Calc Ukládání dokumentu : Levým tlačítkem myši kliknete v menu na Soubor a pak na Uložit jako.

Úvodní příručka. Správa souborů Kliknutím na kartu Soubor můžete otevřít, uložit, vytisknout a spravovat své soubory Wordu.

Nápověda k systému CCS Carnet Mini. Manuál k aplikaci pro evidenci knihy jízd

NÁVOD NA ON-LINE objednávky parapetních desek přes web BOPAL window and door accessories, s.r.o

WEBOVÝ PORTÁL. SOCIÁLNÍ SLUŽBY v Plzeňském kraji UŽIVATELSKÝ MANUÁL

Uživatelský manuál Radekce-Online.cz

RECEPTY. Práce s BIDVest recepty tvorba a správa vlastních receptů

Profesis on-line Obrázky v prezentaci byly upraveny pro potřeby prezentace.

Microsoft Publisher 2013 vypadá jinak než ve starších verzích, proto jsme vytvořili tuto příručku, která vám pomůže se s ním rychle seznámit.

PŘÍRUČKA PRO REDAKTORY UNIVERZITY PARDUBICE

Průvodce prostředím Twinspace

Google Apps. kontakty. verze 2011

Manuál pro Zákaznický servis CCS

1. Obsah. 2. Úvod. 1. Obsah Úvod Přihlášení Přizpůsobení prostoru Sdílení fotografií Moduly...

GRANTYS online formulář žádosti

Návod k ovládání administrační části nového turistického portálu Olomouckého kraje

ZEBU webdesign s.r.o. Technologická 372/ Ostrava Pustkovec

Uživatelská příručka aplikace. SPRÁVA NEMOVITOSTÍ pro bytová družstva a společenství vlastníků jednotek

Přihlášení k webmailu a jeho nastavení

Dealer Extranet 3. Cenové nabídky

OBSAH. 48 Příručka ON-LINE KUPEG úvěrová pojišťovna, a.s.

Registrace a nastavení účtů do Vodafone OneNet Samoobsluhy, Vodafone evyúčtování.

Úvod do systému

Údržbové prostředí Rebeca44

SUN Outdoor Registrační systém. Návod pro pedagogy. Obsah návodu

Návod k použití programu Business Plan

Gymnázium Ostrava Hrabůvka, příspěvková organizace Františka Hajdy 34, Ostrava Hrabůvka

Aktualizační systém Progres

Manuál k e-learningovému vzdělávacímu modulu 1 MODUL HIGH-TECH POTRAVINY. Popularizace zdraví Po.Zdrav (CZ.1.07/3.1.00/ )

Zdokonalování gramotnosti v oblasti ICT. Kurz MS Excel kurz 2. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/28.

Nastavení stránky : Levým tlačítkem myši kliknete v menu na Soubor a pak na Stránka. Ovládání Open Office.org Draw Ukládání dokumentu :

Grid 2. Krok za krokem. Jednoduchý manuál pro základní úpravy mřížek v programu

Microsoft. Word. Hromadná korespondence. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie

Návod na práci s redakčním systémem webu VPŠ a SPŠ MV v Praze

Manuál k administraci

WEBOVÉ STRÁNKY ŠKOLY A REDAKČNÍ SYSTÉM

MANUÁL. Jak používat administraci webových stránek. Obsah ZÁKLAD... 2 ÚPRAVY POLOŽKY... 3 ÚPRAVY TEXTOVÉ STRÁNKY... 4

WEBOVÉ STRÁNKY

DOKUMENTACE REDAKČNÍHO SYSTÉMU PINYA

Už ivatelska dokumentace

Uzávěrka časopisu PEXeso

Uživatelská příručka

REGISTRACE UŽIVATELE

PublishOne. Stručný průvodce klasický komentář

Úvodní příručka. Získání nápovědy Kliknutím na otazník přejděte na obsah nápovědy.

Jednoduchý návod na základní obsluhu Prestashopu 1.6:

PORTÁL KAM NA ŠKOLU VE ZLÍNSKÉM KRAJI (stručný návod pro ředitele a administrátory škol)

Transkript:

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.