home *** CD-ROM | disk | FTP | other *** search
/ PC World 2005 January / PCWorld_2005-01_cd.bin / novinky / Interval / clanek01.htm next >
Encoding:
Extensible Markup Language  |  2004-12-09  |  12.0 KB  |  101 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>Webdesign s webov²mi standardy</h2>
  40. <p id='prepend'>Tvo°φte strßnky tabulkov²m layoutem a zastaral²mi metodami a cht∞li byste vyzkouÜet CSS layout a modernφ postupy? Pak prßv∞ pro vßs napsal Dan Cederholm knihu Webdesign s webov²mi standardy.</p>
  41.  
  42. <p>Dan Cederholm pou₧il p°i psanφ knihy podobn² postup, jako p°i psanφ oblφben²ch kvφz∙ <a href='http://www.simplebits.com/bits/simplequiz/'>SimpleQuiz</a> na svΘm weblogu SimpleBits. V₧dy zadal cφl a n∞kolik mo₧nostφ, jak prost°ednictvφm (X)HTML a CSS k n∞mu dojφt. A Φtenß°i diskutovali o v²hodßch a nev²hodßch jednotliv²ch postup∙.</p>
  43. <p>Stejn∞ tak Dan Cederholm na zaΦßtku ka₧dΘ kapitoly popφÜe cφl, kterΘho chceme dosßhnout, a nabφdne n∞kolik mo₧nostφ. Od t∞ch Üpatn²ch, t∞₧ce upravovateln²ch a stylovateln²ch, a₧ po ΦistΘ a sΘmantickΘ °eÜenφ, kterΘ lze snadno nastylovat pomocφ CSS.</p>
  44. <p>Po vysv∞tlenφ v²hod a nev²hod jednotliv²ch metod Dan Cederholm na konci ka₧dΘ kapitoly v sekci <em>N∞co navφc</em> ukß₧e n∞kolik pokroΦil²ch technik stylovßnφ. Jasn∞ tak dokß₧e, jakou v²hodu mß standardnφ (X)HTML v kombinaci s CSS.</p>
  45. <p>Na druhou stranu si musφme dßt na sekci <em>N∞co navφc</em> pozor, v∞tÜina zkrßÜlovacφch tip∙ vyu₧φvß dekoraΦnφch obrßzk∙. Nesmφte to ale s jejich pou₧φvßnφm p°ehnat, abyste v zßjmu zkrßÜlenφ strßnky neprodlou₧ili n∞kolikanßsobn∞ jejφ naΦφtßnφ.</p>
  46. <p>Samotnß kniha je rozd∞lena do dvou Φßstφ. V prvnφ Φßsti se dozvφte, jak sprßvn∞ tvo°it Φßsti strßnky - seznamy, nadpisy, tabulky, citace, formulß°e a odkazy. Poslednφ kapitola prvnφ Φßsti radφ, jak psßt ·sporn² k≤d. Odstranφte tak °adu nepot°ebn²ch t°φd, p°esto bude strßnka jeÜt∞ lΘpe upravovatelnß pomocφ CSS. Vyu₧ijete toti₧ p°irozenou kaskßdu.</p>
  47. <p>Druhß Φßst je zam∞°ena na tvorbu CSS layoutu a styly pro tisk. Proto mi nenφ moc jasnΘ, proΦ je v tΘto Φßsti probφrßno takΘ nahrazovßnφ textu obrßzkem a stylovßnφ textu. P°iÜlo by mi logickΘ tyto dv∞ kapitoly umφstit jeÜt∞ do prvnφ Φßsti.</p>
  48. <p>JeÜt∞ bych se vrßtil ke kapitole <em>Nahrazovßnφ textu obrßzkem</em>. Dan Cederholm zde popisuje t°i metody (Fahrner Image Replacement, Leahy/Langridge Image Replacement a Pharkovu metodu). ╪φkß, ₧e ₧ßdnΘ °eÜenφ nenφ dokonalΘ a v dob∞ psanφ knihy ₧ßdnΘ lepÜφ neexistovalo. P°ijde mi to trochu divnΘ, kdy₧ <a href='http://www.wellstyled.com/css-replace-text-by-image.html'>Pixyho metoda</a> funguje v²born∞ a byla podle mΘho nßzoru znßmß i p°ed psanφm knihy.</p>
  49. <p>Knize se nevyhnulo pßr p°eklep∙ Φi nep°esnostφ (nap°φklad mφsto pou₧φvanΘho nadpisu "Zßv∞r" narazφte na konci dvanßctΘ kapitoly na "Balφme to"). Chyb ale nenφ tolik, aby ruÜily p°i samotnΘm Φtenφ.</p>
  50. <p>Velmi se mi lφbil zvolen² postup vysv∞tlovßnφ a mrzφ m∞, ₧e jsem podobnou knihu nem∞l p°i sv²ch zaΦßtcφch. Mohl bych tvo°it strßnky od zaΦßtku s webov²mi standardy a vyu₧φvat v²hod z toho plynoucφch.</p>
  51. <p>Na druhou stranu, pokud u₧ tvo°φte strßnky pomocφ (X)HTML a CSS se sΘmantick²m k≤dem, pak pro vßs kniha p°φnosem nebude. Bohu₧el takov²ch webdesignΘr∙ je stßle menÜina.</p>
  52.  
  53. <div class='refer'>
  54. <h3>Informace o knize</h3>
  55. <div class='kniha-popis'>
  56. Nßzev: Webdesign s webov²mi standardy
  57. <br />Autor: Dan Cederholm
  58. <br />Vydal: Zoner Press
  59. <br />Cena: 240 KΦ (<a href='http://interval.inshop.cz/inshop/scripts/detail.asp?ItemID=281'>216 KΦ v odbornΘm knihkupectvφ Interval.cz</a>, kde najdete i dalÜφ informace.)
  60. </div>
  61. </div>
  62.  
  63. <div id='article-author'>
  64. <a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/autor.asp?author=206'>Weida, Petr</a> (22. 11. 2004)
  65. <div id='article-about-author'>autor spravuje odborn²
  66. web <a href="http://www.zpravy.net">About</a></div>
  67. </div>
  68.  
  69.  
  70. </div></div>
  71. <div id='page-right'><h2 class='textversion'>Prav² sloupek</h2>
  72. <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>
  73.  
  74.  
  75.  
  76. <div class='page-right-box book'>
  77.     <h3>Kni₧nφ novinka</h3>
  78.     <div class='page-right-box-in'>
  79.         <div class='book-top'>
  80.             <h4><a href='http://interval.cz/__redirect/redirect.asp?what=interval_booknews&url=http://interval.inshop.cz/inshop/scripts/detail.asp?ItemID=280'>xCSS - referenΦnφ p°φruΦka</a></h4>
  81.         </div>
  82.         <div class='image'>
  83.             <img src='podklady/knihy/image.jpg' alt='obßlka' title='obßlka' /></a>
  84.         </div>
  85.         <div class='book-bottom'>Cena: <span class='book-price-old'>350 KΦ</span> <span class='book-price-new'>315 KΦ</span></div>
  86.     </div>
  87. </div>
  88.  
  89.  
  90.  
  91. <div class='page-right-box reading'><h3 title='NejΦten∞jÜφ Φlßnky za poslednφch 14 dn∙'>NejΦten∞jÜφ</h3><div class='page-right-box-in'><ul><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3658'>VyhlßÜenφ sout∞₧e Interzen 2004</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3682'>Zend's PHP 5 Coding Contest - wtcSQLite</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3693'>PSPad - zaΦφnßme tvo°it webov² projekt</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3694'>SEO - struktura a p°esm∞rovßnφ</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3689'>NauΦte se vid∞t kreativn∞</a></li></ul></div></div><div class='page-right-box cauldron'><h3 title='Nejdiskutovan∞jÜφ Φlßnky za poslednφch 21 dn∙'>Diskuznφ kotel</h3><div class='page-right-box-in'><ul><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3680' title='(34 komentß°∙)'>H°φchy pro ÜφlenΘho korektora - autentizace, autentikace nebo autentifikace?</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3694' title='(31 komentß°∙)'>SEO - struktura a p°esm∞rovßnφ</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3683' title='(13 komentß°∙)'>Individualizace stylopis∙ k eliminaci chyb prohlφ₧eΦ∙ - teoretick² p°ehled</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3682' title='(13 komentß°∙)'>Zend's PHP 5 Coding Contest - wtcSQLite</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3676' title='(11 komentß°∙)'>Webdesign s webov²mi standardy</a></li></ul></div></div>
  92.  
  93.  
  94.  
  95. <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>
  96. </div>
  97. <div class='page-maker'> </div><div class='page-maker-white'> </div></div>
  98. <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>
  99. </body>
  100. </html>
  101.