Redakční systém IPO manuál

Transkript

1 Redakční systém IPO manuál 1

2 Obsah 1 Základní informace Co je IPO Kde najít IPO na internetu IPO oddělení pro zákaznickou podporu Příhlášení do systému Vzhled systému IPO Vzhled stránek Rozvržení stránek Paleta barev Pozadí stránek Vzhled menu Písmo CSS styly Popis stránek Struktura stránek Kontextové menu Založení nové stránky Editace stránek Vstup do editačního prostředí IPO editor Vybrané funkce IPO editoru Uložení, zrušení provedené editace Styly Změna velikosti písma Základní formátování textů Zarovnání textu Číslovaný a odrážkový seznam, odsazení textu Vložení odkazu, obrázku, souboru, textu z MS Word Vložení odkazu Vložení obrázku Vložení souboru Vložení kopírovaného textu z dokumentu MS Word Vložení a úprava tabulek Soubory

3 1 Základní informace 1.1 Co je to IPO? IPO (Internetový portál) je redakční systém umožňující snadné vytváření a upravování webových stránek. Tvůrcem IPO je společnost ANTEE s.r.o., která zároveň zajišťuje provoz redakčního systému IPO na internetu. 1.2 Kde najít IPO na internetu Vaše webové stránky v IPO jsou přístupné internetové veřejnosti na tzv. doméně (např. Upravovat webové stránky pak lze po přihlášení do redakčního systému IPO, které je možné na adrese: Pro přihlášení do IPO je nutné zadat správné přihlašovací jméno a heslo. 1.3 IPO oddělení zákaznické podpory V případě jakýchkoliv dotazů, či problémů s editací se obracejte na oddělení zákaznické podpory, která je Vám k dispozici Po Pá od 8:00 do 17:00. ipo@antee.cz Telefon:

4 2 Přihlášení do redakčního systému IPO Redakční systém IPO je pro správce webových stránek dostupný na adrese Na této stránce se přihlásíte a následně budete moci upravovat Vaše stránky. Přihlášení do systému provedete zadáním uživatelského jména, hesla a stisknutím tlačítka Přihlásit. Obr.: 1 - Přihlášení do redakčního systému IPO 4

5 2.1 Vzhled stránek po přihlášení do IPO Po přihlášení do systému IPO uvidíte své webové stránky stejně jako při běžném prohlížení (fungují všechny položky menu, odkazy v obsahu, zvětšování fotografií atp.), avšak přibylo zde několik nových prvků (viz obr. 2). Obr.: 2 - Náhled webových stránek v editačním módu Hlavním rozdílem je zobrazení systémového menu (viz obr. 3a) v levém horním rohu, ikonky pro vstup do editačního módu (viz obr. 3b) a možnost vložit zprávu do bočního sloupce(viz obr. 3c). Obr.: 3a Systémové menu Obr.: 3b - Vstup do editačního módu "Prázdné stránky" Obr.: 3c - Vložit zprávu do bočního sloupce 5

6 3 Vzhled stránek Pokud chcete změnit rozvržení stránek, barevnost stránek, pozadí stránek, nebo nastavit stylování nadpisů v textu, klikněte v systémovém menu (viz obr. 3a) na funkci Vzhled. Na stránce Vzhled stránek se zobrazí možnosti úprav vzhledu (viz obr. 4). Obr.: 4 - Sekce Vzhled stránek 3.1 Rozvržení stránek Na této stránce lze nastavit rozvržení webových stránek, tj. počet sloupců (levý sloupec, levý a pravý sloupec, žádný sloupec), umístění menu (v levém sloupci, horní horizontální menu). 3.2 Paleta barev Pomocí palety barev nastavíte základní barevné schéma stránek. Zde je možné si vybrat z přednastavených barevných kombinací, nebo si vytvořit vlastní. TIP! Při tvorbě vlastní palety barev však nezapomínejte na dodržení kontrastu textu a pozadím. 6

7 3.3 Pozadí stránek Tato sekce je určena pro pokročilé uživatele. Nastavuje se zde vnější grafické pozadí (tj. pozadí, které se zobrazí mimo tělo stránek), grafické pozadí stránek (tj. pozadí, které se zobrazí v těle stránek i za bočními sloupci) a grafické pozadí menu (tj. pozadí, které se zobrazí za jednotlivými položkami menu). TIP! Pro zobrazení pozadí stránek je třeba v paletě barev nastavit průhlednost určitých polí 3.4 Vzhled menu V této sekci lze detailněji nastavit grafické pozadí levého, nebo horního menu. Nastavit zobrazování drobečkového menu (menu zobrazující pozici stránky, kterou právě prohlížíte v rámci struktury celého webu). 3.5 Písmo Sekce písmo umožňuje definovat typ písma (font) a barvu nadpisů i normálního textu. Toto nastavení se projeví při použití stylů během tvorby obsahu stránky. 3.6 CSS styly Tato sekce je určena pro pokročilé uživatele. Umožňuje předefinovat systémové CSS, nebo si vytvořit vlastní. TIP! V případě, že se Vaším pokusem o přepis CSS rozhodí zobrazení celých stránek, je nejsnazším způsobem upravený uživatelský kód vymazat a tuto změnu uložit. Tím se opět načtou výchozí systémová nastavení. 3.7 Popis stránek Tuto sekci doporučujeme pečlivě vyplnit z hlediska SEO a pozic ve vyhledávačích je to hlavní způsob zviditelnění webových stránek. 7

8 4 Struktura stránek Pomocí funkce Struktura stránek můžete zejména přidávat nebo mazat jednotlivé podstránky (viz obr. 5), ale také měnit pořadí stránek. Do sekce Struktura stránek se dostanete kliknutím na tlačítko Struktura v systémovém menu. (viz obr. 3). Obr.: 5 - Struktura webových stránek 4.1 Kontextové menu Kliknutím na stránku ve struktuře (viz obr. 5) se zobrazí kontextové menu s následující nabídkou (viz obr. 6). Pomocí kontextového menu máte možnost vytvořit novou stránku, změnit její název, měnit její pořadí v rámci menu, nebo ji smazat. Obr.: 6 - Kontextové menu 8

9 4.2 Založení nové stránky Pro založení nové stránky je potřeba kliknout na tlačítko Vložit stránku v kontextovém menu (viz obr. 6). Následně vyplnit požadovaný název stránky a kliknout na tlačítko vložit (viz obr. 7). Obr.: 7 Dialogové okno vložení stránky Dialogové okno vkládání nové stránky (viz obr. 7) nabízí více možností: Pole Vložit stránku dovoluje předběžné určení kam se nová stránka vloží. Pole Podle šablony dává na výběr z různých šablon vkládaných stránek. Na následující stránce je výpis a popis nejpoužívanějších šablon stránek. Šablony označené * nejsou součástí základní varianty IPO, je nutno je objednat. TIP! Jakmile zvolíte šablonu a stránku vytvoříte, nelze šablonu změnit. 9

10 Prázdná stránka Do stránky vytvořené šablonou Prázdná stránka můžete vkládat text, obrázky, dokumenty, nebo tabulky s naprostou volností stylování (barvy, fonty, zarovnání, odkazy na jiné stránky). Aktuality* Šablona umožňující vkládání aktualit. Ty se pak zobrazují přímo na stránce aktuality, dále ve sloupci (dle zvoleného rozvržení stránek), a také se automaticky rozesílají návštěvníkům, kteří se přihlásili k odběru. Anketa * Šablona umožňuje vytvářet a publikovat ankety. Ty jsou pak řazeny chronologicky dle času vložení. Aktuální anketa se zobrazuje ve sloupci (dle zvoleného rozvržení stránek) a v těle stránky Anketa. Diskuzní fórum * Stránka podle této šablony obsahuje formulář vložení příspěvku s povinnými poli jméno a . E-shop * Pro tuto šablonu poskytujeme samostatný návod. Fotogalerie Pro tuto šablonu poskytujeme samostatný návod, který je ke stažení na Akce.cz/Turistika.cz * Stránka podle této šablony automaticky načítá akce, či turistické zajímavosti (ze zvoleného regionu) do Vašich webových stránek. Mapa stránek Šablona automaticky vygeneruje mapu Vašich webových stránek. Napište nám Stránka podle této šablony obsahuje formulář, který slouží návštěvníkům WWW stránek, aby Vám mohli jednoduchým způsobem zaslat zprávu. Na této stránce se v editačním módu musí vložit příjemce zpráv. Všechny zprávy pak budou odesílány na tuto adresu. Prohlášení o přístupnosti Stránka určená pro obecní webové stránky. Jedná se o prohlášení přístupnosti webových stránek dle platných předpisů Externí WWW stránka Pokud je potřeba vložit do menu odkaz na externí WWW stránku, která není součástí stránek vytvořených v IPO, je vhodné použít šablonu Externí WWW stránka. Do políčka, které se při výběru této šablony zobrazí se zadá WWW adresa ve tvaru 10

11 Sekce Titulek, Popis a Klíčová slova je dobré vždy vyplnit pro zvýšení pravděpodobnosti nalezení konkrétní stránky ve vyhledávačích (např.: seznam.cz, google.cz, atd.). Sekce Speciální vlastnosti umožňuje nastavit stránku, jako úvodní, nebo zakázat její zobrazování v menu. Je zde také možnost vytvořit zaheslovanou stránku. Sekce Styl stránky umožňuje nastavit pozadí pouze konkrétní stránce. 5 Upravování obsahu stránek Tato kapitola se týká úprav stránek vytvořených podle šablony Prázdná stránka. U této šablony je obsah stránky upravován podobně jako běžnými textovými editory (MS Word, OO Writer apod.). 5.1 Vstup do administračního prostředí Do editačního prostředí se dostanete prostřednictvím tlačítka Editovat, které se zobrazuje v levém horním rohu konkrétní stránky. Do editačního módu je možné se dostat také výběrem nabídky editovat v kontextovém menu struktury (viz obr. 6). Obr.: 8 - Vstup do editačního módu 5.2 IPO administrační menu Po kliknutí na tlačítko Editovat se v horní části stránek objeví administrační menu (viz obr. 9), které umožňuje editaci obsahu stránky. Obr.: 9 - Administrační menu V následující kapitole postupně popíšeme vybrané funkce administračního menu. 11

12 5.3 Vybrané funkce administračního menu Uložení, či zrušení provedené editace Všechny změny je třeba před odchodem z editace uložit. K tomu slouží ikonka diskety v administračním menu. Pokud nejste s provedenými změnami spokojeni a chcete se vrátit k původnímu stavu stránky, můžete vystoupit z editačního módu pomocí ikonky přeškrtnuté diskety (viz obr. 10). Obr.: 10 zleva - odchod z editace bez uložení změn, odchod z editace s uložením změn, zpět, vpřed V rámci editačního módu můžete kdykoliv použít pro návrat úpravy funkci zpět, nebo vpřed. Obr.: 11 - Stylování textů Styly Základní styly jsou v IPO automaticky přednastaveny. Jejich nastavení můžete změnit v systémovém menu: Vzhled -> Písmo (viz obr. 3). Používání stylů při editaci textů je důležité zlepšuje přehlednost obsahu a přidává na důležitosti nastylovaným frázím. Kliknutím do pole Nadpis 1 (viz obr. 12) vyvoláte zobrazení celého stylovacího menu. Pro použití vybraného stylu je třeba označit vybraný text kurzorem myši a kliknout na daný styl. Obr.: 12 - Stylovací menu 12

13 5.3.3 Změna velikosti písma Změnu velikosti písma můžete použít v rámci formátování odstavců. Pro jednoduchost je zde na výběr ze tří nejčastěji používaných velikostí, aby byla zaručena snadná čitelnost Vašich textů na nejrůznějších typech monitorů, které Vaši návštěvníci mohou používat. Obr.: 13 - Změna velikosti písma Základní formátování textů Stejně jako ve zmiňovaných textových editorech (MS Word a OO Writer) můžete zvýrazňovat texty ztučněním, zkosením, či přebarvením. Je jen potřeba označit zvolený text kurzorem myši a v editačním menu kliknout na ikonku vybraného typu zvýraznění (viz obr. 14). Obr.: 14 - zleva - tučné písmo, zkosené písmo, přebarvení písma Zarovnání textu Pokud má textový obsah stránky větší rozsah, je praktické jej upravit pomocí zarovnání. Nejběžněji je používané zarovnání vlevo, často se ale může stát, že bude potřeba zarovnat např. text v tabulce na střed, apod. Zarovnání odstavce docílíte kliknutím do jeho textu a následně kliknutím na daný typ zarovnání (viz obr. 15). Obr.: 15 - Zarovnání textu - vlevo, na střed, vpravo a do bloku 13

14 5.3.6 Číslovaný a odrážkový seznam, odsazení textu Pro hierarchické dělení textu je vhodné používat seznamy. Vytvoření seznamu z textu je velmi jednoduché. Umístěním kurzoru do textu (odstavce) a kliknutím na vybraný typ seznamu vznikne první položka. Další položku můžete vložit stisknutím klávesy Enter. Pokud máte obsah stránek tvořený několika odstavci, lze kurzorem myši označit veškerý tento text a kliknout na ikonku v editačním menu, čímž vytvoříte seznam více položek najednou. Obr.: 16 - zleva - odrážkový seznam, číslovaný seznam, zmenšit a zvětšit odsazení Redakční systém IPO má stejně, jako textové editory možnost vytvářet víceúrovňové seznamy. K tomu slouží ikonky zmenšit a zvětšit odsazení (viz obr. 16) Vložení odkazu, obrázku, souboru, textu z MS Word Vložení odkazu Vložení odkazu provedete označením textu kurzorem myši a kliknutím na ikonku vložení odkazu v administračním menu (viz obr. 17). Obr.: 17 - zleva - vložení odkazu, odstranění odkazu, vložení kotvy, vložení obrázku, vložení souboru, vložení kopírovaného textu z Wordu 14

15 Je zde možnost vložit odkaz na IPO stránku, kterou vyberete ze struktury, externí webovou stránku, na , nebo na vytvořenou kotvu (viz obr. 18). Odstranění odkazu provedete označením odkazujícího textu a kliknutím na ikonku odebrat odkaz (viz obr. 17). Obr.: 18 - zleva - vložení odkazu na IPO stránku, externího odkazu, u a kotvy Pro vložení odkazu na kotvu je nejprve potřeba kotvu umístit do zvoleného místa v rámci obsahu stránky. K tomu slouží ikonka kotvy v administračním menu (viz obr. 17). Obr. : 19 - vložení kotvy do stránky Vložení obrázku

16 Vložení obrázku je možné z disku vlastního počítače (možnost Soubor a tlačítko Procházet), lze vybírat z již nebo nahraných obrázků na stránkách (možnost Seznam obrázků). Jakmile výběr obrázku, provedete zpřístupní se Vám nastavení zarovnání a rozměrů obrázku. Dalšími možnostmi jsou zobrazování rámečku a detailu obrázku po Obr.: 19 - Dialogové okno vložení obrázku rozkliknutí. Nastavení potvrdíte kliknutím na tlačítko Vložit. 16

17 Vložení souboru Na stránky je možno vkládat dokumenty různých formátů (.pdf,.doc,.xls, apod). Vložení provedete kliknutím na ikonku souboru v editačním menu (viz obr. 17), čímž se vyvolá dialogové okno vložení (viz obr. 20). Opět je zde možnost použití již nahraného souboru na stránkách (možnost Vložit/Upravit soubor), a možnost nahrání souboru z disku počítače. Důležitým políčkem tohoto okna je Popis, pokud jej nevyplníte, bude mít soubor stejný název, pod jakým byl uložen. Obr.: 20 - Dialogové okno vložení souboru Vložení kopírovaného textu z dokumentu MS Word Tato funkce redakčního systému IPO umožňuje vložit kopírované texty z dokumentu vytvořeného přímo textového v MS Word. Kliknutím na ikonku vložit z Wordu se zobrazí dialogové okno, kam nakopírujete daný a text pouze kliknutím na tlačítko Vložit dojde k vložení celého textu i s původním formátováním na stránku. Obr:.21 Prostor pro nakopírování textů z MS Word 17

18 5.3.8 Vložení a úprava tabulek Vložení tabulky pomocí IPO editoru je velmi jednoduché. V editačním menu kliknete na ikonku tabulky (viz obr. 22). Obr.: 22- Vložit tabulku Po vyvolání dialogového okna (viz obr. 23) zvolte základní parametry tabulky počet sloupců a řádků, zobrazování rámečku a šířku. Zvolenou tabulku vytvoříte kliknutím na tlačítko Vložit. Obr.: 23- Dialogové okno parametrů tabulky Ve chvíli, kdy máte vloženou tabulku ve stránce, se v editačním menu objeví několik nových ikonek (viz obr. 24). První dvě ikonky umožňují vložit nový řádek nad a pod daný řádek (podle toho, kde se právě nachází kurzor myši), třetí ikonka slouží k mazání řádku. Následující tři ikonky mají totožnou funkci, jen pracují se sloupci. Poslední dvě ikonky slouží ke slučování a zpětnému rozdělení buněk. Obr.: 24 - Dodatečné úpravy tabulky 18

19 6 Soubory Po kliknutí v horním systémovém menu na odkaz "Soubory" se zobrazí přehled všech souborů a obrázků, které máte uložené v systému IPO. V nahraných souborech je možno pomocí políček ve vrchní části vyhledávat výpisu (dle názvu, popisu, typu, nebo velikosti souboru). V pravém položky sloupci je každé zaškrtávací políčko, jímž lze daný soubor označit pro další akce jako je smazání, nebo zmenšení (avšak nelze smazat obrázek, či soubor, který je použitý v obsahu stránek). Ikonka lupičky zobrazení souboru nahráváte umožňuje konkrétního (pro případ, že nevhodně pojmenované souborů a při další manipulaci potřebujete Obr.: 25 Výpis souborů použitých na webových stránkách jednotlivé soubory rozpoznat). Ikonka složky umožňuje stažení daného souboru. 19

20 Zákaznická podpora ANTEE s.r.o. Po-Pá 8:00 17:00 GSM: Tel.: Fax: Web: 20