Formátování obsahu za pomoci vizuálního editoru.
Pro formátování obsahu lze použít integrovaný vizuální editor.
Chcete-li zjistit, jakou funkci mají jednotlivá tlačítka editoru, najedte nad ikonky myší a chvíli počkejte, než se zobrazí popisek.
Vkládání obsahu z Office programů
Při vkládání obsahu z Wordu nebo Open Office a pod. může dojít k zanášení velkého množství znečisťujícího kódu (který tyto programy do kódu přidávají a který by následně při vložení do stránky měnil vzhled definovaný globálním CSS předpisem, což je ve většině případů nežádoucí). Nejlepší postup jak tomuto chování předejít, je vložit text bez formátování a pak je do základní podoby naformátovat přímo v editoru.
Vložení bez formátování
Správný postup pro vložení textu do editoru je použít k vložení obsahu tlačítko Vložit jako prostý text (nebo v některých případech Vložit z Wordu). Takto vkládaný obsah je před vložením očištěn. Pak lze provést základní naformátování obsahu pomocí editoru.
Vkládnání obrázků, souborů a multimédií
Mezi klíčové funkce editoru patří možnost jednoduše a efektivně vkládat obrázky (nebo soubory) pomocí integrovaného Správce obrázků (souborů).
Vkládání probíhá za použití tlačítek:
- Vložit soubor (vloží odkaz na soubor v uložišti)
- Vložit obrázek (vloží obrázek z uložiště)
- Vložit/upravit imédia
Co to je globální CSS předpis?
Web postavený na Actuana CMS a všechny stránky vygenerované systémem používají jeden globální CSS předpis, který definuje vzhled jednotlivých prvků na stránce. Toto je v souladu s nejlepší praxí při tvorbě webu a umožňuje realizovat jakékoliv změny formátování obsahu na jednom místě (v CSS předpisu) pro celáý web.
Doporučení pro formátování obsahu
Protože všechny prvky mají základní vzhled definovaný pomocí globálního CSS předpisu, není třeba nastavovat žádné vlastnosti vhledu ručně. Pokuste se tedy vyhnout místnímu formátování, jako např.: obarvování nebo změny velikosti či stylu odstavců, nadpisů, odkazů (například proto, aby byl odkaz v textu obarvený a podrtžený) atp. Tato praxe je výhodná zejména s ohledem na udržení konzistentního vzhledu všech stránek webu, což jim dodá profesionální vzhled. V opačném případě se navíc pravděpodobně bude jednat o pracný proces ručního formátování, což s přibývajícím množstvím obsahu může být velký problém.
- Pro základní odstavec použijte hodnotu "Odstavec" z menu Formát (toto je výchozí hodnota pro nový text)
- Pro nadpisy použijte hodnotu "Nadpis 1" "Nadpis 2" "Nadpis 3" "Nadpis 4" "Nadpis 5" "Nadpis 6" z menu Formát (ve většině situací je nejvhodnější použít Nadpis 2, 3 nebo 4)
- Pro zvýraznění části textu použijte tučné písmo nebo kurzívu
- Pro seznamy použijte tlačítko Seznam s odrážkami nebo Číslovaný seznam (nepoužívejte * nebo - jako odrážky)
- Pro tabulku použijte tlačítko "Vložit tabulku"
- Komplexnější tabulky může bý těžké pomocí editoru vytvořit, doporučujeme proto k jejich tvorbě použít nástroje jako např. MS Excel a dodat je ve formátu vhodném pro web (např. PDF) jako přílohu ke stažení
- Pro vložení nebo úpravu odkazu použijte tlačítko Vložit/upravit odkaz
- Pro zrušení odkazu použijte tlačítko Odebrat odkaz
Změna stylu prvku
- Změna vzhledu prvku (přidání nebo změna stylu)
- klikněte kdekoliv do obsahu prvku, například do seznamu
- dole v liště editoru klikněte na prvek (v tomto případě "ul" pro seznam; "p" pro odstavec, "table" pro tabulku, "h1", "h2", "h3", "h4", "h5", "h6" pro nadpisy různých úrovní, "img" pro obrázek atd.)
- prvek se označil (celý seznam je označený)
- z menu Styl vyberte příslušnou definici stylu (např. "uniList" pro univerzální seznam)
- změna vzhledu se v editoru projeví okamžitě
Co vlastně editor upravuje?
Vizuálního editoru upravuje zdrojový HTML a CSS kód. Zkratka WYSIWYG znamená že výsledné formátování je vidět ihned.