Manual pro editory webovych stranek UP: Porovnání verzí

Nové webové stránky UP jsou navrženy tak, aby se optimálně zobrazovaly na zařízeních s různou velikostí a rozlišením obrazovky (mobily '''– obr. 1,''' tablety '''obr. 2,''' notebooky, počítače '''obr. 3.''') Přizpůsobuje se layout stránek, struktura (řazení) obsahu i navigace, velikost obrázků a velikost písma. Vzhled stránek je daný nastavenými šablonami a styly, které definují např. poměr velikostí nadpisů a odstavce, mezery, odsazení a zarovnání. 

2)     Horní pomocné menu - (Studenti, Zaměstnanci, Absolventi)  

3)     Scrollspy menu – pomocné menu na podstránkách vpravo – generuje se z nadpisů H2 a H3 obsahu konkrétní stránky.

4)     Breadcrumbs menu – seznam odkazů na nadřazené sekce (ukazuje návštěvníkovi, kde se na webu nachází)

5)     Pata stránek – hlavní rozcestník + zkratky na stránky

Obsah stránky (na hlavní ploše) členíme do tzv. obsahových prvků (Content Elements) '''– video 1''', 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.

# Zvolíme table – vybereme počet sloupců v columns  

# Vzhled přizpůsobíme v záložce Appearance: Layout + Background.

# klikneme na odkazující slovo nebo vybereme několik slov, ze kterých povede odkaz  

# v menu textového editoru klikneme na ikonu „Upravit odkaz“. Zobrazí se nám volby Stránka, Soubor, Složka (nefunkční), Externí URL a E-mail. Volbou Stránka odkazujeme na jiné stránky uvnitř systému stránek UP (kam máme editační přístup) - volbou Soubor odkazujeme na soubor (dokument či obrázek), který jsme předtím uložili do adresáře se soubory - volbou Externí URL odkazujeme na stránku mimo systém stránek UP

# uložíme obsahový prvek a zkontrolujeme náhledem na stránku.

# v levém menu zvolíme SOUBORY / Seznam souborů

# rozbalíme složku

# nahrajeme soubor

# v levém menu zvolíme Stránka, najdeme obsahový prvek, ve kterém chceme vytvořit odkaz

# v menu textového editoru klikneme na ikonu „Upravit odkaz“

# v záložce Soubor najdeme soubor, který jsme předtím uložili

# uložíme obsahový prvek a zkontrolujeme náhledem na stránku.

Příčinou může být cache (keš) - vyrovnávací paměť. Ta je pro fungování webu tohoto rozsahu nezbytná a může způsobit, že některé změny se na webu projeví se zpožděním. Typické je to pro zejména pro aktuality (news, zprávy), které se běžně zobrazují na různých místech webu.  

Toto zpoždění může trvat několik hodin, v nejhorším případě do nejbližší půlnoci. V případě, že jde o informaci, jejíž zveřejnění nesnese odklad, můžete požádat administrátora o ruční smazání cache paměti příslušné stránky.

Naše webové stránky mají pomocí stylů nastavený typ písma, barvy a poměrnou velikost pro jednotlivé nadpisy a odstavce. Zarovnání řádku i velikosti písma jsou na webových stránkách dynamické: přizpůsobují se velikosti a rozlišení displeje použitého zařízení (monitor, notebook, tablet, mobil). Displeji se přizpůsobuje především velikost textu a zalomení řádků, zarovnání textu a obrázků a rozmístění ovládacích prvků. Z toho vyplývá, že postupy, na které jsme zvyklí při psaní a zarovnání textu pro tištěný materiál, zde nefungují, a některé prvky formátování webové stránky nezachovávají. Při editaci veškerého obsahu je nutné vyzkoušet, jak se obsah zobrazuje na různých zařízeních.

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ě '''VIDEO***.''' Velikost a barvu textu libovolně měnit nelze, je nastavena pomocí stylů.

