Zobrazení zdroje stránky Nettrainers/testovací článek

<font color="#brown"> <big>Pozor, tohle je testovací článek s velmi užitečným návodem pro každého z nás, který připravila Tamara. Nejde o encyklopedické heslo.  Jana tutorka </big></font>

== Co je důležité zohlednit při tvorbě jednotlivých výukových stránek na webu ==


1)	Žádnou z nich byste neměli plnit textem o mnoho delším než jedna, maximálně dvě obrazovky, aby student nemusel únavně [[skrolovat]]. V případě, že by se text nepřiměřeně rozrůstal, rozdělte ho na několik dalších a propojte je [[hypertext|hypertextem]]. 

<br>2)	Čleňte text do menších úseků, používejte krátké odstavce, zpřehledněte text:
<ul><li> odrážkami </li></ul>

<ol style="margin-left: 2em;"><li> číslováním</li></ol>
<ol type="A"><li> různými úrovněmi</li></ol>

[http://www.phil.muni.cz/fil/vyuka/kurs_html_2/hyperlnk.html hypertextovými odkazy]

<br>3)	Při tvoření i úpravě všech výukových materiálů pro e-learningovou formu distribuce používejte [[metodika|metodiku]] [http://fim.uhk.cz/oliva/Texty.htm tvoření studijních textů] pro [[distanční vzdělávání]]. Pokud s ní nemáte vůbec žádné zkušenosti, nechejte se inspirovat materiály z [[Internet|Internetu]]. Například: 
<ul><li> [http://www.net-university.cz/dtext.php Distanční text v kostce]</li></ul>
<ul><li> [http://www.vsjak.cz/ruzne/Skriptum_DiV_konec.pdf Distanční vzdělávání]</li></ul>
<ul><li> [http://www.cs.vsb.cz/div/index.html Tvorba textů pro distanční vzdělávání]</li></ul>
<ul><li> [http://fsps.muni.cz/aktivity/div/div.htm Tvorba studijních textů pro distanční vzdělávání]</li></ul>
<ul><li> [http://www.csvs.cz/publikace/ Další inspirace]</li></ul>

<br>4)	Nezapomínejte, že veškeré materiály na obrazovce musí být pro studenta přehledné a příjemné ke čtení. V této souvislosti stojí za to připomenout některá pravidla o [[typografie|typografii]] a o [http://www.micr.cz/files/1588/BP_web.htm#obsah pravidlech tvorby]tzv. [[přístupné webové stránky|přístupných webových stránek]]. Více si o jednotlivých pravidlech můžete přečíst na těchto stránkách:
<ul><li> [http://interval.cz/clanky/typografie-webovych-stranek/ Typografie webových stránek]</li></ul>
<ul><li> [http://interval.cz/clanky/typografie-a-sazba-na-webu/ Typografie a sazba na webu]</li></ul>
<ul><li> [http://interval.cz/clanky/magie-barev-na-webu-zaklady-teorie/ Magie barev na webu - základy teorie]</li></ul>
<ul><li> [http://interval.cz/clanky/magie-barev-na-webu-barvy-a-navigace/ Magie barev na webu - barvy a navigace]</li></ul>

<br>5) Pokud se vám toto všechno nechce číst, zlaté pravidlo zní: 

<ul><li><font color="red">Čím </font><font color="#FF00FF">méně </font><font color="green">barev</font>, <font size="6" color="red" face="Times"><b> barevných</b></font> či <i>jiných</i>  <i><H1>efektů </H1></i>a <tt>různých</tt> druhů a <big>velikostí </big><small>písma </small>na stránce [http://www.w3.org/TR/REC-CSS2/fonts.html použijete],<font size="4" color="red" family="tahoma"><pre>tím LÉPE!</pre></font>.</li></ul>
6) Velmi důležitý je také výběr optimálního [[písmo|písma]]
<ul><li> <b>[[Bezpatkové písmo]]</b> se obecně na obrazovce čte lépe než <b>[[patkové]]</b> (např. <font face="Times">
New Times Roman </font>), kdežto u tištěných textů je tomu naopak.</li></ul>
<ul><li> Pro zdůraznění raději než <u>podtržení</u> používejte písmo <b>tučné</b> nebo <i>kurzívu</i>, která se však na obrazovce hůře čte. Podtržením totiž narušíte linii písmenek, na kterou jsou oči zvyklé, což zpomalí čtení.</li></ul>
<ul><li> Porozhlédněte se po různých stránkách na Internetu, kde jistě najdete jak vzory tak odstrašující příklady, a nechejte se inspirovat.</li></ul>
--[[Tamara|Tamara]] 16:05, 29. 3. 2006 (CEST)