home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 September / Chip_2004-09_cd1.bin / chplus / interval / clanek01.htm next >
Encoding:
Extensible Markup Language  |  2004-08-03  |  14.8 KB  |  137 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='-1' />
  10. <meta name='robots' content='index,follow' />
  11. <meta name='googlebot' content='index,follow,snippet,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 name='ICBM' content='49.1915, 16.626' />
  15. <meta name='DC.Title' content='Interval.cz' />
  16. <meta name='DC.Identifier' content='http://interval.cz' />
  17. <meta name='DC.Language' content='cs' />
  18. <meta http-equiv='pics-label' content='(pics-1.1 "http://www.icra.org/ratingsv02.html" comment "ICRAonline EN v2.0" l gen true for "http://interval.cz" r (nz 1 vz 1 lz 1 oz 1 cz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://interval.cz" r (n 0 s 0 v 0 l 0))' />
  19. <meta http-equiv='imagetoolbar' content='no' />
  20. <meta http-equiv='MSThemeCompatible' content='no' />
  21. <meta name='MSSmartTagsPreventParsing' content='true' />
  22. <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
  23. <link rel='alternate' type='application/rss+xml' title='RSS Interval.cz' href='http://interval.cz/__rss/rss.asp' />
  24. <link rel='home' href='http://interval.cz' />
  25. <link rel='search' href='http://interval.cz/search_ex.asp' />
  26. <link rel='stylesheet' type='text/css' media='all' href='__services/styles/html4.css' />
  27. <link rel='stylesheet' type='text/css' media='all' href='__services/styles/basic_all.css' />
  28. <link rel='stylesheet' type='text/css' media='all' href='__services/styles/homepage_all.css' />
  29. <link rel='stylesheet' type='text/css' media='all' href='__services/styles/articles_all.css' />
  30. <link rel='stylesheet' type='text/css' media='print' href='__services/styles/articles_print.css' />
  31. <title>Interval.cz - webdesign a e-komerce denn∞</title>
  32. </head>
  33. <body class='interval interval-articles'>
  34. <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>
  35. <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>
  36. <div id='page-body'><div id='page-left'><div id='article'>
  37.  
  38.  
  39. <h2>Sedφm na konßri a Φtu Computerworld</h2>
  40. <p id='prepend'>Redesign pat°φ k p°irozenΘmu ₧ivotnφmu cyklu vÜech web∙. V∞tÜinou p°inßÜφ nov² vzhled, novΘ funkce a Φasto i nov² obsah. Mßlokdy se ale o takovΘ udßlosti pφÜe, jedin∞ snad s v²jimkou tiskov²ch zprßv. Pokud ovÜem nejde o redesign on-line verze tak v²znamnΘho IT t²denφku, jak²m je Computerworld.</p>
  41.  
  42. <h3>Informace o projektu</h3>
  43.  
  44. <div class='list'>
  45. <dl>
  46. <dt>Adresa:</dt>
  47. <dd><a href='http://www.computerworld.cz'>www.computerworld.cz</a>, <a href='http://www.cw.cz'>www.cw.cz</a></dd>
  48. <dt>Zadavatel:</dt>
  49. <dd>IDG Czech, a. s. - redakce t²denφku Computerworld</dd>
  50. <dt>Zpracovatel:</dt>
  51. <dd>IDG Czech, a. s. - t²m odd. sprßvy sφt∞</dd>
  52. <dt>Zahßjenφ projektu:</dt>
  53. <dd>nezve°ejn∞no</dd>
  54. <dt>Zp°φstupn∞nφ projektu:</dt>
  55. <dd>23. Φervna 2004</dd>
  56. <dt>Platforma:</dt>
  57. <dd>Lotus Notes (Lotus Domino)</dd>
  58. </dl>
  59. </div>
  60.  
  61. <div class='image'>
  62. <img src='podklady/malek/921/computerworld-small.png' alt='┌vodnφ strßnka www.computerworld.cz z 25. Φervence 2004' title='┌vodnφ strßnka www.computerworld.cz z 25. Φervence 2004' />
  63. <br /><span class='comment'>www.computerworld.cz, 25. 7. 2004 (<a href='podklady/malek/921/computerworld.png'>plnß velikost, cca 180 kB</a>)</span>
  64. </div>
  65.  
  66. <h3>Okem necviΦen²m</h3>
  67. <p>Ve srovnßnφ s p°edeÜl²m designem jde o p°φjemn² krok vp°ed, i kdy₧ spφÜe ne₧ o revoluci jde tentokrßt o evoluci. Strßnky se graficky konsolidovaly, jsou p°ehledn∞jÜφ a p°φjemn∞jÜφ, d°φv∞jÜφ papouÜΦφ vzhled byl zam∞n∞n za decentnφ Üedou s jemnou kostkou. Menu a jinΘ funkΦnφ prvky, kter²ch je ostatn∞ minimum, jsou v²razn∞ odd∞leny od obsahu. T°φsloupcov² layout z∙stal zachovßn, obsahov² sloupec vÜak byl z·₧en, aby se text lΘpe Φetl, p°iΦem₧ celß strßnka mß nynφ fixnφ Üφ°ky.</p>
  68. <p>Jako₧to abonent chronicky p°etφ₧enΘ linky kvituji s povd∞kem rychlost naΦφtßnφ strßnek, coby Φtenß° prakticky veÜker²ch IT periodik v ╚echßch zase oce≥uji zp°φstupn∞nφ on-line archivu tiÜt∞nΘ verze t²denφku. Skv∞lΘ je z°φzenφ RSS exportu novinek - ale to u₧ se dostßvßm od u₧ivatelskΘho hlediska k hledisku odbornΘmu.</p>
  69.  
  70. <h3>Pohled odbornφka</h3>
  71. <p>OΦekßvßte-li, tak jako jß, technickou kvalitu webu srovnatelnou s kvalitou tiÜt∞nΘho t²denφku, obßvßm se, ₧e vßs musφm zklamat. Bohu₧el, pro tento web nenalΘzßm slova chvßly, pokusφm se tedy alespo≥ o konstruktivnφ kritiku. A hned na zaΦßtek mohu upozornit na problΘm s RSS kanßlem, zmi≥ovan²m v p°edchozφm odstavci. Ten je toti₧ opat°en hlaviΦkou "application/octet_stream", co₧ je v rozporu s doporuΦenφm pro RSS (r∙znΘ "xml+" variace skupiny "application"). V prohlφ₧eΦi si tak tento feed nep°eΦtete a v mnoha ΦteΦkßch takΘ ne. DoporuΦil bych zm∞nu na "text/xml", co₧ je v souΦasnosti jedin² oficißlnφ MIME typ pro tyto exporty. A proΦ je odkaz na RSS uveden hned dvakrßt, tomu takΘ nerozumφm, snad jedin∞, ₧e prvnφ m∞l p∙vodn∞ vΘst na n∞jakΘ <a href='http://interval.cz/clanek.asp?article=2050' title='BureÜ, Ji°φ: RSS? RSS!'>informace o RSS</a> a trochu se nevyvedl.</p>
  72. <p>P°i zb∞₧nΘm testu m∞ p°φjemn∞ p°ekvapilo, ₧e se strßnky zobrazovaly ve v∞tÜin∞ prohlφ₧eΦ∙ stejn∞. Zrada vÜak vyÜla najevo p°i pohledu do zdrojov²ch k≤d∙. Pou₧itΘ HTML se sice na n∞kter²ch strßnkßch hlßsφ k "HTML 4.01 Transitional", ₧ßdnß vÜak nespl≥uje ani minimßlnφ po₧adavky tΘto normy (snad proto se ostatnφ nehlßsφ k v∙bec ₧ßdnΘ norm∞). Layout je tvo°en sm∞sφ klasick²ch tabulek, mnoho element∙ je dekorovßno proprietßrnφmi atributy a CSS bych snad rad∞ji ani nezmi≥oval, je sice technicky lΘpe zvlßdnutΘ ne₧ HTML, ale jinak je to jen ostuda na pokraΦovßnφ.</p>
  73. <p>Konstruktivnφ kritika HTML a CSS je pon∞kud problematickß. Alespo≥ hrubΘ chyby by se vÜak odstranit daly, pokud by se do vÜech strßnek doplnila definice typu dokumentu a pak  <a href='http://validator.w3.org/check?uri=http://www.computerworld.cz'>se otestovaly</a> prost°ednictvφm Markup Validation Service. Aktußlnφ verze tohoto nßstroje obsahuje pom∞rn∞ inteligentnφ a podrobnou kontextovou nßpov∞du, tak₧e opravit ty dv∞ Φi t°i pou₧itΘ Üablony by nem∞l b²t problΘm. Nßprava CSS, alespo≥ <a href='http://jigsaw.w3.org/css-validator/validator?uri=http://www.computerworld.cz'>co se t²Φe validity</a>, by m∞la b²t trivißlnφ, staΦφ p°epsat vÜechny nßzvy element∙ na malß pφsmena, redefinovat hodnotu "font-weight" a odstranit proprietßrnφ definice vzhledu rolovacφch liÜt.</p>
  74. <p>JeÜt∞ jedna p°ipomφnka, k JavaScriptu. Na rozdφl od jin²ch je ho tento web prost, s jedinou v²jimkou, kterß je vÜak pou₧ita naprosto dokonale. Pokud toti₧ budete n∞co chtφt najφt pomocφ internφho vyhledßvßnφ, bez kompatibilnφ verze JS klienta jste mimo mφsu. Pou₧itß konstrukce mß jen pßr °ßdek, zato dokonale zt∞les≥uje ten nejhloup∞jÜφ zp∙sob zneu₧itφ klientskΘho skriptovßnφ, na jak² m∙₧ete narazit. P°itom je tento skript naprosto zbyteΦn² a klidn∞ by se mohl odstranit.</p>
  75. <p>Ono v∙bec mluvit o u₧ivatelsk²ch kvalitßch, p°φstupnosti a SEO (dußlnφ domΘna? kilometrovΘ ΦφselnΘ URL?) webu s takov²m pozadφm prakticky nemß smysl. U₧ivatel standardnφho PC s b∞₧n²m prohlφ₧eΦem nebude mφt vcelku problΘmy, hlavn∞ dφky jednoduchosti webu, tak₧e mu nehrozφ ani zakufrovßnφ, kdokoli jin² mß ale sm∙lu, proto₧e se na web jednoduÜe nedostane. Mo₧nß jde o praktick² p°φklad vyluΦovacφho designu webu, jenom jß jsem nepochopil autorsk² zßm∞r?</p>
  76.  
  77. <h3>Zpßtky na stromy</h3>
  78. <p>Musφm p°iznat, ₧e "nov²" web Computerworldu byl pro mne neΦekan²m zklamßnφm. Zdß se toti₧, ₧e Ülo o pouh² "redesign pro redesign", proto₧e ve stejnΘm Φase doÜlo i ke zm∞nßm na ostatnφch serverech skupiny <a href='http://www.idg.cz'>IDG</a>. Nemßm nic proti tabulkovΘmu designu, HTML, JavaScriptu a dalÜφm Φasto diskutovan²m technologiφm, mrzφ mne ale, kdy₧ je ani IT specialistΘ nedokß₧φ pou₧φt sprßvn²m zp∙sobem. Jak se potom Φlov∞k m∙₧e podφvat do oΦφ neodbornφk∙m a p°esv∞dΦovat je s vß₧nou tvß°φ, ₧e pro n∞ chce jen to nejlepÜφ?</p>
  79. <p>Pro p°φÜt∞ bych Computerworldu doporuΦil p°izvat k redesignu n∞jakΘho nezßvislΘho odbornφka, kter² se vyznß alespo≥ v dostupn²ch testovacφch nßstrojφch a elementßrnφch webdesignΘrsk²ch postupech. Jß si beru jeho tiÜt∞nou verzi a odchßzφm si vylΘzt na sv∙j oblφben² strom. Jen doufßm, ₧e tam nepotkßm tv∙rce tohoto webu, musel bych je shodit na zem...</p>
  80.  
  81.  
  82.  
  83. <div id='article-author'>
  84. <a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/autor.asp?author=65'>Mßlek, VilΘm</a> (26. 7. 2004)
  85. <div id='article-about-author'>ÜΘfredaktor Interval.cz</div>
  86. </div>
  87.  
  88.  
  89. </div></div>
  90. <div id='page-right'><h2 class='textversion'>Prav² sloupek</h2>
  91. <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>
  92.  
  93.  
  94.  
  95. <div class='page-right-box book'>
  96.     <h3>Kni₧nφ novinka</h3>
  97.     <div class='page-right-box-in'>
  98.         <div class='book-top'>
  99.             <h4><a href='http://interval.cz/__redirect/redirect.asp?what=interval_booknews&url=http://interval.inshop.cz/inshop/scripts/detail.asp?ItemID=269'>Optimalizace pro vyhledßvaΦe - SEO</a></h4>
  100.         </div>
  101.     </div>
  102.     <div class='image'>
  103.         <img src='podklady/knihy/image.jpg' alt='obßlka' title='obßlka' /></a>
  104.     </div>
  105.     <div class='book-bottom'>Cena: <span class='book-price-old'>169 KΦ</span> <span class='book-price-new'>152 KΦ</span></div>
  106. </div>
  107.  
  108.  
  109.  
  110. <div class='page-right-box reading'>
  111.     <h3>NejΦten∞jÜφ</h3>
  112.     <div class='page-right-box-in'>
  113.         <ul>
  114. <li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3476'>Kurz SVG - vypl≥ovßnφ I</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3479'>PPWizard - pokroΦilß makra, podmφnky a standardnφ definice</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3478'>Transformace dat z databßze pomocφ XSL v .NET jednoduÜe</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3481'>Strßnkovßnφ v ovlßdacφm prvku DataGrid bez pou₧itφ PostBack</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3477'>Zpracovßnφ databßzov²ch dat p°es XSLT v ASP</a></li>
  115.         </ul>
  116.     </div>
  117. </div>
  118.  
  119.  
  120.  
  121. <div class='page-right-box cauldron'>
  122.     <h3>Diskuznφ kotel</h3>
  123.     <div class='page-right-box-in'>
  124.         <ul>
  125. <li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3473' title='(25 komentß°∙)'>Sedφm na konßri a Φtu Computerworld</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3468' title='(23 komentß°∙)'>PPWizard - tvo°φme a spravujeme WWW strßnky</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3474' title='(22 komentß°∙)'>PφÜeme pro web - o sφle slov</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3464' title='(15 komentß°∙)'>Kurz SVG - grafickß primitiva</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3472' title='(10 komentß°∙)'>Cryptography v .NET - Symmetric a Asymmetric encryption</a></li>
  126.         </ul>
  127.     </div>
  128. </div>
  129.  
  130.  
  131.  
  132. <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>
  133. </div>
  134. <div class='page-maker'> </div><div class='page-maker-white'> </div></div>
  135. <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>
  136. </body>
  137. </html>