home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 September / Chip_2004-09_cd1.bin / chplus / interval / clanek07.htm < prev    next >
Encoding:
Extensible Markup Language  |  2004-08-03  |  21.0 KB  |  284 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>SMIL - zßkladnφ elementy a konstrukce</h2>
  40. <p id='prepend'>V p°edchozφm Φlßnku o Synchronized Multimedia Integration Language jsem se v∞noval jeho podpo°e v r∙zn²ch programech a teoreticky jsem p°iblφ₧il multimedißlnφ technologii SMIL. Tentokrßt bych vßm rßd p°iblφ₧il n∞kterΘ ze zßkladnφch prvk∙ jazyka SMIL.</p>
  41.  
  42. <h3>SMIL 1.0</h3>
  43. <p>Nejprve se podφvßme na specifikaci SMIL 1.0. Jde o velmi jednoduch² jazyk, kter² sestßvß z nemnoha znaΦek. Nejd∙le₧it∞jÜφ Φßstφ SMIL dokumentu je DTD, kterß vypadß nßsledovn∞:</p>
  44.  
  45. <div class='sample'>
  46. <!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 1.0//EN" "http://www.w3.org/TR/REC-smil/SMIL10.dtd">
  47. </div>
  48.  
  49. <p>Ko°enov²m elementem dokumentu je prvek <code>smil</code>. SMIL dokument je rozd∞len do dvou Φßstφ (podobn∞ jako dokument (X)HTML). Prvnφ Φßst je tvo°ena elementem <code>head</code> a druhß elementem <code>body</code>. V²sledn² dokument m∙₧e mφt nßsledujφcφ podobu:</p>
  50.  
  51. <div class='sample'>
  52. <!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 1.0//EN" "http://www.w3.org/TR/REC-smil/SMIL10.dtd">
  53. <br /><smil>
  54. <br /><head>
  55. <br />  ...hlaviΦka dokumentu
  56. <br /></head>
  57. <br /><body>
  58. <br />  ...t∞lo dokumentu
  59. <br /></body>
  60. </smil>
  61. </div>
  62.  
  63. <h4>HlaviΦka dokumentu</h4>
  64. <p>HlaviΦka dokumentu obsahuje obecnΘ informace a nastavenφ celΘho dokumentu. V hlaviΦce se nastavuje pozadφ, rozm∞ry prezentace, pozice jednotliv²ch prvk∙ a podobn∞. Krom∞ toho m∙₧e element <code>head</code> obsahovat n∞kolik dalÜφch element∙:</p>
  65.  
  66. <div class='list'>
  67. <ul>
  68. <li><code>meta</code> - pou₧itφ elementu je podobnΘ jako v dokumentech (X)HTML</li>
  69. <li><code>layout</code> - element layout nastavuje rozvr₧enφ dokumentu</li>
  70. </ul>
  71. </div>
  72.  
  73. <p>Pro urΦenφ rozvr₧enφ dokumentu m∙₧e element <code>layout</code> obsahovat dalÜφ dva prvky - <code>root-layout</code> a <code>region</code>. Element <code>root-layout</code> nastavuje vlastnosti celΘho dokumentu pomocφ n∞kolika atribut∙ - "background-color" (barva pozadφ), "height" (v²Üka okna), "width" (Üφ°ka okna), "title" (titulek). Element <code>region</code> vytvß°φ imaginßrnφ obdΘlnφky, do kter²ch bude pozd∞ji mo₧nΘ nahrßt multimΘdia. Zkrßtka u vlo₧enΘho obrßzku nastavφte, do kterΘho regionu se mß nahrßt. Prvek <code>region</code> mß tyto atributy:</p>
  74.  
  75. <div class='list'>
  76. <ul>
  77. <li><samp>id</samp> - identifikßtor regionu</li>
  78. <li><samp>background-color</samp> - barva pozadφ</li>
  79. <li><samp>left</samp> - pozice od levΘho okraje okna</li>
  80. <li><samp>top</samp> - pozice od hornφho okraje okna</li>
  81. <li><samp>height</samp> - v²Üka regionu</li>
  82. <li><samp>width</samp> - Üφ°ka regionu</li>
  83. <li><samp>z-index</samp> - tento atribut °eÜφ p°ekr²vßnφ dvou region∙ (stejn∞ jako v CSS)</li>
  84. </ul>
  85. </div>
  86.  
  87. <p>Elementy <code>region</code> i <code>root-layout</code> jsou prßzdnΘ elementy.</p>
  88.  
  89. <h4>T∞lo dokumentu</h4>
  90. <p>T∞lo dokumentu je tvo°eno elementem <code>body</code>. Nßsledujφcφ elementy vklßdajφ jednotlivß mΘdia:</p>
  91.  
  92. <div class='list'>
  93. <ul>
  94. <li><code>img</code> - obrßzek</li>
  95. <li><code>audio</code> - zvuk</li>
  96. <li><code>video</code> - video</li>
  97. <li><code>text</code> - textov² objekt (HTML, TXT)</li>
  98. </ul>
  99. </div>
  100.  
  101. <p>Pro tyto elementy existuje mnoho spoleΦn²ch atribut∙:</p>
  102.  
  103. <div class='list'>
  104. <ul>
  105. <li><samp>src</samp> - URL zdroje</li>
  106. <li><samp>alt</samp> - popisek</li>
  107. <li><samp>dur</samp> - trvßnφ v ΦasovΘ ose</li>
  108. <li><samp>begin</samp> - zaΦßtek v ΦasovΘ ose</li>
  109. <li><samp>end</samp> - konec v ΦasovΘ ose</li>
  110. <li><samp>region</samp> - id regionu, ve kterΘm se mß objekt zobrazit</li>
  111. <li><samp>top, left, height, width</samp> - rozm∞ry</li>
  112. </ul>
  113. </div>
  114.  
  115. <h4>╚asovß osa a synchronizace</h4>
  116. <p>Atributy "begin", "dur" a "end" pracujφ s Φasovou osou. ╚asovß osa zaΦφnß nulou (od spuÜt∞nφ dokumentu). Atribut "begin" urΦuje sekundu, od kterΘ mß b²t objekt zobrazen. Atribut "dur" urΦuje dobu trvßnφ objektu, p°φpadn∞ lze takΘ pou₧φt atribut "end", kter² nastavuje sekundu ukonΦenφ objektu.</p>
  117. <p>JednotlivΘ objekty je mo₧nΘ seskupovat a nßsledn∞ synchronizovat pomocφ element∙ <code>seq</code> a <code>par</code>, kterΘ je mo₧nΘ i vno°ovat.</p>
  118.  
  119. <div class='list'>
  120. <ul>
  121. <li><code>seq</code> - definuje sekvenΦnφ zobrazenφ (pokud obsahuje vφce jak jeden objekt, zobrazuje objekty postupn∞, jeden po druhΘm, p°iΦem₧ atribut "begin" nastavuje Φasovou prodlevu od p°edchozφho objektu)</li>
  122. <li><code>par</code> - definuje paralelnφ zobrazenφ objekt∙ (objekty budou zobrazeny souΦasn∞, p°iΦem₧ atribut "begin" nastavuje Φasovou prodlevu od spuÜt∞nφ prezentace)</li>
  123. </ul>
  124. </div>
  125.  
  126. <h4>Kontrola obsahu</h4>
  127. <p>Kontrolou obsahu se rozumφ rozhodnutφ o vhodnΘm mΘdiu. SMIL je schopn² zjiÜ¥ovat vlastnosti klientskΘho poΦφtaΦe (jazyk, rozliÜenφ a dalÜφ) a zßvisle na zjiÜt∞nφch poskytovat alternativy. Obecn² zßpis vypadß takto:</p>
  128.  
  129. <div class='sample'>
  130. <switch>
  131. <br />  <element hodnotici_atribut="hodnota" />
  132. <br />  <element hodnotici_atribut="hodnota2" />
  133. <br /></switch>
  134. </div>
  135.  
  136. <p>Pou₧iteln²ch atribut∙ existuje n∞kolik:</p>
  137.  
  138. <div class='list'>
  139. <ul>
  140. <li><samp>system-bitrate</samp> - rychlost p°ipojenφ v bps (28 800, 56 000...)</li>
  141. <li><samp>system-language</samp> - systΘmov² jazyk (en, sk, cz...)</li>
  142. <li><samp>system-screen-size</samp> - rozliÜenφ monitoru (640x480, 800x600, 1024x768...)</li>
  143. <li><samp>system-screen-depth</samp> - barevnß hloubka monitoru</li>
  144. </ul>
  145. </div>
  146.  
  147. <p>P°φklad nakonec, urΦenφ jazyka klienta:</p>
  148.  
  149. <div class='sample'>
  150. <switch>
  151. <br />    <video src="video-cz.mpg" system-language="cz" />
  152. <br />    <video src="video-sk.mpg" system-language="sk" />
  153. <br />    <video src="video-fr.mpg" system-language="fr" />
  154. <br />    <video src="video-en.mpg" />
  155. <br /></switch>
  156. </div>
  157.  
  158. <p>Konstrukce zjistφ, zda se mß p°ehrßvat Φesky, slovensky nebo francouzsky a pokud ani jedna mo₧nost nevyhovuje, bude pou₧it anglick² snφmek.</p>
  159.  
  160. <h4>Odkazy</h4>
  161. <p>Pou₧itφ elementu <code>a</code> je velmi obdobnΘ pou₧itφ v (X)HTML, hodnotou atributu "href" je URL nebo "id" jinΘho objektu. SMIL p°idßvß atribut "show", kter² m∙₧e nab²vat hodnot "replace", "new" a "pause". V p°φpad∞ pou₧itφ "replace" bude aktußlnφ prezentace pozastavena a nahrazena novou, p°i pou₧itφ "new" bude prezentace otev°ena v novΘm okn∞ a p∙vodnφ bude pokraΦovat dßl, p°i pou₧itφ "pause" se novß prezentace otev°e v novΘm okn∞ a p∙vodnφ je pozastavena. Obsahem elementu a m∙₧e b²t n∞kter² z objekt∙ (<code>img</code>, <code>video</code>, <code>audio</code>...) nebo synchronizaΦnφ elementy (<code>par</code> a <code>seq</code>).</p>
  162.  
  163. <div class='sample'>
  164. <a href="http://interval.cz" show="new">
  165. <br />  <img src="obrazek.png" region="r1" />
  166. <br /></a>
  167. </div>
  168.  
  169. <p>Druh² mo₧n² odkaz se vytvß°φ elementem <code>anchor</code>, kter² se podobß klikacφm mapßm v HTML. Atribut "coords" vymezuje obdΘlnφkovou oblast, urΦenou hodnotami "top", "left" (sou°adnice hornφho rohu) a "bottom", "right" (dolnφ roh).</p>
  170.  
  171. <div class='sample'>
  172. <img src="obrazek.png" region="r1">
  173. <br />  <anchor href="http://interval.cz" show="new" coords="10, 10, 100, 100" />
  174. <br /></img>
  175. </div>
  176.  
  177. <h4>Ukßzkovß prezentace</h4>
  178. <p>Nφ₧e si m∙₧ete prohlΘdnout k≤d ukßzkovΘ <a href='podklady/grimmich/896/SMIL-2-priklad.smi'>prezentace</a>, kterou si m∙₧ete zobrazit takΘ on-line, nap°φklad v Apple Quick Time Playeru.</p>
  179.  
  180. <div class='sample'>
  181. <!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 1.0//EN" "http://www.w3.org/TR/REC-smil/SMIL10.dtd">
  182. <br /><smil>
  183. <br />  <head>
  184. <br />    <layout>
  185. <br />      <root-layout width="160" height="160" background-color="white"/>
  186. <br />      <region id="r1" top="0" left="0" height="80" width="80" />
  187. <br />      <region id="r2" top="0" left="80" height="80" width="80" />
  188. <br />      <region id="r3" top="80" left="0" height="80" width="80" />
  189. <br />      <region id="r4" top="80" left="80" height="80" width="80" />
  190. <br />  </layout>
  191. <br />  </head>
  192. <br />  <body>
  193. <br />    <par>
  194. <br />      <img src="objekt.png" begin="1s" dur="5s" region="r1" />
  195. <br />      <img src="objekt.png" begin="2s" dur="4s" region="r2" />
  196. <br />      <seq>
  197. <br />        <img src="objekt.png" begin="1s" dur="5s" region="r3" />
  198. <br />        <img src="objekt.png" begin="2s" dur="4s" region="r4" />
  199. <br />      </seq>
  200. <br />    </par>
  201. <br />  </body>
  202. <br /></smil>
  203. </div>
  204.  
  205. <p>V p°φkladu je okno rozd∞leno do Φty° Φtverc∙ (80x80 px). Je zde takΘ jasn∞ z°eteln² rozdφl mezi <code>par</code> a <code>seq</code>. Po spuÜt∞nφ prezentace se po jednΘ sekund∞ zobrazφ obrßzek v regionu r1 a r3, o sekundu pozd∞ji obrßzek v regionu r2 a o dalÜφch Üest sekund pozd∞ji obrßzek v regionu r4 (ten se zobrazφ dv∞ sekundy po skonΦenφ p°edchozφho obrßzku).</p>
  206.  
  207. <h3>SMIL 2.0</h3>
  208. <p>Asi mi dßte za pravdu, ₧e nauΦit se pou₧φvat SMIL 1.0 nenφ ₧ßdn² zvlßÜtnφ problΘm, staΦφ si jen um∞t spoΦφtat na prstech Φasy vÜech objekt∙ a v²sledek je zaruΦen. Bohu₧el rozdφl mezi specifikacφ SMIL 1.0 a SMIL 2.0 je propastn². V nov∞jÜφ specifikaci p°ibylo mnoho strßnek a t∞₧ko by se mi je poda°ilo shrnout do jednoho Φlßnku (co₧ u SMIL 1.0 mo₧nΘ bylo, i kdy₧ jsem se rozhodl nepopisovat ·pln∞ vÜe).</p>
  209. <p>SMIL 2.0 p°idßvß p°edevÜφm moduly pro interaktivitu (u₧ivatel m∙₧e reagovat na prezentaci - m∞nit parametry objekt∙) a animace (zm∞na barvy, parametru, pohyb po k°ivce). Zßva₧nou zm∞nou je modularizace, tedy rozd∞lenφ prvk∙ SMILu do skupin - modul∙, co₧ umo₧≥uje pou₧φt vybranΘ vlastnosti SMILu k dopln∞nφ jinΘho formßtu. Kup°φkladu animaΦnφ moduly jsou pou₧ity v SVG. SMIL 2.0 obsahuje celkem 45 modul∙ rozd∞len²ch do deseti skupin:</p>
  210.  
  211. <div class='list'>
  212. <ul>
  213. <li><em>Animation Modules</em>: Moduly obsahujφcφ elementy a atributy k zaΦlen∞nφ animace do dokumentu. N∞kterΘ animaΦnφ moduly p°ebφrß SVG (samoz°ejm∞ s jist²mi odliÜnostmi).</li>
  214. <li><em>Content Control Modules</em>: Moduly obsahujφcφ atributy a elementy pro kontrolu obsahu (rozhodovacφ konstrukce). Jde o moduly, kterΘ zjiÜ¥ujφ informace o systΘmu nßvÜt∞vnφka - rychlost p°ipojenφ, rozliÜenφ, jazyk a podobn∞. Zßvisle na zjiÜt∞n²ch datech je mo₧nΘ poskytnout nßvÜt∞vnφkovi odpovφdajφcφ obsah, nap°φklad audio v jφm preferovanΘm jazyce. ╚ßst tohoto modulu byla obsa₧ena ji₧ ve SMIL 1.0, a to v podob∞ elementu <code>switch</code> pro rozhodovacφ konstrukci.</li>
  215. <li><em>Layout Modules</em>: Moduly pro nßvrh (rozlo₧enφ) prezentace. Obsahem jsou zejmΘna elementy <code>root-layout</code>, <code>layout</code> a <code>region</code>. Tento modul nepopisuje pouze rozvr₧enφ dokumentu, ale takΘ hlasitosti audio a video mΘdiφ. Tento modul popisuje spφÜe vzhled ne₧ sΘmantiku.</li>
  216. <li><em>Linking Modules</em>: Moduly urΦenΘ k tvorb∞ odkaz∙ (ze SMIL 1.0 p°etrvßvajφ elementy <code>anchor</code>, <code>a</code>).</li>
  217. <li><em>Media Object Modules</em>: Moduly slou₧φcφ k zaΦlen∞nφ mΘdiφ do dokumentu (<code>audio</code>, <code>video</code>, <code>img</code> a mnoho dalÜφch element∙).</li>
  218. <li><em>Matainformation Modules</em>: MetainformaΦnφ moduly reprezentovanΘ podobn∞ jako v (X)HTML elementem <code>meta</code> a nov∞ elementem <code>metadata</code>, kter² pracuje s RDF.</li>
  219. <li><em>Structure Modules</em>: Strukturnφ moduly popisujφ rozΦlen∞nφ dokumentu (elementy <code>smil</code>, <code>head</code>, <code>body</code> a jejich atributy).</li>
  220. <li><em>Timing and Synchronization Module</em>: ╚asovacφ a synchronizaΦnφ moduly (<code>par</code>, <code>seq</code> a dalÜφ novΘ elementy a atributy).</li>
  221. <li><em>Time Manipulations Module</em>: Moduly pro zm∞ny p∙sobenφ Φasu. Obsahem jsou nap°φklad atributy, kterΘ nastavujφ rychlost p°ehrßvßnφ mΘdiφ - zrychlenφ Φi zpomalenφ oproti normßlu.</li>
  222. <li><em>Transition Effects Module</em>: Modul pro tvorbu p°echod∙ (zm∞na barvy v urΦitΘm ΦasovΘ ·seku).</li>
  223. </ul>
  224. </div>
  225.  
  226. <p>V²sledkem pou₧itφ vÜech modul∙ je velmi efektivnφ multimedißlnφ prezentace srovnatelnß t°eba s Φasto pou₧φvan²m Power Pointem.</p>
  227.  
  228.  
  229.  
  230. <div id='article-author'>
  231. <a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/autor.asp?author=224'>Grimmich, èimon</a> (13. 7. 2004)
  232.  
  233. </div>
  234.  
  235.  
  236. </div></div>
  237. <div id='page-right'><h2 class='textversion'>Prav² sloupek</h2>
  238. <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>
  239.  
  240.  
  241.  
  242. <div class='page-right-box book'>
  243.     <h3>Kni₧nφ novinka</h3>
  244.     <div class='page-right-box-in'>
  245.         <div class='book-top'>
  246.             <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>
  247.         </div>
  248.     </div>
  249.     <div class='image'>
  250.         <img src='podklady/knihy/image.jpg' alt='obßlka' title='obßlka' /></a>
  251.     </div>
  252.     <div class='book-bottom'>Cena: <span class='book-price-old'>169 KΦ</span> <span class='book-price-new'>152 KΦ</span></div>
  253. </div>
  254.  
  255.  
  256.  
  257. <div class='page-right-box reading'>
  258.     <h3>NejΦten∞jÜφ</h3>
  259.     <div class='page-right-box-in'>
  260.         <ul>
  261. <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>
  262.         </ul>
  263.     </div>
  264. </div>
  265.  
  266.  
  267.  
  268. <div class='page-right-box cauldron'>
  269.     <h3>Diskuznφ kotel</h3>
  270.     <div class='page-right-box-in'>
  271.         <ul>
  272. <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>
  273.         </ul>
  274.     </div>
  275. </div>
  276.  
  277.  
  278.  
  279. <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>
  280. </div>
  281. <div class='page-maker'> </div><div class='page-maker-white'> </div></div>
  282. <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>
  283. </body>
  284. </html>