5. LEKCE: Textový editor a vkládání textu.

CMSimple_XH obsahuje zabudovaný "WYSIWYG" editor TinyMCE. Má (skoro) všechny funkce, které znáte například z Wordu, případně Openoffice Writeru.

Online ukázku najdete zde - můžete testovat :-)

Obsluha je velice snadná a intuitivní, ale má určitá omezení a pravidla.

NIKDY V TEXTU NEPOUŽÍVEJTE TAGY "NADPIS 1, NADPIS 2 A NADPIS 3". TYTO TAGY JSOU REZERVOVÁNY PRO VYTVÁŘENÍ STRUKTURY MENU A VY JE V TEXTU NIKDY NESMÍTE POUŽÍT - ROZHODÍ SE CELÝ SYSTÉM A ZTRATÍTE PRACNĚ NAPSANÉ ČLÁNKY!

Přestože vám tyto tagy nabízí, vyvarujte se jejich použití. Přikládám pro jistotu obrázek:

PŘEHLED DALŠÍCH DOPORUČENÍ, KTERÉ JE VHOFNÉ DODRŽOVAT:

• Nekopírujte text z Wordu! Word vám do zdrojového HTML kódu vloží vlastní formátování které markatně zvětší velikost kódu.
• Nekopírujte text z cizích stránek. Pominu-li autorská práva, nakopírujete si opět cizí styl do HTML a "zprasíte" :-) si kod.
• Neměňte font základního stylu. Nevypadá dobře, pokud je na stránkách použito několik druhů písma.
• Nepoužívejte podtržený text. Tento atribut je rezervován pro živé odkazy (linky).

Jak tedy používat editor? Nejlepší způsob je psát text přímo v něm a přímo v něm si ho případně formátovat.

K formátování textu slouží obrázkové ikonky, u kterých se vám po najetí myší zobrazí vysvětlující text. Myslím však, že pro nikoho nejsou základní formátovací příkazy neznámou.

Jedná se o:

tučný text, italiku, podtržený text, zarovnání textu vlevo/na střed/vpravo/do bloku, atd.

Doporučuju si vše vyzkoušet ;-)

Zastavíme se u vkládání odkazů do stránky.

Pokud chcete aby nějaký text někam odkazoval (např. TAKTO), slouží nám k tomu ikonka řetězu.

Myší označíme (zamodříme) část textu ktrá má někam odkazovat, viz obr:

Po kliknutí na horni ikonku vyskočí nové okénko, kde máme možnost konfigurace linku, viz obr.:

Do prvního řádku zadej url odkazu, pokud se jedná o externí odkaz, například jako na obrazku na Google.

Pokud se jedná o interní odkaz v rámci vašich stránek, stačí rozbalit druhou nabídku, která obsahuje všechny odkazy ve vašem webu.

Třetí volba slouží k výběru způsobu, jak se okno otevře.

Protože nepoužíváme rámce, zajímají nás první dvě volby, tedy:

• otevřít v novém okně - odkaz otevře nové okno a načte do ní stránku: UKÁZKA
• otevřit ve stejném okně - odkaz otevře stránku ve stejném okně, tedy "přepíše" stávající stránku: UKÁZKA

Závěrem bych vám doporučil vše vyzkoušet. Získáte tak sami přehled o všech vlastnostech editoru a naučíte se s ním lépe pracovat.

Online ukázku najdete zde - můžete testovat :-)