Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz Ukázky použití šablony a problémy s jednotným vzhledem.

Prezentace na téma: "Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz Ukázky použití šablony a problémy s jednotným vzhledem."— Transkript prezentace:

1 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz Ukázky použití šablony a problémy s jednotným vzhledem Courseware ZČU Přemek Brada březen 2007

2 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz 2 Agenda  Zkušenosti se šablonou  Problematické oblasti  Ukázkové předměty

3 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz 3 Šablona  Cílem je +/- jednotný vzhled => orientace čtenářů v rozsáhlém webu

4 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz Jak to může dopadnout Praktické zkušenosti s volným používáním šablony a problémy z toho plynoucí

5 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz 5 Nehezké, nejednotné, nefukční  Šablona pomůže vzhledu i orientaci díra různé šířky sloupců kde jsou aktuality?

6 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz 6 Nestandardní umístění prvků  Šablona pomůže orientaci nejsou vidět aktuality kde je uvítáni? zcela chybí pravý sloupec

7 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz 7 Funkční ale nevzhledné příliš málo textu => zbytečný portlet

8 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz 8 Funkční ale nestandardní  Tolerovat?

9 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz 9 Typické problémy  Umístění vizitky  zásadně vpravo – velikost  úvodní stránka: pouze garant  Umístění aktualit  viditelnost „nad ohybem“  Barvy a fonty  ohraničení portletů  pozor na vkládání textu z Wordu  Rozložení stránky  sloupce nejsou samoúčelné  odstranění pravého => některé bloky příliš dole  Díry v ploše stránky  rozmístění portletů – manipulace s šablonou  textové portlety s jednou větou

10 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz Co s tím

11 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz 11 V čem je význam šablony? Řeší za editory mnoho věcí důležitých pro dosažení co nejlepšího efektu stránek předmětu  Přehlednost, orientace v informacích  druhy a názvy stránek, jejich struktura  rozložení stránky do sloupců  umístění portletů (bloků informací)  Přístup k informacím  celý svět  přihlášení uživatelé / studenti  Množství informací  někdy je nic lepší než málo  délka stránky při rozsáhlých textech (scrollování obtěžuje)  Viditelnost, rozlišení obrazovky   co čtenář vidí na první pohled  typicky 1024x768  „Výtvarné“ schopnosti  co se líbí mně nemusí se líbit nikomu jinému 

12 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz 12 Pravidla a návody pro úpravy  Nemanipulovat s rozložením stránky  ani s umístěním portletů, rámečky  Vizitka  vpravo, bude mít pevnou šířku  na titulní stránce velká vizitka a pouze garanta  používat sérii malých vizitek na stránkách Přednášky, Cvičení  Obrázek na úvodní stránce  vpravo, šířka max 280px, podobná výška  Texty  lepší žádný portlet než textový s jednou větou  umírněnost ve formátování – tlačítko „kopírovat z Wordu“, případně přes Notepad (Poznámkový blok)  Zvýraznění portletů  nedělat vlastní barvy, použít skin ZCU Malá tlačítka bez titulku - zvýraznění „V jednotě je síla“

13 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz 13 Nástin řešení – systémové  Redakční rada pro CourseWare  dolaďování pravidel – odborníci na jednotlivé oblasti  pomoc editorům při úpravách konkrétních předmětů – pí Hladíková  V něčem ještě hledáme optimum  důvodné přemístění obsahu  barevná paleta, řezy písma

14 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz 14 Funkční, přehledné, estetické

15 Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp://www.civ.zcu.cz Dotazy, náměty, zkušenosti, … Děkuji za pozornost.