Návody-aplikace » Editor webstránek

Návod k použití webového editoru

Požadavky na systém:

• připojení k internetu
• Vestavěný editor vyžaduje pro správnou funkci použití jednoho z následujících internetových prohlížečů: Internet Explorer 6 a vyšší, Firefox 3 a vyšší, Opera 11 a vyšší, Google Chrome 11 a vyšší. Nutné pouze pro editaci obsahu ze strany správce. Ostatní akce, stejně jako prohlížení stránek ze strany návštěvníků je samozřejmě standardně možné z různých prohlížečů.
  Upozorňujeme, že vydáním budoucích nových verzí některého z uvedených prohlížečů může dojít k nekompatibilitě, pokud tvůrci prohlížeče změní zásadním způsobem chování prohlížeče bez zajištění zpětné kompatibility. V takovém případě bude třeba použít alternativní prohlížeč.

Přihlášení do správy

Po přihlášení do správy prezentace se nabízí 7 možností:

1. Mapa stránek - zobrazuje všechny zadané sekce a články včetně jejich struktury a umožňuje rychlý přístup k úpravě či smazání sekcí nebo článků.
    
2. Rychlé vložení sekce - chcete-li rychle vytvořit novou sekci bez zbytečného procházení, použijte toto menu.
    
3. Rychlé vložení článku - chcete-li vložit jednoduše nový článek obsahující pouze několik řádků či odstavců textu bez formátování a přiložit za text až 5 obrázků, použijte toto menu.
    
4. Správa sekcí a článků (tj. on-line editace struktury menu a vlastního obsahu stránek)
    
5. Správa obrázků - zde je třeba nadefinovat (resp. uložit na server) obrázky, které budete později používat ve správě článků
    
6. Zobrazit stránky - zobrazení náhledu webu tak, jak jej uvidí návštěvník
    
7. Konfigurace - nastavení konfigurace stránek, zejména pak vzhled, název webu a nastavení určená pro pokročilejší uživatele

Nejčastěji používanými odkazy při běžném použití jsou z výše uvedených 4 a 5:

Správa sekcí a článků
(tj. úprava obsahu - menu a textů)

Po kliknutí na odkaz správa sekcí a článků vstoupíte do úpravy stránek.
Všude jsou zastoupeny 3 typy ikon, které mají následující význam:

 - vytvořit novou sekci (v dolní části levého menu)
 - smazat sekci
 - upravit již vytvořenou sekci
 - vytvořit nový článek (pod nadpisem sekce)
 - smazat článek
 - upravit již vytvořený článek

Ikony umístěné vedle názvu sekce provádějí operaci s příslušnou sekcí, sada ikon nad vlastním textem článku pracuje s příslušným článkem.

Sekce jsou obecně řečeno odkazy menu, které se objevují v příslušné struktuře. Nabízí se tak přirovnání k stromové struktuře na disku počítače. Sekce=složky, které obsahují články=soubory s obsahem. Pokud si tedy v rámci stránek vytvoříte 5 sekcí, budou mít stránky 5 položek menu (např. úvod, o firmě, produkty, ceník, kontakty). Do těchto sekcí si pak vytvoříte po jednom článku do každé, které budou obsahovat příslušné texty s obrázky.
Samozřejmě sekce může obsahovat další tzv. podsekce. Tím můžete např. rozvětvit menu produkty o další podmenu podle kategorií, např. kalhoty, trička, bundy apod.
Stejně tak může jedna sekce obsahovat více článků. Poté se nezobrazuje po kliknutí přímo článek, ale seznam článků, z kterých si poté návštěvník vybere. Toto použití není pro prezentační účely tak časté, doporučuje se spíše větvit sekce a do každé sekce umisťovat po jednom článku. Ovšem v některých případech, kdy je článků větší množství, se toto použití hodí. Typicky např. archívy článků, častá vyjádření k určitým událostem apod.

Vložení nové sekce:

