Upravujeme webové stránky Webnode | Customio.cz

Žádné záznamy
Webnode online kurz    →    Upravujeme webové stránky Webnode - základní dovednosti

Upravujeme webové stránky Webnode - základní dovednosti

Jsem rád, že otevíráte další díl online seriálu, ve kterém společně vytváříme krásné webové stránky pomocí online nástroje Webnode.

V první lekci jsme se zaregistrovali do služby Webnode a vytvořili jsme základní web z vybrané šablony.

Dnes si ukážeme, jak své stránky můžeme najít na internetu a také si povíme něco o základním ovládání editoru - tedy o základních úpravách našeho díla.

Jak to funguje

Webové stránky, které jsme vytvořili je možné kdykoli upravit. Obsah tedy můžete tvořit neomezeně dlouhou dobu. Změny, které provedete se ukládají automatizovaně - nenajdete zde žádné tlačítko Uložit ani nic podobného. Až budete tvorbou webu v danou chvíli unaveni, stačí jen zavřít okno prohlížeče nebo jednoduše přejít na jakoukoli jinou webovou stránku. Kdykoli později se můžete ke svému projektu vrátit a pokračovat v práci tam, kde jste přestali.

Webové stránky jsou vždy přizpůsobeny pro zobrazení na všech zařízeních. Bezchybně je tedy zobrazí počítač, tablet i mobilní telefon.

Jak svůj nový web najdu na internetu

Po vytvoření je naše stránka ihned dostupná pro veřejnost. Když ji ale chceme navštívit, je potřeba zadat její přesnou adresu do adresního řádku webového prohlížeče. Váš nový web totiž ještě není možné najít ve vyhledávačích (např. na Google či Seznamu). Je tomu tak proto, že vybraná šablona má nyní pouze ilustrační obsah. Celá prezentace zatím čeká na to, až ji naplníme vlastními texty a obrázky. Teprve pak je vhodné nastavit, aby Vaše dílo indexovaly velké vyhledávače. To vše si společně ukážeme později.

Nyní pojďme zjistit, jakou má náš nový web vlastně adresu. Tuto adresu pak můžete uvádět např. na vizitkách nebo jiných propagačních materiálech.

1. Otevřeme si online nástroj Webnode. Do svého prohlížeče zadáme adresu "www.webnode.cz". V pravém horním rohu následně klikneme na tlačítko Přihlášení dle obrázku níže.

obrázek
 

2. Přihlásíme se. Do políčka Váš e-mail vyplňte e-mailovou adresu, kterou jste zadali v prvním dílu našeho seriálu při vytváření stránek v rámci registrace do Webnode. Do kolonky heslo pak vepište vaše platné heslo, které jste také při registraci zadávali. Poté již klikněte na modré tlačítko Přihlásit dle obrázku níže. Takhle se budete přihlašovat také vždy, když budete chtít na svých stránkách cokoli upravit.

TIP: Nemůžete si vzpomenout, jaké heslo jste při registraci zadali? Není důvod k obavám. Heslo si můžete kdykoli obnovit - tedy nastavit nové. V takovém případě klikněte na tento odkaz, kde naleznete jednoduchý obrázkový návod.

 

3. Po úspěšném přihlášení do administrace Webnode nás přivítá obrazovka, na které kromě jiného vidíme naše projekty pod nadpisem "Moje projekty". Na tomto místě můžeme spravovat veškeré webové stránky, které máme na Webnode vytvořené. Projektem se zde tedy rozumí webová stránka. Adresa webu, kterou nyní hledáme je napsána pod jeho názvem - viz. obrázek níže, kde je adresa označena červenou šipkou. Na této adrese je tedy naše nová stránka dostupná pro veřejnost.

TIP: Nástrojem Webnode můžeme vytvářet neomezené množství webových stránek. Množství vytvořených stránek není žádným způsobem zpoplatněno, vše je tedy stále zdarma. Další web snadno vytvoříte kliknutím na tlačítko Vytvořit stránky v pravém horním rohu dle obrázku výše.

TIP: Určitě jste si všimli, že webová adresa našich nových stránek se skládá z námi zvoleného názvu a dále pokračuje tečkou a koncovkou "webnode.cz". Webnode mnohdy do adresy ještě přidá číslovku a může se tak stát, že celý tvar adresy nebude příliš reprezentativní. Jak vše smysluplně upravit (tzn. jak odstranit koncovku ".webnode.cz" i případnou číslici) si ukážeme v dalších pokračováních našeho seriálu.

 

Začínáme stavět krásný web s Webnode

Když už víme, kde a jak web najdeme, nastal ten správný čas vložit do něj náš obsah (texty, obrázky, videa, formuláře, obsahové bloky a mnoho dalších prvků). V dnešním dílu si společně ukážeme základy práce s editorem, zorientujeme se v jeho prostředí a naučíme se upravovat jednoduché texty.

1. Otevřeme projekt

Po přihlášení do Webnode (viz. výše v tomto návodu), ukažte myší na vybrané webové stránky. Jakmile tak učiníte, objeví se u daného projektu modré tlačítko s názvem "Detail projektu". Na toto tlačítko klikneme.

2. Otevřeme editor úprav

