13 620
editací
Manual pro editory webovych stranek UP: Porovnání verzí
Skočit na navigaci
Skočit na vyhledávání
bez shrnutí editace
značka: editace z Vizuálního editoru |
Bez shrnutí editace značka: editace z Vizuálního editoru |
||
| Řádek 28: | Řádek 28: | ||
== Obsahové prvky na stránce == | == Obsahové prvky na stránce == | ||
Obsah stránky (na hlavní ploše) členíme do tzv. obsahových prvků (Content Elements) '''– | Obsah stránky (na hlavní ploše) členíme do tzv. obsahových prvků (Content Elements) '''– viz. obrázek 4''', kterým přiřazujeme nadpisy. V hlavním seznamu není uveden dodatečně vytvořený Expanding Content '''video 2''', který na novém webu UP hojně využíváme. | ||
== Vytvoření obsahu == | == Vytvoření obsahu == | ||
| Řádek 34: | Řádek 34: | ||
=== Příklad: stránka s několika prvky Expanding Content === | === Příklad: stránka s několika prvky Expanding Content === | ||
Pro delší obsah na stránce používáme prvky Expanding Content, které může čtenář „sbalovat“ a „rozbalovat“ přímo na stránce. | Pro delší obsah na stránce používáme prvky Expanding Content, které může čtenář „sbalovat“ a „rozbalovat“ přímo na stránce. | ||
[[Soubor:Upoladmin 04.png|centre|frameless|800x800px|alt= Obr. 4. Obsahové prvky na stránce|Obr. 4. Obsahové prvky na stránce]] | [[Soubor:Upoladmin 04.png|centre|frameless|800x800px|alt= Obr. 4. Obsahové prvky na stránce|Obr. 4. Obsahové prvky na stránce]]'''obr. 4 content elements (obsahové prvky)''' | ||
# Než začneme stránku plnit obsahem, promyslíme, jak bude text strukturován a členěn pomocí nadpisů. Pro každý Expanding Content použijeme v jeho horní části nadpis H2. Nadpis se pak automaticky zobrazí v pravém Scrollspy Menu. | # Než začneme stránku plnit obsahem, promyslíme, jak bude text strukturován a členěn pomocí nadpisů. Pro každý Expanding Content použijeme v jeho horní části nadpis H2. Nadpis se pak automaticky zobrazí v pravém Scrollspy Menu. | ||
# Do první části Expanding Contentu umístíme krátký uvozující text. Měl by to být odstavec v délce max. 80 znaků. Po kliknutí na „Více…“ se čtenáři na webu odkryje obsahový prvek celý. | # Do první části Expanding Contentu umístíme krátký uvozující text. Měl by to být odstavec v délce max. 80 znaků. Po kliknutí na „Více…“ se čtenáři na webu odkryje obsahový prvek celý. | ||
| Řádek 40: | Řádek 40: | ||
Pozn. Pro složitěji členěný obsah použijeme prvek Expanding Content Mixed ('''video 3''') | Pozn. Pro složitěji členěný obsah použijeme prvek Expanding Content Mixed ('''video 3''') | ||
=== Obrázky === | === Obrázky === | ||
Pro vložení obrázků můžeme zvolit několik obsahových prvků: | Pro vložení obrázků můžeme zvolit několik obsahových prvků: | ||
* Images: používáme, pokud nepotřebujeme doprovodný text k obrázku. Obrázky zarovnáváme doleva. | * Images: používáme, pokud nepotřebujeme doprovodný text k obrázku. Obrázky zarovnáváme doleva. | ||
* Text & Images: nejsnadnější způsob vkládání obrázku a a textu. Text může být umístěn vedle obrázku nebo obrázek obtékat '''(video | * Text & Images: nejsnadnější způsob vkládání obrázku a a textu. Text může být umístěn vedle obrázku nebo obrázek obtékat '''(text images video)''' | ||
* Text: obrázek můžeme vložit i dovnitř textového prvku (včetně Expanding Contentu). Upozornění: obtékání obrázku nenastavujeme u „Obtékat“, ale nahoře ve volbě „Styl“ | * Text: obrázek můžeme vložit i dovnitř textového prvku (včetně Expanding Contentu). Upozornění: obtékání obrázku nenastavujeme u „Obtékat“, ale nahoře ve volbě „Styl“ | ||
| Řádek 55: | Řádek 53: | ||
Tabulky na webu UP mají předdefinovaný styl. Vkládáme-li tabulku do textového prvku (Text nebo Expanding Content) např. z Wordu, smažeme „MS Word formátování“. Vloženou tabulku pak můžeme upravovat pomocí tlačítek v TYPO3 editoru . | Tabulky na webu UP mají předdefinovaný styl. Vkládáme-li tabulku do textového prvku (Text nebo Expanding Content) např. z Wordu, smažeme „MS Word formátování“. Vloženou tabulku pak můžeme upravovat pomocí tlačítek v TYPO3 editoru . | ||
[[Soubor:Upoladmin 06.png|centre|frameless|800x800px]] | [[Soubor:Upoladmin 06.png|centre|frameless|800x800px]] | ||
'''obr. 5 - odstranění formátování''' | |||
Jednoduchou tabulku můžeme vytvořit přímo v TYPO3 – prvek Table nabízí několik předdefinovaných stylů. | Jednoduchou tabulku můžeme vytvořit přímo v TYPO3 – prvek Table nabízí několik předdefinovaných stylů. | ||
# Zvolíme table – vybereme počet sloupců v columns | # Zvolíme table – vybereme počet sloupců v columns | ||
| Řádek 60: | Řádek 60: | ||
=== Odkazy === | === Odkazy === | ||
Vytvoření odkazu v textu: | Vytvoření odkazu v textu: | ||
# klikneme na odkazující slovo nebo vybereme několik slov, ze kterých povede odkaz | # klikneme na odkazující slovo nebo vybereme několik slov, ze kterých povede odkaz | ||
| Řádek 68: | Řádek 66: | ||
=== Příklad: nahrání souboru a vytvoření odkazu na něj v textovém prvku === | === Příklad: nahrání souboru a vytvoření odkazu na něj v textovém prvku === | ||
'''Video | '''Video soubory a odkazy''' | ||
# v levém menu zvolíme SOUBORY / Seznam souborů | # v levém menu zvolíme SOUBORY / Seznam souborů | ||
# rozbalíme složku | # rozbalíme složku | ||
| Řádek 88: | Řádek 86: | ||
=== Kopírování textu do TYPO3 === | === Kopírování textu do TYPO3 === | ||
Při vkládání textu z Wordu nebo podobné aplikace do redakčního systému TYPO3 se některé úpravy formátování nezachovají. (Pokud výsledek vizuálně neodpovídá vaší představě, lze formátování upravit v editoru TYPO3 ručně ''' | Při vkládání textu z Wordu nebo podobné aplikace do redakčního systému TYPO3 se některé úpravy formátování nezachovají. (Pokud výsledek vizuálně neodpovídá vaší představě, lze formátování upravit v editoru TYPO3 ručně '''obrázek formátování.''' Velikost a barvu textu libovolně měnit nelze, je nastavena pomocí stylů. | ||
=== Odstavec === | === Odstavec === | ||
| Řádek 152: | Řádek 150: | ||
* Některé typy obsahu nemusejí být přístupné na některých zařízeních (mobily, tablety) nebo na pomalejších počítačích. Jedná se o obrázky či grafiku a prvky zpravované jako Adobe Flash. | * Některé typy obsahu nemusejí být přístupné na některých zařízeních (mobily, tablety) nebo na pomalejších počítačích. Jedná se o obrázky či grafiku a prvky zpravované jako Adobe Flash. | ||
Pro „doladění“ SEO lze použít volitelný nástroj '''Metadata''' v TYPO3. Jedná se o doplňující údaje o stránce, které se nezobrazují uživatelům, ale zpracovávají je prohlížeče a vyhledávače. | Pro „doladění“ SEO lze použít volitelný nástroj '''Metadata''' v TYPO3. Jedná se o doplňující údaje o stránce, které se nezobrazují uživatelům, ale zpracovávají je prohlížeče a vyhledávače. | ||
[[Soubor:Upoladmin 07.png|centre|frameless|800x800px]] | [[Soubor:Upoladmin 07.png|centre|frameless|800x800px]]'''obr. 6 - metadata''' | ||