1. V editoru klikněte na ikonu nová sekce  umístěnou pod levým menu (ikona umístěná pod menu vždy vkládá novou sekci).
2. V otevřeném okně zadejte tyto vlastnosti:
   
   • název sekce - tak, jak se objeví v menu (např. Kontakt)
   • nadřazená sekce - udává, zda-li bude součástí menu (tj. kořenové sekce), nebo zda-li bude podsekcí nějaké již existující sekce v prezentaci.
   • pořadí v nadřazené sekci - pokud bude v nadřazené sekci více podsekcí, budou se řadit podle tohoto pořadí. Je vhodné číslovat sekce např. 10, 20, 30, abyste měli do budoucna rezervu pro "vsunutí" dalších.
     
     Vyplnění následujících pamametrů je nepovinné. Jejich vyplnění je vhodné zejména v případě, pokud se snažíte své stránky optimalizovat pro vyhledávače:
   • titulek stránky - Vyplněná informace se bude objevovat v horní liště většiny prohlížečů. Pro pokročílé uživatele: Tento text se bude uvádět v HTML tagu: <title>Titulek stránky</title>.
   • popis stránky - Skrytý popis obsahu stránky, některé vyhledávače jej zobrazují ve výsledcích hledání jako popisný text při nalezení konkrétní stránky. Doporučuje se vyplnění stručného obsahu stránky (1-2 věty) pro vyhledávače. Pro pokročílé uživatele: Tento text se bude v HTML kódu vyskytovat v podobě následujícího tzv. META TAGu: <meta name="description" content="popisstranky" />.
   • popis odkazu - zobrazuje se při nájezdu myši v menu na příslušný odkaz.  Pro pokročílé uživatele: Tento text se bude uvádět jako parametr title v rámci příslušného HTML tagu s odkazem, tj. <a href="odkaz" title="popis odkazu">.
   • vlastní URL sekce - Zde zadáte klíčové slovo pro vytvoření odkazu na tuto sekci, která poté bude součástí odkazu adresy dané sekce (např. www.vasedomena.cz/vlastni-url-sekce). Aby pracovala tato funkce korektně, smí adresa obsahovat pouze malá písmena bez diakritiky, číslice a znaky - nebo _ (mezery budou automaticky nahrazeny pomlčkou). Zároveň není možno použít identická klíčová slova pro více sekcí, neboť by se pak ztratila jednoznačná identifikace sekce.
     Např.: Chcete-li aby se zlepšila pozice této sekce při hledání ve vyhledávačích klíčovým slovem prodej ložního prádla, zadáte klíčová slova spojená pomlčkou a bez diakritiky do tohoto políčka, v tomto případě prodej-lozniho-pradla. Výsledná adresa stránky se poté bude volat adresou http://www.vasedomena.cz/prodej-lozniho-pradla/ což má pro vyhledávače větší vypovídací hodnotu než standardní volání ve tvaru http://www.vasedomena.cz/?sid=123.
   • odkaz na sekci (pouze informace, není možno definovat) - Zobrazuje platnou adresu (URL), kterou se můžete v případě potřeby odkazovat přímo na tuto sekci odjinud. Jak naznačuje výše uvedený obrázek, v případě vyplnění vlastní URL sekce se použije namísto generovaného čísla sekce.
   • Volitelné definování dalších prvků stránky (HTML, META) - Pokud si v konfiguraci (úvodní rozcestník/konfigurace) zapnete volbu "rozšířená editace sekcí (pro odborníky)", budete mít u každé sekce navíc možnost definovat vlastní obsah (atributy) HTML TAGu a META TAGy definované v konfiguraci. Vyplnění je opět nepovinné a pokud nebude pro konkrétní sekci vyplněno, použije se případný obsah definovaný v konfiguraci. Jedná se o dosti specifické použití pro odborníky, proto je definování těchto parametrů implicitně v konfiguraci vypnuté.
3. potvrďte tlačítkem "vložit sekci"