Pro tuto chvíli se nebudeme zabývat správou projektu, ale ihned si otevřeme editor úprav. Klikneme tedy na modré tlačítko s názvem "Upravit stránky".

3. Nyní jsme v editoru úprav

Tímto krokem jsme se dostali do Webnode editroru. Právě tady budeme provádět veškeré úpravy našich webových stránek. Budeme zde tedy tvořit náš obsah či měnit potřebná nastavení. 

Základní práce s Webnode editorem

Pohodlně se usaďte, promyslete své nápady a začněte tvořit. Právě v tomto okamžiku začínáme opravdu realizovat svůj krásný web. Jdeme na to?

Rozvržení editoru

Nejprve se pojďme zorientovat. Před námi se otevřely naše webové stránky. Vidíme je stejně, jako je vidí jakýkoli návštěvník. Protože jsme ale v editoru, vidíme navíc i funkce pro změny. Měnit můžeme v podstatě vše - texty, celé obsahové bloky, jejich vzhled, barvy, obrázky apod. Můžeme také mazat a samozřejmě je možné přidávat nové položky. Pojďme na to ale postupně.

1. V horní části obrazovky vidíme tmavý ovládací panel - viz. obrázek níže. Tady se nachází základní funkce Webnode editoru.

Stránky
Pod touto položkou naleznete správu podstránek. Každá webová stránka má nějaké podstránky (jinými slovy rubriky, položky menu). Web kapely bude mít např. podstránky "O nás", "Repertoár" a "Kontakty". A právě rubriky Vašeho díla budete vždy spravovat na tomto místě. Tvorbě a správě podstránek se budeme podrobně věnovat v dalším dílu našeho seriálu.

Nastavení
Zde budeme konfigurovat všechna nastavení našeho webového projektu. Můžeme nastavit např. e-mailové účty, zálohování, jazyky či vzhled. I nastavení budeme věnovat celý samostatný díl tohoto online kurzu.

Šipka vlevo a šipka vpravo
Jedná se o ovládací prvky historie úprav. Když chceme zrušit poslední provedenou úpravu, klikneme na šipku vlevo. Jestliže chceme naopak obnovit poslední zrušenou úpravu, pak klikneme na šipku vpravo. 

Publikovat
Když dokončíme změny na našem webu a potřebujeme, aby je viděli i naši návštěvníci - tedy aby se úpravy propsaly na náš veřejný web, pak použijeme toto tlačítko. Dokud neklikneme na položku Publikovat, nejsou změny na webu, které v editoru provádíme viditelné pro návštěvníky stránek.

Ikona uživatele
Po kliknutí na tuto ikonu se nám otevře menu pro správu našeho účtu Webnode a také našich projektů, popř. dalších webových stránek. Můžeme si zde také otevřít nápovědu Webnode.

2. Celý zbytek obrazvky vyplňují naše webové stránky. Na veškeré prvky stránek můžete klikat myší a tím otevírat jejich úpravy. Podrobně si vše ukážeme později.

Upravujeme texty

Na závěr dnešního dílu si pojďme ukázat, jak snadno upravit text na Vašich webových stránkách.

Stačí kliknout do jakéhokoli textového pole. Jakmile tak učiníte, můžete začít psát.

K dispozici máte základní možnosti nastavení, např. tučný font, kurzívu, velikost písma či jeho vzhled.

Až budete se změnami hotovi, nemusíte je nikde ukládat. Jen klikněte myší kamkoli mimo text na obrazovku a vše je uloženo.

TIP: Vyzkoušejte si měnit texty na celé webové stránce. Seznamte se s možnostmi vzhledu a zkuste vše, co vás napadne.

Závěrem

Až budete chtít ukončit editaci stránek, postačí jen zavřít okno prohlížeče. Změny není třeba nikde ukládat, vše probíhá automaticky. Další den můžete pokračovat.

Dnes jsme si ukázali základy práce s Webnode nástrojem. Další díl budeme podrobněji věnovat tvorbě a správě podstránek - společně si vytvoříme své vlastní rubriky a položky menu a postavíme tím celý základ Vašeho projektu.

Líbil se Vám tento díl? Dejte nám o tom vědět třeba sdílením na sociálních sítítch :)

Přečtěte si také na téma: Webnode online kurz

Jak přidat webovou stránku do vyhledávače Google?

Pokud jste si vytvořili webovou stránku například. ve Webnode a chcete si přidat Váš web do vyhledávače Google, tak tento návod je právě pro Vás.

V tomto návodu si ukážeme nejnovější způsob propojení vyhledávače Google (přes službu Google Search Console).

11.01.2022, Viliam Sedliak
Začínáme s tvorbou webu pomocí nástroje Webnode

První lekce z online seriálu, ve kterém si společně vytvoříme krásné a profesionální webové stránky bez technických znalostí. Pro tvorbu webu využíváme nástroj Webnode.

29.10.2021, Martin Brodecký

pencilTato webová stránka používá Cookies

Prohlížením obsahu těchto stránek a využíváním produktů a služeb na těchto stránkách souhlasíte s použitím Cookies. Další informace naleznete v sekci Ochrana soukromí v sedmém odstavci - Jak zpracováváme Cookies a další online identifikátory.
Rozumím a beru na vědomí