home *** CD-ROM | disk | FTP | other *** search
/ PC World 2004 September / PCWorld_2004-09_cd.bin / novinky / Interval / 6 / clanek03.htm < prev    next >
Encoding:
Extensible Markup Language  |  2004-06-28  |  45.8 KB  |  434 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>Metadata a hlaviΦka pro XHTML dokument</h2>
  40. <p id='prepend'>Velkou v²hodou (X)HTML dokument∙ je, ₧e krom∞ vlastnφho obsahu, ΦitelnΘho v prohlφ₧eΦi, mohou nΘst i °adu skryt²ch informacφ, metadat. Ve skuteΦnosti nßm mohou metadata prozradit mnohem vφce ne₧ dokument sßm. V poslednφ dob∞ vÜak u₧ b²vajφ hlaviΦky, kam se metadata zapisujφ, tak objemnΘ, ₧e se v nich lze jen t∞₧ko orientovat a n∞kdy sv²m rozsahem dokonce podstatn∞ p°evyÜujφ dokument sßm. Tento Φlßnek by vßm m∞l napomoci zorientovat se v zßkladnφch mo₧nostech vyu₧itφ metadat v hlaviΦce (X)HTML dokumentu.</p>
  41.  
  42.  
  43. <p>Nejprve se podφvejte, jak bude vypadat v²sledn² dokument. JednotlivΘ sekce budu rozebφrat a komentovat postupn∞, proto₧e je jich velkΘ mno₧stvφ. Ka₧dß sekce je od ostatnφch odd∞lena vno°en²mi komentß°i, kterΘ nesou souhrn t∞ch nejd∙le₧it∞jÜφch informacφ. (Komentß°e jsou v angliΦtin∞, proto₧e vznikaly v rßmci voln∞ p°φstupnΘho f≤ra souΦinnostφ n∞kolika p°isp∞vatel∙.) V∞nujte pozornost p°edevÜφm element∙m "meta" a "link", kterΘ obsahujφ metadata, ostatnφ elementy jsou v ukßzce zahrnuty pouze proto, aby v²sledkem byl validnφ XHTML dokument.</p>
  44.  
  45. <div class='sample'>
  46. <!-- ?xml version='1.0' encoding='windows-1250'? -->
  47. <br /><!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
  48. <br /><html xmlns='http://www.w3.org/1999/xhtml' xml:lang='cs' lang='cs'>
  49. <br />   <head>
  50. <br />      <!-- ENCODING /-->
  51. <br />      <!-- use proper one: iso-8859-2, windows-1250, utf-8 etc. /-->
  52. <br />      <!-- check FIRST LINE with xml charset too!!! /-->
  53. <br />      <meta http-equiv='Content-Type' content='text/html; charset=windows-1250' />
  54. <br />      <meta http-equiv='Content-language' content='cs' />
  55. <br />      <!-- ENCODING end /-->
  56. <br />
  57. <br />      <!-- CACHE /-->
  58. <br />      <!-- turning cache on/OFF depends on what you need to do /-->
  59. <br />      <!-- dynamic (PHP/ASP) should be OFF, static (HTM/HTML) should be ON /-->
  60. <br />      <!-- CACHE - MSIE /-->
  61. <br />      <meta http-equiv='Cache-Control' content='must-revalidate, post-check=0, pre-check=0' />
  62. <br />      <meta http-equiv='Pragma' content='public' />
  63. <br />      <!-- CACHE - MSIE end /-->
  64. <br />      <!-- CACHE - other browsers /-->
  65. <br />      <meta http-equiv='Cache-Control' content='no-cache' />
  66. <br />      <meta http-equiv='Pragma' content='no-cache' />
  67. <br />      <meta http-equiv='Expires' content='-1' />
  68. <br />      <!-- CACHE - other browsers end /-->
  69. <br />      <!-- CACHE - end /-->
  70. <br />
  71. <br />      <!-- ROBOTS /-->
  72. <br />      <!-- select suitable behavior for robots /-->
  73. <br />      <meta name='robots' content='index,follow' />
  74. <br />      <meta name='googlebot' content='index,follow,snippet,archive' />
  75. <br />      <!-- meta name='robots' content='noindex,nofollow' /-->
  76. <br />      <!-- meta name='googlebot' content='noindex,nofollow,nosnippet,noarchive' /-->
  77. <br />      <!-- ROBOTS end /-->
  78. <br />
  79. <br />      <!-- KEYWORDS & CATEGORIES - but who cares now :-( /-->
  80. <br />      <meta name='description' content='XHTML 1.0 Strict basic page fragment' />
  81. <br />      <meta name='keywords' content='XHTML 1.0, CSS, test' />
  82. <br />      <meta name='category' content='XHTML' />
  83. <br />      <!-- KEYWORDS & CATEGORIES - end /-->
  84. <br />
  85. <br />      <!-- AUTHOR self promo - use 'crypted' e-mails defeats robotic harvesters /-->
  86. <br />      <!-- Translate . => &#45; @ => &#64; etc. /-->
  87. <br />      <meta name='author' content='All: Author Name, e-mail: author-name(@)example.net' />
  88. <br />      <meta name='webmaster' content='All: Webmaster Name, e-mail: webmaster-name(@)example.net' />
  89. <br />      <meta name='copyright' content='⌐2004 Owner Name, e-mail: owner-name(@)example.net' />
  90. <br />      <!-- AUTHOR self promo - end /-->
  91. <br />
  92. <br />      <!-- PICS label - content rating & description (kids, security...) /-->
  93. <br />      <!-- Platform for Internet Content Selection (PICS) - http://www.w3.org/PICS/ /-->
  94. <br />      <!-- PICS label generator - http://www.icra.org/_en/label/extended/ /-->
  95. <br />      <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://example.net" r (nz 1 vz 1 lz 1 oz 1 cz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://example.net" r (n 0 s 0 v 0 l 0))' />
  96. <br />      <!-- PICS label - end /-->
  97. <br />
  98. <br />      <!-- DUBLIN CORE /-->
  99. <br />      <!-- DC Metadata Initiative (DCMI) - http://dublincore.org /-->
  100. <br />      <!-- DC template generator - http://www.lub.lu.se/cgi-bin/nmdc.pl /-->
  101. <br />      <meta name='DC.Title' content='Title Name' />
  102. <br />      <meta name='DC.Identifier' content='http://www.example.net' />
  103. <br />      <meta name='DC.Language' content='cs' />
  104. <br />      <!-- DUBLIN CORE - end /-->
  105. <br />
  106. <br />      <!-- GEOURL /-->
  107. <br />      <!-- Geographics location (altitude, latitude) - http://geourl.org /-->
  108. <br />      <!-- You can obtain exact location via http://www.maporama.com/share/ /-->
  109. <br />      <meta name='ICBM' content='0.0000, 0.0000' />
  110. <br />      <!-- GEOURL - end /-->
  111. <br />
  112. <br />      <!-- BROWSER SPECIFIC FEATURES = ALL OFF /-->
  113. <br />      <!-- MSIE - 'helpful' features /-->
  114. <br />      <meta http-equiv='imagetoolbar' content='no' />
  115. <br />      <meta http-equiv='MSThemeCompatible' content='no' />
  116. <br />      <meta name='MS.LOCALE' content='cs' />
  117. <br />      <!-- OPERA - image resizing /-->
  118. <br />      <meta name='autosize' content='off' />
  119. <br />      <!-- BROWSER SPECIFIC FEATURES = end /-->
  120. <br />
  121. <br />      <!-- ICON /-->
  122. <br />      <!-- Use icon for this page if you have one /-->
  123. <br />      <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
  124. <br />      <!-- ICON end /-->
  125. <br />
  126. <br />      <!-- ALTERNATIVE VERSION - plain text, PDA version or RSS if you have one /-->
  127. <br />      <link rel='alternate' type='text/xml' title='RSS Example.net' href='http://www.example.net/rss.xml' />
  128. <br />      <!-- ALTERNATIVE VERSION - end /-->
  129. <br />
  130. <br />      <!-- NAVIGATION - based on logical relations of documents /-->
  131. <br />      <!-- homepage /-->
  132. <br />      <link rel='home' href='http://www.example.net' />
  133. <br />      <!-- searchpage /-->
  134. <br />      <link rel='search' href='http://www.example.net/search/' />
  135. <br />      <!-- title page of serial /-->
  136. <br />      <link rel='up' href='http://www.example.net/serial/this/' />
  137. <br />      <!-- first part of serial /-->
  138. <br />      <link rel='first' href='http://www.example.net/article/first/' />
  139. <br />      <!-- last part of serial /-->
  140. <br />      <link rel='last' href='http://www.example.net/article/last/' />
  141. <br />      <!-- previous part of serial /-->
  142. <br />      <link rel='prev' href='http://www.example.net/article/previous/' />
  143. <br />      <!-- next part of serial /-->
  144. <br />      <link rel='next' href='http://www.example.net/article/next/' />
  145. <br />      <!-- news, RSS /-->
  146. <br />      <link rel='newsfeed' href='http://www.example.net/rss.xml' />
  147. <br />      <!-- NAVIGATION - end /-->
  148. <br />
  149. <br />      <!-- CASCADING STYLE SHEETS /-->
  150. <br />      <!-- INPAGE STYLE - pagemargin problem solving /-->
  151. <br />      <style type='text/css' media='all'>
  152. <br />         BODY, HTML {
  153. <br />            border: 0px none;
  154. <br />            margin: 0px;
  155. <br />            padding: 0px;
  156. <br />         }
  157. <br />      </style>
  158. <br />      <!-- LINKED STYLE /-->
  159. <br />      <link rel='stylesheet' type='text/css' media='all' href='./css/css_all.css' />
  160. <br />      <link rel='stylesheet' type='text/css' media='screen' href='./css/css_screen.css' />
  161. <br />      <link rel='stylesheet' type='text/css' media='print' href='./css/css_print.css' />
  162. <br />      <!-- PREFFERED STYLE /-->
  163. <br />      <link rel='stylesheet' type='text/css' href='./css/css_pref.css' title='Preffered style' />
  164. <br />      <!-- ALTERNATE STYLE /-->
  165. <br />      <link rel='alternate stylesheet' type='text/css' href='css_alt.css' title='Alternate style' />
  166. <br />      <!-- CASCADING STYLE SHEETS - end /-->
  167. <br />
  168. <br />      <title>
  169. <br />         XHTML 1.0 Strict page basic fragment
  170. <br />      </title>
  171. <br />   </head>
  172. <br />   
  173. <br />   <body>
  174. <br />      Put XHTML 1.0 Strict page content here...
  175. <br />   </body>
  176. <br /></html>
  177. </div>
  178.  
  179. <h3>K≤dovßnφ dokumentu</h3>
  180. <p>Bezesporu nejrozÜφ°en∞jÜφ metainformacφ ze vÜech je ·daj o k≤dovßnφ dokumentu, respektive o pou₧itΘ znakovΘ sad∞, a jazyku, v n∞m₧ je dokument psßn. Tyto dva °ßdky k≤du, kterΘ se souΦasn² webdesign sna₧φ ji₧ opustit, umo₧nily skuteΦn² rozvoj WWW tφm, ₧e u₧ivatel∙m internetu zp°φstupnily dokumenty v jejich nßrodnφm jazyku. Myslφm, ₧e jsou natolik znßmΘ, ₧e nemß smysl je zde podrobn∞ rozebφrat. Zßjemce o dalÜφ informace mohu odkßzat na serißl <a href='http://interval.cz/serial.asp?serial=14' title='Interval.cz: ZnakovΘ sady v praxi'>ZnakovΘ sady v praxi</a> nebo Φlßnek <a href='http://interval.cz/clanek.asp?article=1472' title='Snφ₧ek, Martin: XHTML - k≤dovßnφ dokumentu'>XHTML - k≤dovßnφ dokumentu</a>. Pouze p°ipomenu, ₧e urΦenφ k≤dovßnφ a jazyka dokumentu musφ v₧dy p°edchßzet jak²mkoli dalÜφm Φßstem dokumentu a ₧e k≤dovßnφ nenφ t°eba uvßd∞t u dokument∙ u₧φvajφcφch UTF.</p>
  181.  
  182. <div class='sample'>
  183.       <!-- ENCODING /-->
  184. <br />      <!-- use proper one: iso-8859-2, windows-1250, utf-8 etc. /-->
  185. <br />      <!-- check FIRST LINE with xml charset too!!! /-->
  186. <br />      <meta http-equiv='Content-Type' content='text/html; charset=windows-1250' />
  187. <br />      <meta http-equiv='Content-language' content='cs' />
  188. <br />      <!-- ENCODING end /-->
  189. </div>
  190.  
  191. <h3>KeÜovßnφ dokumentu</h3>
  192. <p>Pravidla pro keÜovßnφ (uchovßvßnφ lokßlnφch kopiφ) jsou dalÜφ samoz°ejmou souΦßstφ (X)HTML dokumentu. Nemohou v plnΘm rozsahu nahradit hlaviΦky HTTP protokolu, mohou vÜak poslou₧it tam, kde nenφ k HTTP hlaviΦkßm p°φstup, a¥ u₧ jde o bezpeΦnostnφ servery, r∙znΘ proxy a nebo prohlφ₧eΦe, kterΘ si HTTP hlaviΦky vyklßdajφ po svΘm. Tyto metainformace m∙₧eme pou₧φt tehdy, kdy₧ chceme donutit prohlφ₧eΦ, aby v₧dy poskytoval Φtenß°i aktußlnφ verzi dokumentu (pokud ji nap°φklad generujeme dynamicky), nebo naopak kdy₧ chceme trochu ulehΦit internetu tφm, ₧e proxyserver∙m umo₧nφme poskytovat lokßlnφ kopie dokumentu, co₧ sni₧uje po₧adavky na p°enos dat.</p>
  193.  
  194. <div class='sample'>
  195.       <!-- CACHE /-->
  196. <br />      <!-- turning cache on/OFF depends on what you need to do /-->
  197. <br />      <!-- dynamic (PHP/ASP) should be OFF, static (HTM/HTML) should be ON /-->
  198. <br />      <!-- CACHE - MSIE /-->
  199. <br />      <meta http-equiv='Cache-Control' content='must-revalidate, post-check=0, pre-check=0' />
  200. <br />      <meta http-equiv='Pragma' content='public' />
  201. <br />      <!-- CACHE - MSIE end /-->
  202. <br />      <!-- CACHE - other browsers /-->
  203. <br />      <meta http-equiv='Cache-Control' content='no-cache' />
  204. <br />      <meta http-equiv='Pragma' content='no-cache' />
  205. <br />      <meta http-equiv='Expires' content='-1' />
  206. <br />      <!-- CACHE - other browsers end /-->
  207. <br />      <!-- CACHE - end /-->
  208. </div>
  209.  
  210. <p>P°edchozφ zßpis striktn∞ zakazuje vytvß°enφ lokßlnφch kopiφ dokumentu a nutφ vÜechny programy k revalidaci (znovunaΦtenφ) p°i ka₧dΘm po₧adavku na zobrazenφ dokumentu (opaΦnΘho efektu bychom dosßhli vymazßnφm bloku nebo p°episem hodnot na jejich logick² opak). VÜimn∞te si, ₧e zde definujeme pravidla pro keÜovßnφ vlastn∞ dvakrßt. Je tomu tak proto, ₧e prohlφ₧eΦe °ady Microsoft Internet Explorer ignorujφ normy, popisujφcφ princip a funkci cache (viz <a href='http://www.apps.ietf.org/rfc/rfc2068.html#sec-13'>RFC 2068</a> a navazujφcφ).</p>
  211.  
  212. <h3>Informace pro vyhledßvaΦe a jinΘ roboty</h3>
  213. <p>Metaelement "robots" informuje o tom, jak by si autor dokumentu p°ßl, aby se k jeho dφlu chovaly programy, specializovanΘ na shroma₧∩ovßnφ metadat nebo dokument∙ jako takov²ch. V tΘto kategorii jsou podstatnΘ p°edevÜφm vyhledßvaΦe, bez kter²ch bychom u₧ dnes prakticky nebyli schopni na internetu cokoli najφt. Tyto metaelementy umo₧≥ujφ nastavovat pravidla chovßnφ pro ka₧d² dokument zvlßÜ¥, je-li to pot°eba, roboty je vÜak nemusφ respektovat (co₧ zhusta Φinφ downloadery). Rozhodn∞ tφmto zp∙sobem nelze chrßnit d∙v∞rnß data! PodrobnΘ informace zφskßte nejlΘpe na <a href='http://www.robotstxt.org/wc/robots.html'>The Web Robots Pages</a>.</p>
  214.  
  215. <div class='sample'>
  216.       <!-- ROBOTS /-->
  217. <br />      <!-- select suitable behavior for robots /-->
  218. <br />      <meta name='robots' content='index,follow' />
  219. <br />      <meta name='googlebot' content='index,follow,snippet,archive' />
  220. <br />      <!-- meta name='robots' content='noindex,nofollow' /-->
  221. <br />      <!-- meta name='googlebot' content='noindex,nofollow,nosnippet,noarchive' /-->
  222. <br />      <!-- ROBOTS end /-->
  223. </div>
  224.  
  225. <p>K≤dovΘ slovo "index" znamenß, ₧e si robot m∙₧e zapamatovat URL a dalÜφ pot°ebnΘ informace o strßnce, "follow" zase znaΦφ, ₧e robot smφ nßsledovat hypertextovΘ odkazy v dokumentu. OpaΦnΘho chovßnφ lze dosßhnout p°ipojenφm zßporky "no" p°ed k≤dovΘ slovo, p°iΦem₧ lze vytvß°et libovolnΘ kombinace (tedy klidn∞ i "noindex, follow" nebo "index, nofollow").</p>
  226. <p>PovÜimn∞te si, ₧e krom∞ metaelementu "robots" se v tΘto sekci vyskytuje takΘ metaelement "googlebot". Ten je zde specißln∞ kv∙li vyhledßvaΦi Google (i kdy₧ n∞kterΘ dalÜφ roboty ho takΘ respektujφ) a umo₧≥uje ovlivnit jeho chovßnφ pomocφ dvou rozÜi°ujφcφch k≤dov²ch slov. Slovo "archive" znamenß, ₧e si prohlφ₧eΦ m∙₧e ulo₧it snφmek strßnky do svΘ lokßlnφ pam∞ti a pozd∞ji ho poskytovat k nahlΘdnutφ (co₧ Φasto nevyhovuje poskytovatel∙m placenΘho obsahu, t°eba novin), slovo "snippet" urΦuje, jak bude zobrazovat v²sledek hledßnφ, jeho₧ souΦßstφ je indexovan² dokument - v tomto p°φpad∞ se zobrazφ kousek textu okolo hledanΘho slova, v opaΦnΘm p°φpad∞ by se zobrazil jen popisek dokumentu z metaelementu "description".</p>
  227.  
  228. <h3>Popis, klφΦovß slova a kategorie dokumentu</h3>
  229. <p>Metaelementy tΘto sekce m∞ly p∙vodn∞ slou₧it pro udr₧ovßnφ p°ehledu o obsahu dokument∙, po vzoru bibliografick²ch katalog∙, tak₧e by bylo mo₧no nalΘzt relevantnφ dokumenty i tehdy, pokud by nemluvily p°φmo o p°edm∞tu zßjmu Φtenß°e. Prvnφ vyhledßvaΦe jim p°iklßdaly velkou vßhu, tak₧e je lidΘ brzy zaΦaly zneu₧φvat a vklßdali do nich r∙znΘ nesmysly. N∞kterΘ souΦasnΘ vyhledßvaΦe je proto zcela ignorujφ a jinΘ je berou v ·vahu jen jako podp∙rnou informaci. Sv∙j v²znam si tak uchovßvajφ p°edevÜφm v rozlehl²ch intranetov²ch sφtφch.</p>
  230.  
  231. <div class='sample'>
  232.       <!-- KEYWORDS & CATEGORIES - but who cares now :-( /-->
  233. <br />      <meta name='description' content='XHTML 1.0 Strict basic page fragment' />
  234. <br />      <meta name='keywords' content='XHTML 1.0, CSS, test' />
  235. <br />      <meta name='category' content='XHTML' />
  236. <br />      <!-- KEYWORDS & CATEGORIES - end /-->
  237. </div>
  238.  
  239. <p>Metaelement "description" by m∞l obsahovat lidsky srozumiteln² a v²sti₧n² popis dokumentu, nep°esahujφcφ 256 znak∙. Metaelement "keywords" by m∞l obsahovat takzvanß klφΦovß slova, co₧ jsou termφny, kterΘ majφ pro dan² dokument mimo°ßdn² v²znam. V souΦasnosti se nedoporuΦuje pou₧φvat vφce ne₧ Φty°i Φi p∞t slov. Metaelement "category" klasifikuje dokument podle mezinßrodnφho p°edm∞tovΘho katalogu a v souΦasnosti se tak°ka v∙bec nepou₧φvß.</p>
  240.  
  241. <h3>Autor, webmaster a vlastnφk dokumentu</h3>
  242. <p>Tato skupina metaelement∙ urΦuje vztah dokumentu k r∙zn²m fyzick²m Φi prßvnick²m subjekt∙m, typicky k autorovi obsahu, jeho vlastnφkovi a sprßvci webu. Informace jsou to bezesporu zajφmavΘ a d∙le₧itΘ, problΘm je pouze v tom, ₧e jsou internetovou ve°ejnostφ hromadn∞ ignorovßny. Proto₧e vÜak v∞tÜinou obsahujφ e-mailovΘ adresy, staly se lßkavou pochoutkou pro r∙znΘ roboty, kterΘ je shroma₧∩ujφ do spamovacφch databßzφ. Pokud u₧ je v dokumentu budete uvßd∞t, je vhodnΘ standardnφ tvar e-mailovΘ adresy n∞jak²m zp∙sobem rozruÜit tak, aby z∙stala srozumitelnß pro Φlov∞ka, ale stala se neΦitelnou pro robota. ProblΘm je ovÜem v tom, ₧e spamboti jsou Φφm dßl inteligentn∞jÜφ, co₧ o lidech, bohu₧el, nelze °φci...</p>
  243.  
  244. <div class='sample'>
  245.       <!-- AUTHOR self promo - use 'crypted' e-mails defeats robotic harvesters /-->
  246. <br />      <!-- Translate . => &#45; @ => &#64; etc. /-->
  247. <br />      <meta name='author' content='All: Author Name, e-mail: author-name(@)example.net' />
  248. <br />      <meta name='webmaster' content='All: Webmaster Name, e-mail: webmaster-name(@)example.net' />
  249. <br />      <meta name='copyright' content='⌐2004 Owner Name, e-mail: owner-name(@)example.net' />
  250. <br />      <!-- AUTHOR self promo - end /-->
  251. </div>
  252.  
  253. <h3>P°φstupnost a obsahovß vhodnost dokumentu</h3>
  254. <p>Platform for Internet Content Selection (<a href='http://www.w3.org/PICS/'>PICS</a>) vznikla jako f≤rum, jeho₧ cφlem p∙vodn∞ bylo ochrßnit nezletilΘ osoby (rozum∞j d∞ti) p°ed nevhodn²m obsahem, nap°φklad pornografiφ nebo "politicky nekorektnφm" jazykem. PICS je zalo₧eno na spoluprßci mezi poskytovatelem obsahu, kter² svΘ strßnky zhodnotφ a vnese do nich pat°iΦnΘ metainformace, v²robcem program∙ pro p°φstup k obsahu (prohlφ₧eΦ∙), kter² poskytne pot°ebnΘ nßstroje, a odpov∞dnou osobou (rodiΦem), kterß povolφ Φi zakß₧e p°φstup k urΦit²m typ∙m dokument∙. Z logick²ch d∙vod∙ PICS dokonale selhal, je vÜak vhodnΘ ho uvßd∞t, proto₧e n∞kterΘ programy pova₧ujφ jeho nep°φtomnost za znßmku nekalΘho obsahu.</p>
  255.  
  256. <div class='sample'>
  257.       <!-- PICS label - content rating & description (kids, security...) /-->
  258. <br />      <!-- Platform for Internet Content Selection (PICS) - http://www.w3.org/PICS/ /-->
  259. <br />      <!-- PICS label generator - http://www.icra.org/_en/label/extended/ /-->
  260. <br />      <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://example.net" r (nz 1 vz 1 lz 1 oz 1 cz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://example.net" r (n 0 s 0 v 0 l 0))' />
  261. <br />      <!-- PICS label - end /-->
  262. </div>
  263.  
  264. <p>Jakmile auto°i PICS seznali, ₧e tudy cesta nevede, sna₧ili se p°ejφt od destrukce ke konstrukci. V souΦasnosti, jak tvrdφ, nenφ ·Φelem PICS omezovat p°φstup k informacφm, ale naopak informace popisovat, t°φdit a definovat jejich zdroje (autory a podobn∞). Obßvßm se vÜak, ₧e v tΘto oblasti nemohou usp∞t, proto₧e jim konkuruje °ada kvalitn∞jÜφch a inteligentn∞jÜφch systΘm∙ bez poÜramocenΘ pov∞sti. Pokud chcete PICS pou₧φvat, doporuΦuji vßm <a href='http://www.icra.org/_en/label/extended/'>on-line generßtor</a>, proto₧e vytvo°it pot°ebn² metaelement "ruΦn∞" je prakticky nemo₧nΘ.</p>
  265.  
  266. <h3>Dublin Core Metadata Initiative</h3>
  267. <p>Takzvanß Dublin Core Metadata Initiative (<a href='http://dublincore.org'>DCMI</a>) je v souΦasnosti otev°en²m f≤rem, kterΘ se sna₧φ sbφrat, systematizovat, vytvß°et a poskytovat specifickß schΘmata (sady metaelement∙), umo₧≥ujφcφ popis libovolnΘho aspektu dokumentu. P∙vodn∞ tato iniciativa vznikla mezi odbornφky na bibliografii, jako prost°edek, kter² m∞l umo₧nit popis dokument∙ stejn²m zp∙sobem, jak² byl pou₧φvßn ve specializovan²ch knihovnick²ch programech. NaÜt∞stφ se do v∞ci vΦas vlo₧ily i jinΘ subjekty, tak₧e se zam∞°enφ iniciativy podstatn∞ rozÜφ°ilo a v souΦasnosti p°edstavuje nejrozsßhlejÜφ a nejpropracovan∞jÜφ systΘm, pomocφ n∞ho₧ je mo₧no (X)HTML dokumenty popisovat.</p>
  268.  
  269. <div class='sample'>
  270.       <!-- DUBLIN CORE /-->
  271. <br />      <!-- DC Metadata Initiative (DCMI) - http://dublincore.org /-->
  272. <br />      <!-- DC template generator - http://www.lub.lu.se/cgi-bin/nmdc.pl /-->
  273. <br />      <meta name='DC.Title' content='Title Name' />
  274. <br />      <meta name='DC.Identifier' content='http://www.example.net' />
  275. <br />      <meta name='DC.Language' content='cs' />
  276. <br />      <!-- DUBLIN CORE - end /-->
  277. </div>
  278.  
  279. <p>Metaelementy DCMI snadno poznßte podle povinnΘ p°edpony "DC" a naleznete je p°edevÜφm v odborn²ch dokumentech na specializovan²ch serverech. Je jich velkΘ mno₧stvφ, tak₧e je nejlepÜφ pou₧φvat pro anal²zu i tvorbu specializovanΘ nßstroje, jako je nap°φklad <a href='http://www.lub.lu.se/cgi-bin/nmdc.pl'>Dublin Core Metadata Template</a>. Pokud mßte zßjem o dalÜφ informace z tΘto oblasti a nevlßdnete jazykem anglick²m prßv∞ nejlΘpe, doporuΦuji vßm <a href='http://www.ics.muni.cz/dublin_core/'>Dublin Core Czech</a> - vliv knihovnφk∙ je zde vÜak mnohem patrn∞jÜφ ne₧ na mezinßrodnφch strßnkßch, tak₧e se nedejte zmßst.</p>
  280.  
  281. <h3>Zem∞pisnß poloha zdroje (serveru)</h3>
  282. <p>U₧ v ÜerΘm dßvnov∞ku internetu vznikl p°φznak, kter² umo₧≥oval urΦit p°esnou geografickou polohu fyzickΘho zdroje konkrΘtnφ informace, p°esn∞ji °eΦeno serveru systΘmu Usenet (viz <a href='http://www.catb.org/~esr/jargon/html/I/ICBM-address.html'>ICBM address</a>). Pravd∞podobn∞ by z∙stal za okrajem zßjmu u₧ivatel∙, neb²t vzniku fenomΘnu jmΘnem weblog. Weblogy jsou v∞tÜinou ·zce vßzßny na konkrΘtnφ osoby, kterΘ o sob∞ rßdy dßvajφ v∞d∞t. Vznikla tedy iniciativa <a href='http://geourl.org'>GeoURL</a>, kterß registruje nejr∙zn∞jÜφ zdroje a poskytuje informace o jejich lokaci. Z historick²ch d∙vod∙ se vÜak hodnoty metaelementu "ICBM" uvßd∞jφ v desetinn²ch hodnotßch, kterΘ je zvlßÜt∞ pro naÜe kraje t∞₧kΘ zjisti - jß jsem vyu₧il slu₧eb serveru <a href='http://www.maporama.com/share/'>Maporama.com</a>.</p>
  283.  
  284. <div class='sample'>
  285.       <!-- GEOURL /-->
  286. <br />      <!-- Geographics location (altitude, latitude) - http://geourl.org /-->
  287. <br />      <!-- You can obtain exact location via http://www.maporama.com/share/ /-->
  288. <br />      <meta name='ICBM' content='0.0000, 0.0000' />
  289. <br />      <!-- GEOURL - end /-->
  290. </div>
  291.  
  292. <h3>Prohlφ₧eΦe a jejich v²mysly</h3>
  293. <p>V²robci prohlφ₧eΦ∙ (browser∙) od poΦßtku vnßÜeli do (X)HTML r∙znΘ prvky, kter²mi se jednak cht∞li odliÜit od konkurence a druhak jimi cht∞li rozÜφ°it mo₧nosti designΘr∙. N∞kterΘ z t∞chto v²mysl∙ ale zaÜly p°φliÜ daleko a obt∞₧ujφ jak poskytovatele tak i spot°ebitele obsahu. NaÜt∞stφ je mo₧no tato "vylepÜenφ" pomocφ metaelement∙ deaktivovat. V nßsledujφcφ skupin∞ oblφben²ch metaelement∙ prvnφ zabrßnφ zobrazovßnφ nßstrojovΘ liÜty MSIE nad obrßzky (vhodnΘ u obrßzk∙, kterΘ jsou jen grafick²m dopl≥kem strßnky), druh² donutφ MSIE zobrazit standardnφ ovlßdacφ prvky (formulß°e) bez ohledu na aktußlnφ vzhled Windows a t°etφ znemo₧nφ MSIE vklßdat a zpracovßvat "inteligentnφ" znaΦky ve strßnce. Poslednφ metaelement pak donutφ Operu, aby p°estala automaticky p°izp∙sobovat rozm∞ry obrßzk∙ velikosti viewportu, p°edstφraje tak MSIE.</p>
  294.  
  295. <div class='sample'>
  296.       <!-- BROWSER SPECIFIC FEATURES = ALL OFF /-->
  297. <br />      <!-- MSIE - 'helpful' features /-->
  298. <br />      <meta http-equiv='imagetoolbar' content='no' />
  299. <br />      <meta http-equiv='MSThemeCompatible' content='no' />
  300. <br />      <meta name='MSSmartTagsPreventParsing' content='TRUE' />
  301. <br />      <!-- OPERA - image resizing /-->
  302. <br />      <meta name='autosize' content='off' />
  303. <br />      <!-- BROWSER SPECIFIC FEATURES = end /-->
  304. </div>
  305.  
  306. <h3>Ikona dokumentu Φi serveru</h3>
  307. <p>S znaΦkou "link" m∞li tv∙rci HTML p∙vodn∞ velkΘ plßny, kterΘ vÜak pozd∞ji degenerovaly do n∞kolika vcelku u₧iteΦn²ch aplikacφ. SpφÜe pro pobavenφ lze vyu₧φt "shortcut icon", kter² k dokumentu, pota₧mo celΘmu serveru, p°ipojuje ikonku, kterou pak prohlφ₧eΦ zobrazφ v adresnφm °ßdku, zßhlavφ liÜty nebo v oblφben²ch slo₧kßch. Implementace je pom∞rn∞ problematickß, ani modernφ prohlφ₧eΦe nezachßzejφ s tφmto prvkem zcela korektn∞. Nebudu zde rozebφrat podrobnosti, krßtk² popis naleznete v Φlßnku <a href='http://interval.cz/clanek.asp?article=393' title='KuΦera, Miroslav: Vlastnφ ikona strßnek'>Vlastnφ ikona strßnek</a>, v ΦeskΘm jazyce asi nejobjemn∞jÜφ je sta¥ <a href='http://www.jakpsatweb.cz/favicon.htm'>Ikona strßnky</a>, kterß obsahuje vÜechny podstatnΘ informace o tomto tΘmatu.</p>
  308.  
  309. <div class='sample'>
  310.       <!-- ICON /-->
  311. <br />      <!-- Use icon for this page if you have one /-->
  312. <br />      <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
  313. <br />      <!-- ICON end /-->
  314. </div>
  315.  
  316. <h3>Alternativnφ verze dokumentu</h3>
  317. <p>S rozvojem r∙zn²ch za°φzenφ, pomocφ nich₧ p°istupujeme k internetu, se stßvß stßle zajφmav∞jÜφ mo₧nost odkßzat v hlaviΦce (X)HTML na jin² formßt, v n∞m₧ je dostupnß stejnß informace. Lze takto do dokumentu vlo₧it odkaz na verzi pro WAP, PDA nebo na jednoduchou textovou verzi. V poslednφ dob∞ je obzvlßÜt∞ oblφben²m alternativnφm formßtem <a href='http://interval.cz/clanek.asp?article=2050' title='BureÜ, Ji°φ: RSS? RSS!'>RSS</a>, kterΘ m∙₧e nΘst prakticky jakΘkoli informace. N∞kterΘ ΦteΦky nebo roboty u₧ dokß₧φ p°φmo ze strßnek vypreparovat odkaz na <a href='http://interval.cz/__rss/rss.asp'>RSS kanßl</a> a poskytnout ho Φtenß°i, pokud je v hlaviΦce dokumentu uvedena deklarace, podobnß nßsledujφcφ:</p>
  318.  
  319. <div class='sample'>
  320.       <!-- ALTERNATIVE VERSION - plain text, PDA version or RSS if you have one /-->
  321. <br />      <link rel='alternate' type='text/xml' title='RSS Example.net' href='http://www.example.net/rss.xml' />
  322. <br />      <!-- ALTERNATIVE VERSION - end /-->
  323. </div>
  324.  
  325. <h3>Navigace a vazby mezi dokumenty</h3>
  326. <p>Jednφm z prvnφch ·kol∙ elementu "link" bylo udr₧ovßnφ logick²ch vazeb mezi dokumenty a usnadn∞nφ pohybu v sadßch souvisejφcφch soubor∙. Na internetu je vÜak v∞tÜina dokument∙ na sob∞ nezßvislß, pohyb mezi nimi lΘpe zajiÜ¥ujφ hypertextovΘ odkazy a vyhledßvßnφ souvisejφcφch informacφ zase umo₧≥ujφ specializovanΘ slu₧by, tak₧e se element "link" tφmto zp∙sobem rychle p°estal pou₧φvat a p°e₧φval pouze v intranetech. Zdß se vÜak, ₧e by se mohl vrßtit, dφky dynamicky generovan²m strßnkßm (odpadajφ problΘmy s konzistencφ), kterΘ p°itom kv∙li SEO p°edstφrajφ statiΦnost. Navφc jsou u₧ k dispozici i prohlφ₧eΦe, kterΘ umφ vygenerovat z metadat navigaΦnφ liÜtu, tvß°φcφ se jako jejich integrßlnφ souΦßst - pro tradiΦn∞ zaostßvajφcφ MSIE existuje plug-in <a href='http://www.draig.de/LinkBar/index.en.html'><LINK> Navigation Bar</a>, navφc s celkem inteligentnφ podporou odkaz∙ na alternativnφ verze dokumentu.</p>
  327.  
  328. <div class='sample'>
  329.       <!-- NAVIGATION - based on logical relations of documents /-->
  330. <br />      <!-- homepage /-->
  331. <br />      <link rel='home' href='http://www.example.net' />
  332. <br />      <!-- searchpage /-->
  333. <br />      <link rel='search' href='http://www.example.net/search/' />
  334. <br />      <!-- title page of serial /-->
  335. <br />      <link rel='up' href='http://www.example.net/serial/this/' />
  336. <br />      <!-- first part of serial /-->
  337. <br />      <link rel='first' href='http://www.example.net/article/first/' />
  338. <br />      <!-- last part of serial /-->
  339. <br />      <link rel='last' href='http://www.example.net/article/last/' />
  340. <br />      <!-- previous part of serial /-->
  341. <br />      <link rel='prev' href='http://www.example.net/article/previous/' />
  342. <br />      <!-- next part of serial /-->
  343. <br />      <link rel='next' href='http://www.example.net/article/next/' />
  344. <br />      <!-- news, RSS /-->
  345. <br />      <link rel='newsfeed' href='http://www.example.net/rss.xml' />
  346. <br />      <!-- NAVIGATION - end /-->
  347. </div>
  348.  
  349. <p>V ukßzce v²Üe vidφte sekvenci element∙ "link" r∙znΘho typu (atribut "rel"), kterß spoleΦn∞ vytvß°φ zßkladnφ navigaΦnφ strukturu sady dokument∙. V praxi m∙₧ete jejich pou₧itφ vid∞t p°φmo zde na Interval.cz, pokud si otev°ete Φlßnek, kter² je souΦßstφ n∞jakΘho serißlu, nap°φklad <a href='http://interval.cz/clanek.asp?article=1882' title='Snφ₧ek, Martin: XHTML - element link'>XHTML - element link</a> (do budoucna je m²m cφlem umo₧nit nßvÜt∞vnφk∙m prochßzet touto metodou prakticky cel² nßÜ web). Op∞t se vyhnu noÜenφ sov do AtΘn a odkß₧u vßs na podrobn∞jÜφ Φlßnek <a href='http://interval.cz/clanek.asp?article=2316' title='Dudek, Jan: Navigace pomocφ elementu link'>Navigace pomocφ elementu link</a>. Doplnil bych ho pouze upozorn∞nφm na atribut "newsfeed", jeho₧ podpora byla p°ednedßvnem zabudovßna do Opery a kter² by m∞l odkazovat na zdroj typu RSS kanßlu.</p>
  350.  
  351. <h3>CSS neboli kaskßdovΘ styly</h3>
  352. <p>Poslednφ sekvencφ, kterou m∙₧ete vid∞t na mΘm p°φkladu, je skupina pravidel a odkaz∙ na externφ soubory pravidel CSS, pomocφ nich₧ je definovßn vzhled a ΦßsteΦn∞ i chovßnφ (X)HTML dokumentu. Uvßdφm zde tento p°φklad pouze pro ·plnost, neb p°edpoklßdßm, ₧e v∞tÜina z vßs je s CSS ji₧ dob°e seznßmena. Pokud vßs zajφmajφ podrobnosti, nap°φklad <a href='http://interval.cz/clanek.asp?article=3208' title='Dudek, Jan: Alternativnφ styly - p°ipojenφ stylu v hlaviΦce dokumentu'>o alternativnφch stylech</a> nebo <a href='http://interval.cz/clanek.asp?article=1805' title='Dudek, Jan: CSS2 - at rules aneb pravidla zavinßΦe'>o specißlnφch stylech pro r∙znß mΘdia</a>, jsou vßm k dispozici jinΘ Φlßnky. Upozornil bych pouze na prvnφ Φßst, kde je do k≤du p°φmo vlo₧ena CSS definice vzhledu strßnky jako takovΘ - p°edchßzφ se tak problΘm∙m s odliÜn²m pojetφm okraj∙ v r∙zn²ch prohlφ₧eΦφch.</p>
  353.  
  354. <div class='sample'>
  355.       <!-- CASCADING STYLE SHEETS /-->
  356. <br />      <!-- INPAGE STYLE - pagemargin problem solving /-->
  357. <br />      <style type='text/css' media='all'>
  358. <br />         BODY, HTML {
  359. <br />            border: 0px none;
  360. <br />            margin: 0px;
  361. <br />            padding: 0px;
  362. <br />         }
  363. <br />      </style>
  364. <br />      <!-- LINKED STYLE /-->
  365. <br />      <link rel='stylesheet' type='text/css' media='all' href='./css/css_all.css' />
  366. <br />      <link rel='stylesheet' type='text/css' media='screen' href='./css/css_screen.css' />
  367. <br />      <link rel='stylesheet' type='text/css' media='print' href='./css/css_print.css' />
  368. <br />      <!-- PREFFERED STYLE /-->
  369. <br />      <link rel='stylesheet' type='text/css' href='./css/css_pref.css' title='Preffered style' />
  370. <br />      <!-- ALTERNATE STYLE /-->
  371. <br />      <link rel='alternate stylesheet' type='text/css' href='css_alt.css' title='Alternate style' />
  372. <br />      <!-- CASCADING STYLE SHEETS - end /-->
  373. </div>
  374.  
  375. <p><span class='note-author'>Pozn. aut.: Cht∞l bych pod∞kovat Φlen∙m odborn²ch klub∙ ze serveru <a href='http://www.hofyland.cz'>Hofyland.cz</a> za to, ₧e mne sv²mi dotazy inspirovali k tomuto Φlßnku (tak₧e u₧ jim nebudu muset odpovφdat), a zvlßÜt∞ pak p°φteli <a href='http://interval.cz/autor.asp?author=129' title='Interval.cz: Slßdek, Petr'>PESSOFTovi</a>, kter² zßsadnφm zp∙sobem p°isp∞l k sumarizaci r∙zn²ch poznßmek a sestavenφ vzorovΘho dokumentu.</span></p>
  376.  
  377.  
  378.  
  379. <div id='article-author'>
  380. <a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/autor.asp?author=65'>Mßlek, VilΘm</a> (11. 6. 2004)
  381. <div id='article-about-author'>ÜΘfredaktor Interval.cz</div>
  382. </div>
  383.  
  384.  
  385.  
  386. </div></div>
  387. <div id='page-right'><h2 class='textversion'>Prav² sloupek</h2>
  388. <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>
  389.  
  390.  
  391.  
  392. <div class='page-right-box book'>
  393.     <h3>Kni₧nφ novinka</h3>
  394.     <div class='page-right-box-in'>
  395.         <div class='book-top'>
  396.             <h4><a href='http://interval.cz/__redirect/redirect.asp?what=interval_booknews&url=http://interval.inshop.cz/inshop/scripts/detail.asp?ItemID=268'>Zßkladnφ pr∙vodce webdesignem</a></h4>
  397.         </div>
  398.     </div>
  399.     <div class='image'>
  400.         <img src='podklady/knihy/image.jpg' alt='obßlka' title='obßlka' /></a>
  401.     </div>
  402.     <div class='book-bottom'>Cena: <span class='book-price-old'>300 KΦ</span> <span class='book-price-new'>270 KΦ</span></div>
  403. </div>
  404.  
  405.  
  406.  
  407. <div class='page-right-box reading'>
  408.     <h3>NejΦten∞jÜφ</h3>
  409.     <div class='page-right-box-in'>
  410.         <ul>
  411. <li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3411'>Metadata a hlaviΦka pro XHTML dokument</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3400'>╚esk² programovacφ jazyk Flex a modFlex</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3386'>╚eskß sprßva socißlnφho zabezpeΦenφ on-line</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3412'>WebML - operace a manipulace s daty</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=1444'>Statistika p°φstup∙ v PHP - kalendß°</a></li>
  412.         </ul>
  413.     </div>
  414. </div>
  415.  
  416.  
  417.  
  418. <div class='page-right-box cauldron'>
  419.     <h3>Diskuznφ kotel</h3>
  420.     <div class='page-right-box-in'>
  421.         <ul>
  422. <li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3400' title='(32 komentß°∙)'>╚esk² programovacφ jazyk Flex a modFlex</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3411' title='(25 komentß°∙)'>Metadata a hlaviΦka pro XHTML dokument</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3412' title='(10 komentß°∙)'>WebML - operace a manipulace s daty</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3418' title='(5 komentß°∙)'>Sprßva barev - Color Management System (CMS)</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3415' title='(4 komentß°∙)'>Sprßvce soubor∙ pomocφ DataGridu v ASP.NET - upload soubor∙</a></li>
  423.         </ul>
  424.     </div>
  425. </div>
  426.  
  427.  
  428.  
  429. <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>
  430. </div>
  431. <div class='page-maker'> </div><div class='page-maker-white'> </div></div>
  432. <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>
  433. </body>
  434. </html>