home *** CD-ROM | disk | FTP | other *** search
/ PC World 2004 July & August / PCWorld_2004-07-08_cd.bin / novinky / interval / clanek09.htm < prev    next >
Encoding:
Extensible Markup Language  |  2004-06-08  |  14.5 KB  |  130 lines

  1. <?xml version='1.0' encoding='windows-1250'?>
  2. <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
  3. <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='cs' lang='cs'>
  4. <head>
  5. <meta http-equiv='Content-Type' content='text/html; charset=windows-1250' />
  6. <meta http-equiv='Content-language' content='cs' />
  7. <meta http-equiv='Cache-control' content='no-cache' />
  8. <meta http-equiv='Pragma' content='no-cache' />
  9. <meta http-equiv='Expires' content='0' />
  10. <meta name='robots' content='index, follow' />
  11. <meta name='googlebot' content='index, follow, noarchive' />
  12. <meta name='description' content='Interval.cz - Internetov² magazφn o webdesignu, v²voji webov²ch aplikacφ a e-komerci. VÜe podstatnΘ o technologiφch XHTML, HTML, CSS, DHTML, JavaScript, XML, .NET, ASP, PHP, Java, J2ME, SQL, WAP...' />
  13. <meta name='keywords' content='Interval' />
  14. <meta http-equiv='imagetoolbar' content='no' />
  15. <meta http-equiv='MSThemeCompatible' content='no' />
  16. <meta name='MSSmartTagsPreventParsing' content='true' />
  17. <meta name='ICBM' content='49.1915, 16.626' />
  18. <meta name='DC.Title' content='Interval.cz' />
  19. <meta name='DC.Identifier' content='http://interval.cz' />
  20. <meta name='DC.Language' content='cs' />
  21. <link rel='alternate' type='text/xml' title='RSS' href='http://interval.cz/__rss/rss.asp' />
  22. <link rel='shortcut icon' href='favicon.ico' />
  23. <link rel='home' href='http://interval.cz' />
  24. <link rel='search' href='http://interval.cz/search_ex.asp' />
  25. <link rel='stylesheet' type='text/css' media='all' href='__services/styles/html4.css' />
  26. <link rel='stylesheet' type='text/css' media='all' href='__services/styles/basic_all.css' />
  27. <link rel='stylesheet' type='text/css' media='all' href='__services/styles/homepage_all.css' />
  28. <link rel='stylesheet' type='text/css' media='all' href='__services/styles/articles_all.css' />
  29. <link rel='stylesheet' type='text/css' media='print' href='__services/styles/articles_print.css' />
  30. <title>Interval.cz - denn∞ o tvorb∞ webu a e-komerci</title>
  31. </head>
  32. <body class='interval interval-articles'>
  33. <div id='page-header'><div id='interval-logo'><h1 title='Interval.cz - denn∞ o tvorb∞ webu a e-komerci (logo & index link)'><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz'>Interval.cz<span></span></a></h1></div><div id='advertising-page-header'></div><div class='page-maker'> </div></div>
  34. <div id='page-topmenu'><h2 class='textversion'>Navigace</h2><div id='page-mainmenu'><h3 class='textversion'>Hlavnφ menu</h3><ul><li class='first selected'><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz'>Titulnφ strana</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz?idcategory=14'>Webdesign</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz?idcategory=15'>V²voj aplikacφ</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz?idcategory=18'>E-komerce</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz?idcategory=17'>Nßstroje</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz?idcategory=16'>Magazφn</a></li><li class='right selected'><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.inshop.cz'>Knihkupectvφ</a></li><li class='right'><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interforum.interval.cz'>Interforum</a></li></ul></div><div id='page-mainmenu-maker'> </div></div>
  35. <div id='page-body'><div id='page-left'><div id='article'>
  36.  
  37.  
  38.  
  39. <h2>Zaslou₧φ si Ok°φÜky Zlat² erb?</h2>
  40. <p id='prepend'>V rßmci akce "B°ezen - m∞sφc internetu", jsou ji₧ sedm²m rokem vyhlaÜovßny v²sledky sout∞₧e Zlat² Erb o nejlepÜφ webovou strßnku m∞st a obcφ. Vzhledem k dlouholetΘ tradici a v∞hlasu sout∞₧e, zßÜtit∞ Ministerstva vnitra ╚R a Ministerstva informatiky ╚R a takΘ vzhledem k aktußln∞ navrhovanΘmu zßkonu o informaΦnφch systΘmech ve ve°ejnΘ sprßv∞ jsem oΦekßval, ₧e se na prvnφch mφstech sout∞₧e objevφ opravdovΘ skvosty ΦeskΘ stßtnφ sprßvy. OÜkliv∞ jsem se vÜak zm²lil.</p>
  41.  
  42.  
  43. <p>Nyn∞jÜφ stav webov²ch strßnek m∞st a obcφ spφÜe p°ipomφnß start b∞hu na dlouhou tra¥. A t∞₧ko to n∞jak² <a href='http://www.micr.cz/images/dokumenty/novela365+d_v-zpr_2004-02-13_mezires.htm'>zßkon</a> m∙₧e zm∞nit ze dne na den. Katastrofßlnφ stav prezentacφ si m∙₧eme ukßzat i na jednom z hodnocen²ch kritΘriφ - <strong>bezbariΘrovΘ p°φstupnosti</strong>. Sout∞₧φcφ weby m∞ly za ·kol dodr₧et Φty°i jednoduchß pravidla:</p>
  44.  
  45. <div class='list'>
  46. <ul>
  47. <li>zm∞na velikosti pφsma v prohlφ₧eΦi</li>
  48. <li>p°φstupnost p°i r∙znΘm nastavenφ barevnΘho schΘmatu ve Windows</li>
  49. <li>p°φstupnost bez JavaScriptu</li>
  50. <li>obrßzky musφ mφt vhodn∞ formulovanΘ alternativnφ popisky</li>
  51. </ul>
  52. </div>
  53.  
  54. <p>P°esto₧e spln∞nφ t∞chto pravidel nijak nezaruΦovalo pln∞ bezbariΘrovou a p°φstupnou strßnku, ₧ßdn² z web∙ tφmto testem neproÜel s Φist²m Ütφtem. P°itom pokud majφ b²t n∞kterΘ strßnky p°φstupnΘ a pou₧itelnΘ, jsou to prßv∞ weby stßtnφ sprßvy! P°φstupnost a pou₧itelnost by se zde m∞la postavit na stejnou ·rove≥ jako informaΦnφ hodnota. K Φemu mi je dobrß historie m∞sta, kdy₧ nedokß₧u najφt ·°ednφ hodiny kterΘhokoli ·°adu ve m∞st∞? Auto°i strßnek si prost∞ musφ nejd°φve set°φdit priority.</p>
  55. <p>P∙vodn∞ jsem si °φkal, ₧e napφÜu srovnßnφ prvnφch web∙ m∞st a obcφ a jako vzorek si vezmu t°i nejv²Üe umφst∞nΘ strßnky z ka₧dΘ kategorie. Bylo by to vÜak znaΦn∞ nespravedlivΘ, proto₧e nßklady na provozovßnφ strßnek m∞sta a obcφ se znaΦn∞ liÜφ. Posu∩te sami û m∞sto Kladno, t°etφ ve svΘ kategorii, uvolnilo z rozpoΦtu pro rok 2004 na webovΘ strßnky 200 000 KΦ a o web se starß Üest zam∞stnanc∙ na pln² ·vazek, zatφmco vφt∞znß obec Ok°φÜky si m∙₧e dovolit pouze 7 000 KΦ roΦn∞ a o aktualizaci se starß jeden Φlov∞k ve svΘm volnΘm Φase. Proto₧e vynalo₧enΘ finance sotva pokryjφ domΘnu a webhosting, podφval jsem na to, co se dß se zbytkem pen∞z ud∞lat.</p>
  56.  
  57. <h3>Ok°φÜky</h3>
  58. <p>Divφm se, ₧e na webu obce <a href='http://www.okrisky.cz'>Ok°φÜky</a> nikde nenφ motto: "Zadarmo ani ku°e nehrabe." Je vid∞t, ₧e na mal²ch obcφch nenφ pen∞z na rozdßvßnφ a na financovßnφ rozvoje strßnek u₧ v∙bec ne. èet°φ se i s velikostφ pφsma, kterΘ nemßte mo₧nost si zv∞tÜit. Nap°φklad ten uvφtacφ text mal²m kursivnφm pφsmem - m₧oural jsem, m₧oural, nedom₧oural. èet°φ se i barvami, krom∞ ΦernΘ a bφlΘ najdete pouze n∞kolik odstφn∙ modrΘ. ModrΘ odkazy na sv∞tle modrΘm pozadφ, hmmm. Asi byla modrß ve v²prodeji. Divφm se, ₧e i fotografie nejsou modrobφlΘ.</p>
  59.  
  60. <div class='image'>
  61. <img src='podklady/hodbod/855/okrisky-small.png' alt='Titulnφ strßnka oficißlnφ prezentace obce Ok°φÜky' title='Titulnφ strßnka oficißlnφ prezentace obce Ok°φÜky' />
  62. <br /><span class='comment'>Titulnφ strßnka oficißlnφ prezentace obce Ok°φÜky (<a href='podklady/hodbod/855/okrisky.png'>plnß velikost, cca 80 kB</a>)</span>
  63. </div>
  64.  
  65. <p>Co vÜak v Ok°φÜcφch ovlßdajφ bezezbytku, je dokonalΘ zmatenφ u₧ivatele. Odkazy v∞tÜinou vypadajφ, jako kdyby zrovna vypadly z generßtoru nßhodn²ch Φφsel: <samp>http://www.okrisky.cz/vismo/dokumenty2.asp?u=10977&id_org=10977&id=35627&p1=&p2=&p3=</samp>. U₧ivatel nemß nejmenÜφ Üanci zjistit, co za takov²mi odkazy najde. Struktura URL adres je vÜak to poslednφ, co komplikuje pou₧φvßnφ t∞chto strßnek. Naprosto nap°φklad nechßpu princip otvφrßnφ odkaz∙. N∞kdy se ocitnete v novΘm okn∞, jindy, kdy₧ u₧ jste si na otevφrßnφ nov²ch oken zvykli, se strßnka naΦφtß do okna p∙vodnφho. T∞₧ko byste hledali n∞jak² systΘm.</p>
  66. <p>SystΘm ostatn∞ na t∞chto strßnkßch nenajdete ₧ßdn². HlaviΦky ani patiΦky strßnek se neshodujφ s titulnφ strßnkou. Nenajdete ho ani v navigaci, n∞kdy jsou n∞kterΘ odkazy naho°e, n∞kdy vpravo, jindy vlevo. Za tu hlavnφ navigaci by se dalo oznaΦit levΘ rozbalovacφ JavaScriptovΘ menu. Necht∞l bych se ale ocitnout v k∙₧i Φlov∞ka, kter² se na tomto serveru musφ pohybovat bez podpory JavaScriptu û je odkßzan² na mapu strßnek a neustßlΘ vracenφ se na ·vodnφ strßnku. Tedy pokud se mu nßhodou nenaskytne n∞jakß jinß mo₧nost. ╚lov∞k si opravdu zde nem∙₧e b²t jist², co se mu kde zjevφ.</p>
  67. <p>Skoro polovinu pln∞ <a href='http://validator.w3.org/check?uri=http://www.okrisky.cz'>nevalidnφho zdrojovΘho k≤du</a> (750 chyb na 500 °ßdcφch!) zabφrß JavaScript. Ok°φÜky nabφzejφ i t°i jazykovΘ mutace û angliΦtinu, n∞mΦinu, italÜtinu. Paradoxn∞ tyto okleÜt∞nΘ verze jsou p°ehledn∞jÜφ ne₧ ta Φeskß.</p>
  68.  
  69. <h3>Podivnosti</h3>
  70. <p>Otßzkou z∙stßvß, jak mohly takovΘ strßnky zvφt∞zit v tak renomovanΘ sout∞₧i jakou je <a href='http://zlatyerb.obce.cz'>Zlat² Erb</a>. Jestli <a href='http://interval.cz/clanek.asp?article=2278' title='Mßlek, VilΘm: ChudΦice.cz'>minul² rok</a> vφt∞zily lφbivΘ prezentace nad kvalitnφmi, technicky dokonal²mi strßnkami, letos se n∞co zm∞nilo. Jedin²m mo₧n²m vysv∞tlenφm je, ₧e letos vφt∞zφ informaΦn∞ obsßhlΘ strßnky a na nic jinΘho se nehledφ. Ale m∞lo by. K Φemu jsou nßm informace, kdy₧ nemßme mo₧nost se k nim nijak dostat?</p>
  71. <p>Ale jeÜt∞ k tomu podivnΘmu hodnocenφ. Porotci hodnotφ weby ve t°ech kritΘriφch - obsa₧nost, inovativnost °eÜenφ a v²tvarnΘ zpracovßnφ. O vφt∞zstvφ obce Ok°φÜky ale rozhodly hlavn∞ dva testy, ze kter²ch vyÜly nejlΘpe - u₧ivatelsk² test rychlosti vyhledßnφ vybran²ch informacφ a ji₧ zmi≥ovan² test bezbariΘrovΘ p°φstupnosti. Oba dva se toti₧ nßsobily 13x. Stejn∞ tak to dopadlo i v kategorii m∞sta, kde vφt∞znΘ <a href='http://www.dacice-mesto.cz'>DaΦice</a> zφskaly v t∞chto testech tΘm∞° maximßlnφ poΦet bod∙.</p>
  72. <p>Podivnß je takΘ i samotnß porota. Takovß Ing. Jitka KrΦilovß z odboru projekt∙ ₧ivotnφch situacφ Ministerstva informatiky hodnotila Ok°φÜky v kritΘriφch inovativnost °eÜenφ i v²tvarnΘ zpracovßnφ maximßlnφm poΦtem bod∙. O odbornosti to mluvφ samo za sebe. Po°adatelΘ by do p°φÜt∞ mohli nad tφmto problΘmem zap°em²Ület...</p>
  73.  
  74.  
  75.  
  76. <div id='article-author'>
  77. <a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/autor.asp?author=220'>Hodbo∩, TomßÜ</a> (3. 5. 2004)
  78. <div id='article-about-author'>autor spravuje odborn² web <a href="http://www.orisek.net">O°φÜek</a></div>
  79. </div>
  80.  
  81.  
  82. </div></div>
  83. <div id='page-right'><h2 class='textversion'>Prav² sloupek</h2>
  84. <div id='search'><h3 class='textversion'>Vyhledßvßnφ</h3><form method='get' action='http://interval.cz/search.asp'><div><input type='text' name='hledej' class='text' /><input type='submit' class='submit' value='Najdi!' /></div></form><div><a href='http://interval.cz/search_ex.asp'>RozÜφ°enΘ vyhledßvßnφ</a></div></div>
  85.  
  86.  
  87.  
  88. <div class='page-right-box book'>
  89.     <h3>Kni₧nφ novinka</h3>
  90.     <div class='page-right-box-in'>
  91.         <div class='book-top'>
  92.             <h4><a href='http://interval.cz/__redirect/redirect.asp?what=interval_booknews&url=http://interval.inshop.cz/inshop/scripts/detail.asp?ItemID=266'>Eric Meyer o CSS - Ovlßdn∞te kaskßdovΘ styly!</a></h4>
  93.         </div>
  94.     </div>
  95.     <div class='image'>
  96.         <img src='podklady/knihy/image.jpg' alt='obßlka' title='obßlka' /></a>
  97.     </div>
  98.     <div class='book-bottom'>Cena: <span class='book-price-old'>390 KΦ</span> <span class='book-price-new'>351 KΦ</span></div>
  99. </div>
  100.  
  101.  
  102.  
  103. <div class='page-right-box reading'>
  104.     <h3>NejΦten∞jÜφ</h3>
  105.     <div class='page-right-box-in'>
  106.         <ul>
  107. <li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3380'>VyΦiÜt∞nφ tabulky z MS Wordu v MSIE JavaScriptem</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3383'>Kompletnφ pr∙vodce XSLT - °φzenφ toku transformace</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3385'>èt∞pßnka Sunkovß: Jeden za vÜechny, vÜichni za jednoho</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3379'>SMARTY - cache, WAP a bezpeΦnost</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3381'>╚eskß on-line reklama - internet a chu¥ na bagety</a></li>
  108.         </ul>
  109.     </div>
  110. </div>
  111.  
  112.  
  113.  
  114. <div class='page-right-box cauldron'>
  115.     <h3>Diskuznφ kotel</h3>
  116.     <div class='page-right-box-in'>
  117.         <ul>
  118. <li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3357' title='(57 komentß°∙)'>Se°azenφ tabulky JavaScriptem snadno a rychle</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3363' title='(29 komentß°∙)'>JavaScript, programujeme internetovΘ aplikace</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3364' title='(29 komentß°∙)'>Kam pat°φ menu</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3368' title='(20 komentß°∙)'>Eric Meyer o CSS - Ovlßdn∞te kaskßdovΘ styly!</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3380' title='(16 komentß°∙)'>VyΦiÜt∞nφ tabulky z MS Wordu v MSIE JavaScriptem</a></li>
  119.         </ul>
  120.     </div>
  121. </div>
  122.  
  123.  
  124.  
  125. <div class='page-right-box emailserv'><h3>Email servis</h3><div class='page-right-box-in'><form action='prihlaseni.asp' method='post'><div class='shell'><input class='text' type='text' name='adresa' /></div><div class='shell'><input class='radio' type='radio' value='1' name='co' checked='checked' />T²dennφ p°ehled Φlßnk∙</div><div class='shell'><input class='radio' type='radio' value='2' name='co' />HELP konference</div><div class='shell'><input class='submit' type='submit' value='P°ihlßsit' /></div></form></div></div>
  126. </div>
  127. <div class='page-maker'> </div><div class='page-maker-white'> </div></div>
  128. <div id='page-foot'><div id='page-foot-menu'><a href='http://interval.cz/reklama.asp'>Inzerce na Interval.cz</a> | <a href='http://interval.cz/redakce.asp'>Redakce Interval.cz</a> | <a href='http://interval.cz/autori.asp'>Hledßme novΘ autory</a></div><div id='issn'>ISSN 1212-8651</div><div id='page-foot-zoner'>© Zoner software, s.r.o., vÜechna prßva vyhrazena, tento server dodr₧uje <a href='http://interval.cz/privacy.asp'>prßvnφ p°edpisy</a>o ochran∞ osobnφch ·daj∙.</div></div>
  129. </body>
  130. </html>