home *** CD-ROM | disk | FTP | other *** search
/ Magazyn Internet 2001 November / MICD2001_11_NR1.iso / Www / WebArea / index.php@id=192 < prev    next >
Text File  |  2001-09-26  |  20KB  |  457 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4//PL">
  2. <html>
  3. <head>
  4. <title>WEB-AREA.org - serwis webmaster≤w</title>
  5. <link href="style.css" rel="stylesheet" type="text/css">
  6. <LINK REL="SHORTCUT ICON" HREF="favicon.ico"> 
  7. <meta http-equiv="Creation-date" content="28.08.2001">
  8. <meta http-equiv="Reply-to" content="web-area@web-area.org">
  9. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
  10. <meta name="author" content="Jakub & Jan Filipowscy">
  11. <meta name="description" content="Serwis webmasterow. Znajdziesz tu kilka kursow popularnych internetowych jezykow programowania takich jak: HTML, CSS, WML, SGML, XML, PHP, Perl i Java. Zamiescilismy tu rowniez wiele skryptow JavaScript, PHP i CGI. Przeczytac mozna kilka artykulow i sciagnac kilka szablonow. Dla poczatkujacych jest dzial BeginnerZone. ">
  12. <meta http-equiv="keywords" content="WEB-AREA, web-area, web area, web, area, WEB-AREA.org, web-area.org, webara.org,strefa webmastera, strefa, webmastera, webmaster, WEBMASTER, Webmaster, tworzenie stron www, www, strona www, internet, world wide web, design, designerswo, designer, programowanie, jΩzyki, jΩzyk programowania, php, cgi, html, java, javascript, sgml, wml, PHP, CGI, HTML, Java, JavaScript, SGML, WML, wap, standarty, skrypty php, skrypty cgi, applety java, aplety, aplety java, aplety javy, applety javy, javascripty, JavaScripty, skrypty javy, publikowanie witryny, witryna, tworzenie witryn, tworzenie sklep≤w internetowych, edytory html, tekstowe edytory html, projekt syf, szablony, Szablony, free, darmowe, zadarmo, subskrypcja, lista mailingowa, mailing list, lista subskrypcyjna, bannery, formularze, liczniki, ksiΩgi go╢ci, linki, fora, pliki i operacje na nich, statystyki, wyszukiwarki, rankingi, darmowe skrypty, Jakub Filipowski, Jan Filipowski, katalog, Katalog stron zwi▒zanych z tematyk▒ webmasterstwa, webmasterswo, magazyn www, style, CSS, XML, ASP, jΩzyki skryptowe, generatory, anarchizm">
  13. </head>
  14. <body>
  15.  
  16.  
  17. <div align="left">
  18. <table border="0" cellpadding="0" cellspacing="0" width="770">
  19. <tr>
  20. <td width="770" valign="top" colspan="3">
  21.  
  22.     <table border="0" cellpadding="0" cellspacing="0" width="770">
  23.     <tr>
  24.     <td width="166" valign="top"><a href="index.php"><img src="img/logo.gif" border="0" width="166" height="70" alt="WEB-AREA.org - serwis webmaster≤w"></a></td>
  25.     <td width="604" height="70" background="img/gora.gif" align="right"><iframe src="banner.php" MARGINWIDTH="0" MARGINHEIGHT="0" HSPACE="0" VSPACE="0" FRAMEBORDER="0" SCROLLING="NO" WIDTH="468" HEIGHT="60">
  26. </iframe></td>
  27.     </tr></table>
  28.  
  29. </td>
  30. </tr><tr>
  31. <td width="770" valign="top" colspan="3">
  32.     <table border="0" cellpadding="1" cellspacing="0" width="770">
  33.         <tr><form method="post" action="szukaj.php">
  34.         <td width="260">    <input type="text" name="zapytanie" size="15"> <input type="submit" value="SZUKAJ"> <span class="m"><a href="index.php@url=redakcja_2Fszukaj">Jak szukaµ?</a></span></td></form>
  35.         <td width="510">
  36.         
  37.         <p align="center">
  38.         <a href="index.php@id=206" class="gora">Konkurs</a>   
  39.         <a href="subskrypcja/nowa.php" class="gora">Za│≤┐ subskrypcjΩ</a>    
  40.         <a href="index.php@id=128" class="gora">Katalog</a>    
  41.         <a href="forum.php" class="gora">Forum</a>    
  42.         <a href="index.php@id=15" class="gora">BeginnerZone</a>
  43.         
  44.         </td>
  45.     </tr></table>
  46. </td>
  47. </tr>
  48. <tr>
  49. <td width="142" valign="top">
  50.     
  51.     <br>
  52.     <table border="0" cellpadding="0" cellspacing="0" width="142">
  53.     <tr>
  54.     <td width="142" valign="top"><img src="img/menu.gif" border="0" width="142" height="13" alt="MENU"></td>
  55.     </tr>
  56.     <tr>
  57.     <td width="142" valign="top" background="img/okno1.gif">
  58.     <img src="img/s.gif" width="9" height="8"><b class="menu1">KURSY</b><br>
  59.       - <a href="index.php@id=50" class="menu">HTML</a><br>
  60.       - <a href="index.php@id=40" class="menu">CSS</a><br>
  61.       - <a href="index.php@id=62" class="menu">Java</a><br>
  62.       - <a href="index.php@id=145" class="menu">PHP</a><br>
  63.       - <a href="index.php@id=39" class="menu">CGI</a><br>
  64.       - <a href="index.php@id=5" class="menu">ASP</a><br>
  65.       - <a href="index.php@id=182" class="menu">WML</a><br>
  66.       - <a href="index.php@id=190" class="menu">XML</a><br>
  67.       - <a href="index.php@id=159" class="menu">SGML</a><br>
  68.  
  69.     <img src="img/s.gif" width="9" height="8"><b class="menu1">SKRYPTY</b><br>
  70.       - <a href="index.php@id=78" class="menu">JavaScript</a><br>
  71.       - <a href="index.php@id=135" class="menu">PHP</a><br>
  72.       - <a href="index.php@id=30" class="menu">CGI</a><br>
  73.  
  74.     <img src="img/s.gif" width="9" height="8"><b class="menu1">INNE</b><br>
  75.       - <a href="index.php@id=59" class="menu">Szablony</a><br>
  76.       - <a href="forum.php" class="menu">Forum</a><br>
  77.       - <a href="index.php@id=61" class="menu">Webmasterska lista</a><br>
  78.       - <a href="index.php@id=128" class="menu">Katalog</a><br>
  79.       - <a href="index.php@id=15" class="menu">BeginnerZone</a><br>
  80.       - <a href="index.php@id=206" class="menu">Konkurs</a><br>
  81.     
  82.     <img src="img/s.gif" width="9" height="8"><b class="menu1">SUBSKRYPCJA</b><br>
  83.       - <a href="subskrypcja/nowa.php" class="menu">Za│≤┐</a><br>
  84.       - <a href="subskrypcja/admin.php" class="menu">Administracja</a><br>
  85.  
  86.     <img src="img/s.gif" width="9" height="8"><b class="menu1">REDAKCJA</b><br>
  87.       - <a href="index.php@id=156" class="menu">Sk│ad</a><br>
  88.       - <a href="index.php@id=157" class="menu">Wsp≤│praca</a><br>
  89.       - <a href="index.php@id=158" class="menu">Reklama</a></td>
  90.     </tr>
  91.     <tr>
  92.     <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  93.     </tr></table>
  94.  
  95. </td>
  96. <td width="486" valign="top"><br>
  97.     <div align="center">
  98.     <table border="0" cellpadding="0" cellspacing="0" width="460">
  99.     <tr>
  100.     <td width="460" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="460">
  101.         <tr>
  102.         <td width="460" valign="top"><img src="img/zobacz.gif" border="0" width="460" height="13" alt="ZOBACZ JESZCZE"></td>
  103.         </tr>
  104.         <tr>
  105.         <td width="460" valign="top" background="img/okno11.gif"><div align="center">
  106.                 <table border="0" cellpadding="0" cellspacing="0" width="450"><tr><td width="450"><a class="menu" href="index.php@id=191">Dlaczego XML wart jest uwagi?</a>
  107.  <a class="menu" href="index.php@id=193">Sprawa ogonkowa, czyli Unicode</a>
  108.  <a class="menu" href="index.php@id=194">Przekszta│canie i ogl▒danie danych XML</a>
  109.  <a class="menu" href="index.php@id=195">NarzΩdzia</a>
  110.  <a class="menu" href="index.php@id=196">Zasoby online</a> </td></tr></table></div></td>
  111.         </tr>
  112.         <tr>
  113.         <td width="460" valign="top"><img src="img/okno21.gif" border="0" width="460" height="10"></td>
  114.         </tr></table><span class="nag">Kurs XML</span>
  115.  
  116. <h2>Pierwszy dokument XML</h2>
  117.     <p>W tej czΩ╢ci kursu przekonasz siΩ, ┐e przej╢cie do XML'a
  118. z HTML'a, czy innego jΩzyka znacznikowego jest bardzo proste, a
  119. nawet je┐eli z HTML'em nie mia│e╢ do tej pory zbyt wiele wsp≤lnego,
  120. nadal XML oka┐e siΩ │atwy w opanowaniu.</p>
  121.  
  122. <h3>XML to jΩzyk znacznik≤w</h3>
  123.  
  124. <p align="justify">ááááW XML'u dane przechowywane s▒ w spos≤b tekstowy,
  125. opisywane poprzez znaczniki, w obrΩbie kt≤rych te dane siΩ
  126. znajduj▒. Znacznik rozpoczyna lewy nawias k▒towy (<), a
  127. ko±czy prawy (>). W uproszczeniu mo┐na przyj▒µ, ┐e zestaw
  128. znacznik≤w i ich zawarto╢ci tworz▒ dokument XML, bΩd▒cy
  129. najczΩ╢ciej, ale niekoniecznie, plikiem. Pora na najbardziej
  130. chyba typowy przyk│ad ù Hello world, tym razem w XML'u:</p>
  131.  
  132. <pre><?xml version="1.0" standalone="yes"?>
  133. <przyk│ad>
  134.   Witaj ╢wiecie!
  135. </przyk│ad></pre>
  136.  
  137. <p align="justify">ááááNa pocz▒tku znajduje siΩ prolog dokumentu. W takim
  138. prologu umieszcza siΩ zwykle deklaracje. Mo┐e to byµ
  139. standardowa deklaracja XML (pierwsza linia na listingu powy┐ej),
  140. czy np. deklaracja arkusza styl≤w. W linii drugiej rozpoczyna siΩ
  141. element g│≤wny û absolutnie nieod│▒czna czΩ╢µ ka┐dego
  142. dokumentu XML. Ten nazywa siΩ po prostu äprzyk│adö (nazwΩ
  143. elementu g│≤wnego mo┐emy oczywi╢cie ustaliµ sami), a
  144. wewn▒trz niego znajduje siΩ tre╢µ äWitaj ╢wiecie!ö.
  145. Mo┐na powiedzieµ, ┐e jest to jego zawarto╢µ tekstowa.
  146. Poni┐ej znajduje siΩ lista tego wszystkiego, z czego mo┐e
  147. sk│adaµ siΩ dokument XML:</p>
  148.  
  149. <h3>Elementy i atrybuty</h3>
  150.  
  151. <p align="justify">ááááW zwi▒zku z tym, ┐e nasz│a nas nieodparta ochota
  152. opisania wy┐ej wydrukowanej zawarto╢ci tekstowej, chcemy dodaµ
  153. do dokumentu w│a╢ciwo╢µ o nazwie ätypö. S▒ dwie
  154. mo┐liwo╢ci. Po pierwsze, mo┐na dodaµ podelement, po drugie
  155. mo┐na dodaµ atrybut. Oto wersja pierwsza:</p>
  156.  
  157. <pre><?xml version="1.0" standalone="yes"?>
  158. <przyk│ad>
  159.   <typ>niezwykle oryginalny</typ>
  160.   Witaj ╢wiecie!
  161. </przyk│ad></pre>
  162.  
  163. <p align="justify">ááááI druga mo┐liwo╢µ:</p>
  164.  
  165. <pre><?xml version="1.0" standalone="yes"?>
  166. <przyk│ad typ="niezwykle oryginalny">
  167.   Witaj ╢wiecie!
  168. </przyk│ad></pre>
  169.  
  170. <p align="justify">ááááWed│ug mnie, w tym przypadku bardziej sensowny jest
  171. drugi wariant, a wiΩc u┐ycie atrybutu. W praktyce m≤g│by╢
  172. tworzyµ aplikacje XML pos│uguj▒c siΩ samymi tylko elementami,
  173. ale czΩsto uzasadnione bΩdzie u┐ycie w│a╢nie atrybut≤w.
  174. Szczeg≤lnie, kiedy jakie╢ dane chcesz opisaµ. Jak taki atrybut
  175. wygl▒da ju┐ wiesz. Sk│ada siΩ z nazwy, znaku r≤wno╢ci i
  176. ujΩtej w cudzys│≤w (pojedynczy, lub podw≤jny) warto╢ci.
  177. Warto╢µ ta NIE mo┐e sk│adaµ siΩ, podobnie jak tekstowa
  178. zawarto╢µ elementu, z nawias≤w k▒towych (tutaj mo┐na jednak
  179. u┐yµ nawiasu zamykaj▒cego) no i oczywi╢cie z cudzys│ow≤w.
  180. Bezpo╢rednio nie mo┐esz tam umie╢ciµ tak┐e znaku ä&ö.
  181. Dlaczego? Dowiesz siΩ jeszcze w tym rozdziale.</p>
  182.  
  183. <p align="justify"><i>PamiΩtaj, ┐e w przeciwie±stwie do jΩzyka
  184. HTML, w XML'u warto╢ci atrybut≤w musisz ujmowaµ w cudzys│≤w.
  185. Jest tak dlatego, ┐e programy odczytuj▒ce dokumenty XML
  186. (parsery) nie musz▒ znaµ ich struktury. W zwi▒zku z tym
  187. sk│adania dokument≤w XML musi byµ bardziej precyzyjna, ni┐
  188. sk│adnia SGML czy HTML.</i></p>
  189.  
  190. <p align="justify">ááááWarto jeszcze wspomnieµ o rzeczy dla HTML-owc≤w
  191. nowej. O pustych elementach. W XML'u ka┐dy niepusty element musi
  192. sk│adaµ siΩ z pary otwieraj▒cej i zamykaj▒cej. Przyk│adem
  193. jest g│≤wny element z listingu powy┐ej. Je╢li element nie
  194. zawiera ┐adnej zawarto╢ci, mo┐na oczywi╢cie zastosowaµ
  195. element otwieraj▒cy i wystΩpuj▒cy bezpo╢rednio za nim
  196. zamykaj▒cy, np.:</p>
  197.  
  198. <pre><Ala ma="kota"></Ala></pre>
  199.  
  200. <p align="justify">ááááale kr≤tsze bΩdzie u┐ycie w│a╢nie elementu
  201. pustego:</p>
  202.  
  203. <pre><Ala ma="kota"/></pre>
  204.  
  205. <p align="justify">ááááZwr≤µ uwagΩ na znak ä/ö przed nawiasem
  206. zamykaj▒cym.</p>
  207.  
  208. <p align="justify"><i>Skoro o parach znacznik≤w mowa, to warto
  209. jeszcze wspomnieµ, ┐e w XML'u rozr≤┐niana jest wielko╢µ
  210. liter. Nieprawid│owy bΩdzie wiΩc kod: ä<Ala></ala>ö.
  211. Przy zamykaniu element≤w pamiΩtaj tak┐e o zachowaniu struktury
  212. dokumentu. B│Ωdne jest np. co╢ takiego: ä<i><u>▒Ω</i></u>ö,
  213. za to jak najbardziej poprawne jest: ä<i><u>▒Ω</u></i>ö.
  214. I to tyle.</i></p>
  215.  
  216. <h3>Sekcje CDATA</h3>
  217.  
  218. <p align="justify">ááááPozwalaj▒ w│▒czyµ do dokumentu tekst, kt≤ry ma byµ
  219. zignorowany przez parser. Jedyne, co parser ma prawo z sekcj▒
  220. CDATA zrobiµ, to przekazaµ jej zawarto╢µ. Mog▒ one wiΩc
  221. zawieraµ nawiasy k▒towe i znaki ampersand, kt≤re w äzwyk│ejö
  222. zawarto╢ci tekstowej s▒ niedozwolone:</p>
  223.  
  224. <pre><![CDATA[Hej! to & jest <w│a╢nie> sekcja cdata.]]></pre>
  225.  
  226. <p align="justify">ááááJak widaµ powy┐ej, sekcjΩ tak▒ rozpoczyna ci▒g
  227. ä<![CDATA[ö, a ko±czy ä]]>ö. Ten ostatni jest
  228. jedyn▒ niedozwolon▒ zawarto╢ci▒ sekcji. Kiedy parser j▒
  229. spotka, bΩdzie oczywi╢cie ämy╢la│ö, ┐e to koniec sekcji
  230. CDATA.</p>
  231.  
  232. <h3>Instrukcje przetwarzania</h3>
  233.  
  234. <p align="justify">ááááS▒ pokrewne sekcjom CDATA, ale lepiej nadaj▒ siΩ do
  235. äprzemycaniaö w dokumentach XML np. skrypt≤w. Funkcjonalno╢µ
  236. instrukcji przetwarzania jest tym wiΩksza, ┐e pozwalaj▒ one na
  237. identyfikacjΩ swojej zawarto╢ci, po prostu poprzez nazwΩ.
  238. Nazwa ta wystΩpuje na samym pocz▒tku, po znakach ä<?ö i
  239. funkcjonuje dok│adnie tak samo, jak nazwa ka┐dego elementu.</p>
  240.  
  241. <pre><?javascript alert("To jest <tylko> przyk│ad."); ?>
  242.  
  243. <?php function printsum($a, $b) {
  244.         echo $a + $b;
  245.       }
  246. ?></pre>
  247.  
  248. <p align="justify">ááááInstrukcja przetwarzania ko±czy siΩ ci▒giem ä?>ö.
  249. Zreszt▒, wspomniana na samym pocz▒tku tego rozdzia│u
  250. deklaracja XML:</p>
  251.  
  252. <pre><?xml version="1.0" standalone="yes"?></pre>
  253.  
  254. <p align="justify">áááár≤wnie┐ jest instrukcj▒ przetwarzania.</p>
  255.  
  256. <h3>Komentarze</h3>
  257.  
  258. <p align="justify">ááááPozwalaj▒ na dodanie uwag widocznych (zwykle) tylko w
  259. czasie edycji dokumentu. Oto przyk│ad:</p>
  260.  
  261. <pre><!-- <bez> komentarza --></pre>
  262.  
  263. <p align="justify">ááááKomentarz rozpoczyna ci▒g ä<!--ö a ko±czy ä-->ö.
  264. Mo┐e on oczywi╢cie zawieraµ zar≤wno nawiasy k▒towe, jak i
  265. znaki ampersand.</p>
  266.  
  267. <h3>Encje tekstowe</h3>
  268.  
  269. <p align="justify">ááááEncje te s▒ czym╢ w rodzaju szablon≤w tekstu.
  270. Pozwalaj▒ unikn▒µ czΩstego wpisywania jakiego╢ tekstu a tym
  271. samym tak┐e pomy│ek. To r≤wnie┐ najlepszy spos≤b, na
  272. umieszczenie w kodzie äniedozwolonych znak≤wö:</p>
  273.  
  274. <pre><jaki╢.tag> &lt; zostanie przez parser zast▒pione lewym 
  275. nawiasem k▒towym </jaki╢.tag></pre>
  276.  
  277. <p align="justify">ááááTak, zgad│e╢! Ci▒g ä&lt;ö oznacza znak ä<ö.
  278. Z kolei znak ä>ö to ä&gt;ö. Cudzys│≤w pojedynczy
  279. (') to ä&apos;ö,a podw≤jny (") to ä&quot;ö.
  280. Znak ampersand (&), to ä&amp;ö. Te piΩµ encji jest
  281. nazwanych predefiniowanymi. Inne znaki mo┐esz cytowaµ podaj▒c
  282. ich numer. B▒d╝ to w postaci dziesiΩtnej, np. ä&#80;ö
  283. wstawi do kodu znak o numerze w│a╢nie 80, b▒d╝
  284. heksadecymalnej: ä&#xF1;ö wstawi znak numer 241.</p>
  285.  
  286. <p align="justify">ááááJe╢li encji chcia│by╢ u┐yµ do cytowania fragmentu
  287. tekstu, musisz äpowiedzieµö parserowi, co dana encja
  288. oznacza. Wstawienie poni┐szego przyk│adu sprawi, ┐e ilekroµ
  289. wpiszesz w tek╢cie ci▒g ä&adres;ö, parser zamieni go na
  290. m≤j adres e-mail:</p>
  291.  
  292. <pre><!ENTITY adres "pawel@pabloware.w.pl"></pre>
  293.  
  294. <p align="justify">ááááTak naprawdΩ, znacznik ä!ENTITYö musi byµ
  295. wstawiony w DTD. Na razie tym siΩ nie przejmuj, rzecz stanie
  296. siΩ jasna, gdy poczytasz o Definicjach Typu Dokumentu.</p>
  297.  
  298. <h3>Prolog</h3>
  299.  
  300. <p align="justify">ááááProlog nie jest obowi▒zkow▒ czΩ╢ci▒ dokumentu.
  301. Je╢li mo┐na go tam znale╝µ, to na samym jego pocz▒tku,
  302. jeszcze przed elementem g│≤wnym. Sk│ada siΩ z rozmaitych
  303. deklaracji (kt≤re, jak ju┐ wiesz, najczΩ╢ciej s▒
  304. jednocze╢nie instrukcjami przetwarzania). Tak▒ deklaracj▒ jest
  305. np. wspomniana ju┐ standardowa deklaracja XML:</p>
  306.  
  307. <pre><?xml version="1.0"?></pre>
  308.  
  309. <p align="justify">ááááJedynym jej wymaganym atrybutem jest äversionö ù
  310. wersja, obecnie i byµ mo┐e ju┐ zawsze, bΩdzie ona mia│a
  311. warto╢µ ä1.0ö. Nieobowi▒zkowymi atrybutami s▒: äencodingö
  312. ù kodowanie znak≤w (wiΩcej na ten temat znajdziesz w
  313. nastΩpnym rozdziale) i ästandaloneö, kt≤ry okre╢la, czy
  314. dokument jest samodzielny (tzn., czy nie zawiera odwo│a± do ╝r≤de│
  315. zewnΩtrznych).</p>
  316.  
  317. <p align="justify">ááááO innych deklaracjach dowiesz siΩ, gdy bΩd▒
  318. omawiane zwi▒zane z nimi zagadnienia.</p>
  319.  
  320. <h3>Przyk│adowy dokument</h3>
  321.  
  322. <p align="justify">ááááNa koniec poka┐Ω przyk│adowy dokument XML
  323. przechowuj▒cy dane osobowe. BΩd▒ tu u┐ywane elementy,
  324. atrybuty i jeden komentarz:</p>
  325.  
  326. <pre><!-- 
  327.   Ten przyk│ad zawiera tylko dwa rekordy, 
  328.   ale mo┐e mieµ ich tyle, 
  329.   ile jest miejsca na dysku :-)
  330. -->
  331. <ludzie>
  332.   <cz│owiek dane="poprawne">
  333.     <imie>Pawe│</imie>
  334.     <nazwisko>Stroi±ski</nazwisko>
  335.     <poczta>pawel@pabloware.w.pl</poczta>
  336.     <web>http://www.pabloware.w.pl/</web>
  337.   </cz│owiek>
  338.   <cz│owiek dane="fikcyjne">
  339.     <imie>Jan</imie>
  340.     <nazwisko>Kowalski</nazwisko>
  341.     <poczta>webmaster@kowalski.net</poczta>
  342.     <web>http://www.kowalski.net</web>
  343.   </cz│owiek>
  344. </ludzie></pre>
  345.  
  346. <p align="justify">ááááPoni┐ej ten sam dokument wy╢wietlony w prostym
  347. widoku drzewa:</p>
  348. <img src="xml/infox.gif">
  349.  
  350. <br></td>
  351.     </tr></table>
  352.     </div>
  353. </td>
  354. <td width="142" valign="top">
  355.  
  356.         <br>
  357.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  358.         <tr>
  359.         <td width="142" valign="top"><img src="img/login.gif" border="0" width="142" height="13" alt="LOGIN"></td>
  360.         </tr>
  361.         <tr>
  362.         <td width="142" valign="top" background="img/okno1.gif">
  363.         
  364.             
  365.             <div align="center">
  366.             <table cellpadding="0" cellspacing="2" border="0" width="98%">
  367.             <form method="post" action="subskrypcja/login.php">
  368.             <tr><td width="30%"><span class="t">Login:</span></td><td width="68%"><input type="text" name="login" size="15" class="login"></td></tr>
  369.             <tr><td width="30%"><span class="t">Has│o:</span></td><td width="68%"><input type="password" name="haslo" size="15" class="login"></td></tr>
  370.             
  371.             <tr><td colspan="2"><center><input type="image" src="img/ok.gif"></td></tr>
  372.             </form></table></div>
  373.         
  374.         </td>
  375.         </tr>
  376.         <tr>
  377.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  378.         </tr></table>
  379.  
  380.         <br>
  381.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  382.         <tr>
  383.         <td width="142" valign="top"><img src="img/art.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  384.         </tr>
  385.         <tr>
  386.         <td width="142" valign="top" background="img/okno1.gif">
  387.         
  388.         <span class="m">
  389.         
  390.          -<a href="index.php@id=1" class="menu">"Edytory HTML'a"</a><br>
  391.          -<a href="index.php@id=2" class="menu">"Publikowanie witryny"</a><br>
  392.          -<a href="index.php@id=3" class="menu">"PHP w domu"</a><br>
  393.          -<a href="index.php@id=4" class="menu">"Przeszukiwanie stron"</a><br>
  394.          -<a href="index.php@id=204" class="menu">"Wprowadzenie do Javy"</a><br>
  395.          -<a href="index.php@id=210" class="menu">"Grafika w PHP"</a>
  396.         </span>
  397.         
  398.         </td>
  399.         </tr>
  400.         <tr>
  401.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  402.         </tr></table>
  403.         
  404.         <br>
  405.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  406.         <tr>
  407.         <td width="142" valign="top"><img src="img/stat.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  408.         </tr>
  409.         <tr>
  410.         <td width="142" valign="top" background="img/okno1.gif"><div align="left"><table border="0" cellpadding="0" cellspacing="0" width="138"><tr><td width="138"><ol><li><a href="index.php@id=135" class="stat">PHP - przyk│adowe skrypty</a> <span class="maleczarne">(1491)</span><br><li><a href="index.php@id=59" class="stat">Szablony 1</a> <span class="maleczarne">(833)</span><br><li><a href="index.php@id=145" class="stat">Kurs PHP</a> <span class="maleczarne">(817)</span><br><br><span class="maleczarne">ú▒cznie: 24105</span>        </ol>
  411.         <center><a href="http://stat.webmedia.pl/cgi-bin/anal?webarea" target="_blank">
  412. <img border=0 src="http://stat.webmedia.pl/cgi-bin/stat?webarea&stat4ur" alt="stat4u" width="40" height="10"></a></center>
  413.         </td></tr></table></div>
  414.         </td>
  415.         </tr>
  416.         <tr>
  417.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  418.         </tr></table>
  419.         
  420.         <br>
  421.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  422.         <tr>
  423.         <td width="142" valign="top"><img src="img/sponsor.gif" border="0" width="142" height="13" alt="SPONSOR"></td>
  424.         </tr>
  425.         <tr>
  426.         <td width="142" valign="top" background="img/okno1.gif"><br>
  427.         <center><EMBED src="img/beep2.swf" quality=high bgcolor=#000000 WIDTH=120 HEIGHT=30></center>                            
  428.         </td>
  429.         </tr>
  430.         <tr>
  431.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  432.         </tr></table>
  433.  
  434.         <br>
  435.             <div align="center"><table border="0" cellpadding="2" cellspacing="0" width="120">
  436.             <tr>
  437.             <td width="120"><a href="button.php@id=1" target="_blank"><img src="img/cgi.gif" border="0"></a></td>
  438.             </tr>
  439.             <tr>
  440.             <td width="120"><a href="button.php@id=2" target="_blank"><img src="img/ygreg.gif" border="0"></a></td>
  441.             </tr>
  442.             <tr>
  443.             <td width="120"></td>
  444.             </tr>
  445.             </table>
  446.             </div>
  447.         
  448.  
  449. </td>
  450. </tr>
  451. <tr>
  452. <td width="770" valign="top" colspan="3" align="right"><br><br><span class="m">All rights reserved by <a href="mailto:web-area@web-area.org">J&J Filipowscy Design & Code</a></td>
  453. </tr></table></div>
  454.  
  455.  
  456. </body>
  457. </html>