Odstavce na našem webu jsou zarovnané vlevo a jsou mezi sebou odděleny viditelnou mezerou. Pokud chceme začít nový řádek bez takto odsazeného odstavce, stiskneme tlačítka '''SHIFT + ENTER'''. Obsahové prvky v editoru nezakončujte prázdným odstavcem nebo řádkem, jinak zůstávají mezi prvky prázdná místa.  

Styl '''H1''' je vyhrazen jen pro hlavní nadpis stránky. Styly '''H2''' až '''H4''' používejte pro nadpisy oddílů (nikoli pro běžné zdůraznění textu). Dodržujte jejich hierarchii podle logické struktury textu. '''VERZÁLKY''' (všechna písmena ve slově velká) nepoužívejte. Další zdůraznění (tučné, kurzíva, podtržení) u nadpisů nepoužívejte.

Mezi slovy nepište více než jednu mezeru. Odstavce neodsazujte (např. pomocí mezerníku). Nevkládejte do textu nebo za něj volná místa pomocí mezerníku nebo tabulátoru. Nevytvářejte prázdné odstavce a řádky. Tzv. ''„tvrdou“ neboli „nezalomitelnou“'' ''mezeru'' používáme, když je zalomení mezi slovy (čísly či symboly) na konci řádku nežádoucí. Může to být u jmen s tituly, u zkratek s tečkami apod. (J. L. Fischer). V TYPO3 ''„nezalomitelnou“ mezeru'' vytvoříme pomocí tlačítek '''CTRL + mezerník''' (nefunguje v nadpisech) nebo ve zdrojovém kódu znakovou entitou  .

Pro zdůraznění textu použijte '''tučné písmo''' nebo alternativně kombinaci '''''tučného písma a kurzívy'''''. ''Kurzívu'' používáme zejména pro citace, je však na webu hůře čitelná. Pro zdůraznění nepoužíváme prostrkaný text, podtržení (tímto způsobem bývají na webu označeny odkazy, použití pro zdůraznění je tedy zavádějící) a nadpisy. Pamatujte na to, že přílišné zdůrazňování textu se míjí účinkem, čtenář je pak ignoruje. Zdůrazňujte klíčová slova, v horším případě části vět, ne celé věty.

# Interpunkční znaménka ('', . ; : ?'') se píší těsně za slovo, mezera je až za nimi. Na webu UP vykřičníky nepoužívejte.

# Závorky a uvozovky se píší bez mezer těsně ke slovu: ''(závorka)'', ''„uvozovky“.'' Pro české uvozovky použijte tlačítka ALT + 0132 a ALT + 0147.  

# '''U zkratek''' je z'''a tečkou je vždy mezera (''J. A. Komenský'', ''s. r. o.'')'''

# Spojovník používáme ke spojování dvou slov (''anglicko-český''). Píše se bez mezery. Pomlčka odděluje části věty a má z obou stran mezeru.

# Při vymezení období či intervalu se mezery nepíší (1939–1945)  

# Matematické značky (+, –, = ad.) se píší s mezerami.

# Znak % s mezerou – 10 % – odpovídá výrazu „deset procent“. Znak % bez mezery – 10% – odpovídá výrazu desetiprocentní.

# Znakem pro narození je *, pro úmrtí † (levý Alt + 0134). Příklad: Jan Amos Komenský (* 1592 – † 1670)

=== Datum ===

Při uvedení kontaktu na začátku řádku (pokud nejde o začátek věty) použijte u českých titulů počáteční písmeno podle pravidel českého pravopisu (''doc. Radovan Veselý, PhD.'')

=== Psaní telefonních čísel, e-mailů a webových adres ===

tel.: +420 915 400 201 

e-mail: radovan.vesely@upol.cz 

www.webovastranka.upol.cz (popř. webovastranka.upol.cz).  

Dlouhým webovým adresám se vyhneme např. odkazováním ze slov „webové stránky projektu“.