Nyní jste vložili do své prezentace novou sekci. Při kliknutí na jakýkoliv odkaz v prezentaci se Vám v menu objeví nová sekce "Kontakt". Pokud ji dále zvolíte, bude stránka prázdná, neboť jste ji dosud nenaplnili obsahem (tj. článkem).

Vložení nového článku: 

1. V editoru si nalistujte do sekce, kde má být článek umístěn, v našem případě "testovací sekce" a klikněte na ikonu nový článek  umístěnou v horní části obrazovky pod nadpisem sekce
2. V horní části obrazovky zadejte tyto vlastnosti
   
   • název článku - nadpis článku, vložte např. "Kontaktní informace"
   • zařazen v sekci - udává zařazení článku ve struktuře webu (pokud vytváříte článek v sekci, kterou máte právě nalistovanou, není potřeba měnit)
     Ostatní nepovinné parametry:
   • pořadí v sekci - podobně jako u sekcí, udává prioritu pořadí článku při jeho výpisu k ostatním. Pokud bude v sekci jen tento jeden článek, není pořeba vyplňovat
   • platnost od / platnost do - vyplňte v případě, že si přejete článek zobrazovat pouze s časovým omezením. Vhodné např. pro automatizované publikování určité informace ke konkrétnímu datu.
   • krátký popis - vypisuje se při nájezdu myši pokud je více článků v sekci+jako popis. Má smysl vyplňovat pouze v případě, že umisťujete do jedné sekce více článků (pouze specifické případy)
     TIP: Pokud vyplníte do krátkého popisu výraz startpage, bude se tento článek zobrazovat jako úvodní. Lze samozřejmě použít pouze jednou, jinak ztrácí efekt.
3. V dolní části obrazovky je nyní otevřený editor obsahu článku. Zde můžete naplnit obsah stránky vlastním textem, formátovat text, vytvářet odkazy nebo tabulky či vkládat obrázky (obrázky zde použité musí být již předem nahrány na serveru viz.dále-Správa obrázků)
   Podrobný popis všech funkcí editoru je k dispozici ZDE.
   Celá obrazovka vypadá takto:
   
4. Kliknutím na uložit vlastnosti i obsah článku zapíšete článek do databáze, čímž jej vytvoříte. Zároveň se po uložení nabídne ikona uložit obsah článku. Ta ukládá pouze obsah změn ve článku učiněných pomocí editoru, nedochází tak již k aktualizaci vlastností článku
   Důležité! Ukládejte pravidelně (např. každých 5 minut) svou práci tlačítkem uložit obsah článku! Jelikož provádíte změny přímo na serveru, může se např. přerušit internetové spojení apod. V průběhu proto své změny pravidelně ukládejte, abyste v případě problému přišli o co nejmenší část změn!

Úprava existujícího článku:

1. Ve správě sekcí a článků si nalistujte sekci, v které se daný článek nachází. Jednoduše kliknutím na příslušný odkaz menu nebo podmenu (alternativně je možno nalistovat i v sekci mapa stránek).
2. Kliknutím na ikonu upravit článek  otevřete dialog pro změnu článku. Pokud sekce obsahuje pouze jeden článek, najdete ikony v levé části hlavního okna nad nadpisem článku, pokud je v sekci článků více, zobrazí se jejich seznam a u každého bude ikona smazání a úpravy článku.
3. Upravte vlastnosti a obsah článku stejným způsobem, jako při jeho vytvoření (viz výše). Následně uložte provedené změny.
   UPOZORNĚNÍ: Pokud upravovaný článek uložíte, je celý jeho původní obsah v databázi již nahrazen novým a nelze jej obnovit zpět. V nutném případě lze za poplatek ze záloh obnovit obsah ke stavu z předešlého dne.

Správa obrázků

Zde si definujete obrázky, které budete později používat při tvorbě obsahu (článků) pomocí editoru. Jde jak o loga, tak o jakékoliv fotografie, mapky apod.

