1.3.1. Formátování textu

Formátování textu je obdobné jako u většiny stávajících textových editorů. Pro snazší orientaci a práci jsou všechny funkce zabudovány do tlačítek v horní části editoru. Úpravy provedeme označením požadovaného textu a kliknutím myší na zvolené tlačítko. Tlačítka Netnews Publisher vycházejí z běžně používaných textových editorů jako např. „MS Word“:

Popis funkce zobrazíte setrváním kurzoru myši na jednotlivých tlačítkách.

Základní funkce:
, , - tučně, kurzíva, podtržené
- přeškrtnuté písmo
- zarovnání vlevo, na střed, vpravo, do bloku
, ,- vyjmout, kopírovat, vložit
- barva písma
- barva pozadí

Tip:

Při kopírování článků z jiného textového editoru např. MS Word je nezbytné vkládat text přes okno „vložit neformátovaný text". Tato funkce odstraní předchozí formátování, které velmi často způsobuje nežádoucí chyby v zobrazování článku.

1.3.2. Hypertextové odkazy

Hypertextové odkazy slouží k „přesměrování“ uživatele na jinou část webu nebo na úplně jiný web. Pro vytvoření odkazu označíme myší text (popřípadě obrázek), který má jako odkaz sloužit a zvolíme myší tlačítko „Vložit odkaz“. Do pole „URL odkazu“ vložíme webovou adresu cílové stránky, na kterou má být uživatel odkázán. Webová adresa musí být v úplném tvaru, například: http://www.netnews.cz.

V poli „Cíl“ můžeme zvolit, zda má být cílová stránka otevřená v aktuálním prohlíženém okně (Otevřít v tomto okně/rámu) nebo se má otevřít v novém okně prohlížeče (Otevřít v novém okně). Zpravidla se pro odkazy, které přesměrovávají na jiné stránky než naše, volí druhá varianta Otevřít v novém okně a pro odkaz na nějakou část stávajících stránek zvolíme Otevřít v tomto okně/rámu.

Hypertextový odkaz můžeme zrušit jeho označením a následnou volbou tlačítka „Zrušit odkaz“.

1.3.3. Vkládání obrázků do textu

Vizuální editor umožňuje vložit obrázek přímo do textu článku.

1) Požadovaný obrázek připojíte jako fotografii ke článku a ponecháte ho pro web „skrytý“ (viz 1.6. připojit fotografii k článku).

2) Ve vizuálním editoru klikněte na tlačítko "Vložit / upravit obrázek"

5) Z rolety "Seznam obrázků" zvolte obrázek, který chcete vložit do článku.

Tip:

Vyplněním pole „Popis obrázku“ budou informace o obrázku k dispozici pro vyhledávače jako např. Google a vy tak získáte lepší zaindexování stránek.

1.3.4. Jak nastavit odsazení obrázku vloženého do textu

Vložte obrázek do textu (viz bod 1.3.3.)
Klikněte na obrázek ve vizuálním editoru tak, aby byl označen a klikněte na tlačítko vizuálního editoru „Upravit CSS Styl“
Na záložce „Box“ nastavte požadované okraje například v pixelech a potvrďte tlačítkem „Aktualizovat“
Uložte článek

1.3.5. Práce v html

Vizuální editor umožňuje pokročilejším uživatelům editovat článek v HTML kódu. Kliknutím na tlačítko „Zobrazit HTML“ se přepnete do HTML editoru.

1.3.6. Práce s tabulkou

Novou tabulku ve vizuálním editoru vytvoříte pomocí tlačítka „

Vložit novou tabulku.

Po otevření dialogového okna můžete nadefinovat parametry vkládané tabulky jako například počet sloupců, řádků, zarovnání tabulky a další.

V záložce „Pokročilé“ můžete zvolit barvu pozadí či rámečku.

S vytvořenou tabulkou můžete dále pracovat pomocí tlačítek, které jsou v panelu vizuálního editoru umístěny vedle tlačítka pro „

Vložení nové tabulky“.

Nechybí zde všechny oblíbené funkce jako: „

Sloučit buňky“, „

Vlastnosti řádku“ nebo „

Smazat řádek“ a mnohé další. Všechny tyto funkce naleznete také v nabídce, kterou vyvoláte pravým kliknutím myši na tabulku.

1.3.7. Vytvoření záložky (kotvy)

Pokud potřebujete vytvořit odkaz na určité konkrétní místo na straně, použitje nástroj Vložit/editovat záložku.

Ve vizuálním editoru klikněte myší na místo v textu článku, kam si přejete záložku (kotvu) vložit. Klikněte na tlačítko Vložit/editovat záložku.
Zadejte název záložky bez diakritiky a mezer (například "cenik").
(Ve vizuálním editoru se zobrazí indikátor záložky. Po najetí myší nad tento indikátor se zobrazí název záložky.)
Na záložku na straně pak odkazujete tím, že na konec URL adresy přidáte znak # a název záložky, např. www.moje-domena.cz/nazev-sekce/#cenik