• Obrázek přidáte stiskem "vložit další obrázek", kde zadejte jeho popis pro Vaší pozdější orientaci (např. "logo firmy").
• Tlačítkem Procházet vyhledejte na Vašem disku požadovaný soubor s obrázkem (formát .jpg, .gif nebo .png. Doporučujeme používat zejména formát JPG který je vhodný zejména pro fotografie. Doporučené rozměry obrázků, které nastavíte v grafickém programu jsou výška a šířka do 300 bodů, maximálně však dle šířky a rozvržení designu stránek až 600 bodů (px). Při překročení těchto hodnot může dojít k deformaci vzhledu stránky).
• Obrázek dále uložíte tlačítkem ***uložit***, čímž se přidá do seznamu.
• V horní levé části je trvale zobrazoven aktuálně využitý diskový prostor a celková kapacita.
• Obrázek si poté vložíte pomocí editoru do příslušného článku při jeho tvorbě nebo úpravě (viz návod k použití html editoru-vložení obrázku).

Časté dotazy

Návod na vložení formuláře odesílaného e-mailem:

K odeslání e-mailu použijeme aplikaci, jejíž podrobný popis se nachází na adrese http://podpora.domenu.cz/?sid=12/.
Nalistujte si příslušný článek do něhož chcete vložit formulář, otevřete ho v editoru a postupujte následovně:

1. Klikněte na tlačítko formuláře formulář (form) (popis jednotlivých tlačítek najdete v návodu k editoru)
2. Jméno (name) - vyplňte libovolný název, např. "webmail", do akce (action) pak vyplňte http://form.domenu.cz/form.php, zvolte metodu POST
3. Potvrzením vložíte základní formulář.
4. Kurzorem si pomocí šipek klávesnice najeďte do vytvořeného pole formuláře (graficky ohraničeno)
5. Klikněte na ikonu skryté pole (hidden), čímž vložíte skrytou položku. Jako název (name) vyplňte to_email, jako hodnota (value) vyplňte e-mailovou adresu, kam chcete zprávy zasílat.
6. Opět klikněte na ikonu skryté pole, jako název doplňte to_page a hodnota je třeba doplnit plnou adresu stránky, která se má objevit po odeslání formuláře. Je třeba vyplnit celou adresu, včetně domény.
   Chcete-li zobrazit standardní hlášku "Formulář byl úspěšně odeslán", zadejte adresu ve tvaru http://www.vasedomena.cz/?formsent=1/
7. Dále nastavíme kódování češtiny, aby nebyla v přijatém e-mailu zkomolená diakritika. Opět zvolíme ikonu skryté pole, jako název doplňte charset a hodnota vyplňte iso.
8. Nyní je třeba vytvořit fomulářové pole pro zadání e-mailu. Klikněte na ikonu textové pole (input). Vyplňte pouze hodnotu název, kde uveďte malými písmeny email. Po vložení se v editoru objeví bílé formulářové pole. Před něj je vhodné vložit popisný text "Váš e-mail:" , aby návštěvník věděl, co vyplňuje.
9. Na další řádek vložíme prostor pro text e-mailu. Klikněte na ikonu textová oblast (textarea). Jako název (name) uveďte Text, hodnoty sloupců (cols) a řádků (rows) udávají velikost textového pole ve znacích (cols-sloupce, rows-řádky). Pro náš příklad postačí tyto hodnoty: sloupců 40, řádků 5. Po vložení se opět objeví formulářová plocha, opět před ní doporučujeme vložit textově nadpis "Váš vzkaz", aby návštěvník věděl co vyplňuje. 
10. Každý formulář musíme ukončit potvrzujícím tlačítkem. Klikněte na ikonu tlačítko (button). Jméno(name)-zadejte hodnotu Potvrzujici tlacitko, popisek (value) - Odeslat, typ (type)-Odeslat. Do formuláře se Vám tímto vloží nová ikona "Odeslat".
11. Nyní již stačí uložit aktualizovaný článek a vyzkoušet na stránkách funkčnost formuláře.