home *** CD-ROM | disk | FTP | other *** search
/ Magazyn Internet 2001 November / MICD2001_11_NR1.iso / Www / WebArea / index.php@id=184 < prev    next >
Text File  |  2001-09-26  |  22KB  |  371 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=183">Wprowadzenie</a> 
  107.  <a class="menu" href="index.php@id=185">Formatowanie tekstu</a> 
  108.  <a class="menu" href="index.php@id=186">Tabele i obrazy</a> 
  109.  <a class="menu" href="index.php@id=187">Nawigacja</a> 
  110.  <a class="menu" href="index.php@id=188">Zadania i zdarzenia</a> 
  111.  <a class="menu" href="index.php@id=189">Formularze</a>  </td></tr></table></div></td>
  112.         </tr>
  113.         <tr>
  114.         <td width="460" valign="top"><img src="img/okno21.gif" border="0" width="460" height="10"></td>
  115.         </tr></table><p align="left"><span class="nag">Struktura dokumentu WML</span>
  116. <p align="justify">       
  117.                   WiΩkszo╢µ znacznik≤w WML zosta│a zaczerpniΩta z jΩzyka XML. 
  118.                   Obeznani w HTML`u nie powinni mieµ problem≤w z przyswojeniem 
  119.                   wml`a, choµ zaznaczam, ┐e pisz▒c ten kurs my╢la│em tak┐e o 
  120.                   osobach s│abo orientuj▒cych siΩ w tym jΩzyku. WML jest o wiele 
  121.                   ubo┐szy ni┐ HTML, wprowadzono tak┐e kilka znacz▒cych zmian, 
  122.                   jak konieczno╢µ zamykania wszystkich znacznik≤w, czy inna 
  123.                   budowa znacznik≤w pustych. Nowo╢ci▒ s▒ tak┐e "zadania" i 
  124.                   "zdarzenia", kt≤re na pierwszy rzut oka mog▒ siΩ wydaµ trudne, 
  125.                   jednak w dalszej czΩ╢ci kursu postaram siΩ udowodniµ, ┐e tak 
  126.                   nie jest. Pe│n▒ specyfikacjΩ jΩzyka WML w formacie pdf mo┐ecie 
  127.                   zassaµ z FTP <A href="http://www.netmagia.pl/">Netmagii</A>, 
  128.                   lub bezpo╢rednio ze strony WAP Forum; <A 
  129.                   href="http://www.wapforum.org/">http://www.wapforum.org/</A></B><BR><BR><DFN><FONT 
  130.                   size=+1>Sk│adnia WML</FONT></DFN> Dla pocz▒tkuj▒cych 
  131.                   webmaster≤w na pierwszy rzut oka ten artyku│ mo┐e siΩ wydaµ 
  132.                   skomplikowany, jednak gwarantujΩ, ┐e przy pierwszym 
  133.                   przyk│adzie wszystko siΩ rozja╢ni. Wiem, ┐e w niekt≤rych 
  134.                   kursach wml autorzy rozpoczynaj▒ od przyk│adu, jednak ja 
  135.                   postanowi│em siΩ wy│amaµ :-)<BR>Znaczniki lub tagi s▒ ci▒giem 
  136.                   znak≤w objΩtymi ostrymi nawiasami. W jΩzyku WML jest ich 34. 
  137.                   Wyr≤┐niamy znaczniki obejmuj▒ce jak▒╢ tre╢µ; 
  138.                   <P 
  139.                   class=kod> <tag>zawarto╢µ</tag></CODE></P>    lub 
  140.                   znaczniki puste; 
  141.                   <P 
  142.                   class=kod> <tag/></CODE></P>    Je┐eli 
  143.                   znacznik posiada jaki╢ dodatkowy atrybut, to piszemy jego 
  144.                   nazwΩ ma│▒ liter▒, a warto╢µ obejmujemy cudzys│owem- to 
  145.                   ostatnie jest zalecane w HTML`u, w WML warto╢ci MUSIMY zamkn▒µ 
  146.                   w cudzys│≤w, np.: 
  147.                   <P class=kod> <tag atrybut="warto╢µ"> zawarto╢µ 
  148.                   </tag></CODE></P>    lub: 
  149.                   <P class=kod> <tag 
  150.                   atrybut="warto╢µ"/></CODE></P>    W 
  151.                   kodzie ╝r≤d│owym mo┐emy umie╢ciµ jak▒╢ tre╢µ, co do kt≤rej nie 
  152.                   chcemy aby by│a interpretowana przez przegl▒darkΩ, np. 
  153.                   wy╢wietlana na ekraniku telefonu. W tym celu stosujemy 
  154.                   komentarze, kt≤re maj▒ nastΩpuj▒c▒ sk│adniΩ;<BR><BR>
  155.                   <P class=kod> <!-- komentarz 
  156.                   --></CODE></P>    Na pocz▒tku ka┐dego 
  157.                   dokumentu wml ( talii ), musimy umie╢ciµ prolog, kt≤ry jest 
  158.                   deklaracj▒ XML i deklaracj▒ typu dokumentu. Prolog wygl▒da 
  159.                   nastΩpuj▒co;<BR><BR>
  160.                   <P class=kod> <?xml version="1.0"?><BR><!DOCTYPE 
  161.                   wml PUBLIC "-//WAPFORUM//DTD WML 
  162.                   1.2//EN"<BR>"http://www.wapforum.org/DTD/wml_1.1.xml"></CODE></P><BR>    Pod 
  163.                   prologiem znajduje siΩ podstawowy znacznik wml, otwieraj▒cy 
  164.                   dokument; 
  165.                   <P class=kod> <wml> 
  166.                   </wml></CODE></P>    Zaraz za 
  167.                   znacznikiem <wml> umieszczamy element;<BR><BR><DFN><FONT 
  168.                   size=+1><head> </head></FONT></DFN> W tej czΩ╢ci 
  169.                   mog▒ siΩ znale╝µ (choµ mo┐na go pozostawiµ pustego) podstawowe 
  170.                   informacje o dokumencie, mo┐emy w nim umie╢ciµ dwa elementy 
  171.                   META i ACCESS. Sam znacznik head nie posiada bowiem w│asnych 
  172.                   atrybut≤w. Pierwszy z nich podaje dodatkowe informacje 
  173.                   dotycz▒ce dokumentu i posiada kilka atrybut≤w;  name, 
  174.                   http-equiv, forua, content, i scheme.</CODE> Najwa┐szejsze z 
  175.                   nich zdaj▒ siΩ byµ  http-equiv</CODE> i 
  176.                    content</CODE>. 
  177.                   <P class=kod> <meta http-equiv="content-type" 
  178.                   content="text/vnd.wap.wml" 
  179.                   /></CODE></P>    Element ten umo┐liwia 
  180.                   wy╢wietlanie dokumentu, pomimo i┐ jest on umieszczony na 
  181.                   serwerze "nie obs│uguj▒cym" WAP`a. Definiuje on bowiem typ 
  182.                   nag│≤wka HTTP. 
  183.                   <P class=kod> <meta content="charset" 
  184.                   user-agent="character-set=rodzaj_kodowania" 
  185.                   /></CODE></P>    DziΩki temu atrybutowi 
  186.                   mo┐emy okre╢liµ inny standard kodowania ni┐ domy╢lny, czyli 
  187.                   Unicode. Znacznik  ACCESS</CODE>, jak sama nazwa wskazuje 
  188.                   pozwala na ograniczenie dostΩpu do danego zestawu kart. 
  189.                   Posiada on dwa atrybuty;  domain</CODE> oraz 
  190.                    path</CODE>. 
  191.                   <P class=kod> <access domain="netmagia.pl" 
  192.                   path="/webmaster"></CODE></P>    Powy┐sza 
  193.                   definicja powoduje, ┐e na nasz dokument bΩdzie mo┐na wej╢µ 
  194.                   tylko przechodz▒c z kart umieszczonych na serwerze Netmagii i 
  195.                   umieszczonych w katalogu webmaster. To by by│o chyba wszystko 
  196.                   a propos elementu  HEAD</CODE> dokumentu. Dodam tylko, 
  197.                   dla tych kt≤rzy jeszcze nie wiedz▒, ┐e ten fragment nie jest 
  198.                   pokazywane na ekranie przez przegl▒darkΩ.<BR>NastΩpnym 
  199.                   znacznikiem wewn▒trz  <wml> </wml></CODE> 
  200.                   jest  <template> </template></CODE> czyli 
  201.                   szablon. S│u┐y on do definiowania funkcji klawiszy 
  202.                   nawigacyjnych telefonu dla wszystkich kart w danej talii, 
  203.                   jednak om≤wiΩ go dok│adniej w dalszej czΩ╢ci przy okazji 
  204.                   omawiania nawigacji.<BR><BR><DFN><FONT size=+1><card 
  205.                   id="first"> </card></FONT></DFN> Po czΩ╢ci 
  206.                    template</CODE>, wreszcie przechodzimy do opisu kart w 
  207.                   talii. Jak ju┐ wspomina│em w jednej talii (dokumencie wml), 
  208.                   mo┐e siΩ znajdowaµ jedna, lub ca│a kolekcja kart. Jedn▒ kartΩ 
  209.                   otaczaj▒ znaczniki  <card> i </card></CODE> 
  210.                   przy czym je┐eli w dokumencie s▒ przynajmniej dwie karty, to 
  211.                   obowi▒zkowym atrybutem tego znacznika jest id, np.: 
  212.                   <P class=kod> <card id="pierwsza"><BR><!-- tre╢µ 
  213.                   pierwszej karty --><BR></card><BR><card 
  214.                   id="druga"><BR><!-- tre╢µ drugiej karty 
  215.                   --><BR></card></CODE></P>     ID</CODE> 
  216.                   to nic innego jak unikatowy identyfikator ka┐dej karty. 
  217.                   Identyfikator tak┐e u│atwia nawigacjΩ w zasiΩgu jednej talii. 
  218.                   Innym przydatnym atrybutem, choµ nie oligatoryjnym znacznika 
  219.                   card, jest title; 
  220.                   <P class=kod> <card 
  221.                   title="Tytul"><BR></card></CODE></P>     Title</CODE> 
  222.                   to oczywi╢cie tytu│ strony. W HTML`u stosujemy znacznik 
  223.                   <TITLE> </TITLE> o bardzo podobnej funkcji. Jest 
  224.                   on po prostu w jaki╢ sposub wyr≤┐niany w przegl▒darce. W 
  225.                   HTML`owej przegl▒darce najczΩ╢ciej jest on pokazywany na pasku 
  226.                   tytu│owym przegl▒darki. W telefonie kom≤rkowym tytu│ pojawia 
  227.                   siΩ na g≤rze ekraniku. Pewnie zauwa┐y│e╢, ┐e doszli╢my 
  228.                   wreszcie do pierwszego elementu, kt≤ry jest wy╢wietlany w 
  229.                   przegl▒darce.<BR><BR><DFN><FONT size=+1>Przyk│ad</DFN></FONT> 
  230.                   W ko±cu doszli╢my do obiecanego przyk│adu. ProponujΩ uruchomiµ 
  231.                   Nokia WAP Toolkit. NastΩpnie z menu "File" wybierz "New"- "WML 
  232.                   Deck..." Powinien siΩ pojawiµ nowy dokument wml ze 
  233.                   standartowymi znacznikami programu. Mo┐esz albo wymazaµ 
  234.                   wszystko i wpisaµ kod zamieszczony na dole, albo poprawiµ kod 
  235.                   do tego poni┐ej. ProponujΩ to pierwsze rozwi▒zanie, gdy┐ 
  236.                   wtedy, podczas przepisywania kodu utrwal▒ Ci siΩ wszystkie 
  237.                   znaczniki. <BR>
  238.                   <TABLE>
  239.                     <TBODY>
  240.                     <TR>
  241.                       <TD>
  242.                         <P class=kod> <?xml version="1.0"?> 
  243.                         <BR><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 
  244.                         1.1//EN" 
  245.                         "http://www.wapforum.org/DTD/wml_1.1.xml"><BR><BR><wml><BR><card 
  246.                         title="Debiut"><BR><p><BR><!-- Tutaj 
  247.                         rozpoczyna sie tresc karty --><BR>Hello World!!! 
  248.                         <BR></p> <BR></card> 
  249.                         <BR></wml></CODE></P></TD></CODE>
  250.                       <P></P>
  251.                       <TD width=140><IMG height=130 
  252.                         src="wml/debiut.jpeg" 
  253.                         width=135 
  254.                   border=0></TD></TR></TBODY></TABLE>    Po 
  255.                   wpisaniu kodu przyci╢nij przycisk "Compile"- zapisz stronΩ do 
  256.                   pliku gdzie╢ na dysku, a nastΩpnie naci╢nij przycisk "Show" 
  257.                   aby zobaczyµ efekt Twojej pracy w emulatorze Noki. Je┐eli 
  258.                   pojawiaj▒ Ci siΩ jakie╢ komunikaty o b│Ωdach, jeszcze raz 
  259.                   sprawd╝ ca│y kod z tym powy┐ej i po poprawkach wszystko 
  260.                   powinno byµ w porz▒dku. <BR>Pewnie zauwa┐y│e╢, ┐e pojawi│ siΩ 
  261.                   nowy znacznik, o kt≤rym jeszcze nie pisa│em;  <p> 
  262.                   </p></CODE><BR>Jest to znacznik okre╢laj▒cy pocz▒tek i 
  263.                   koniec akapitu, ale o tym ju┐ w nastΩpnej czΩ╢ci dotycz▒cej 
  264.                   formatowania tekstu...<br></td>
  265.     </tr></table>
  266.     </div>
  267. </td>
  268. <td width="142" valign="top">
  269.  
  270.         <br>
  271.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  272.         <tr>
  273.         <td width="142" valign="top"><img src="img/login.gif" border="0" width="142" height="13" alt="LOGIN"></td>
  274.         </tr>
  275.         <tr>
  276.         <td width="142" valign="top" background="img/okno1.gif">
  277.         
  278.             
  279.             <div align="center">
  280.             <table cellpadding="0" cellspacing="2" border="0" width="98%">
  281.             <form method="post" action="subskrypcja/login.php">
  282.             <tr><td width="30%"><span class="t">Login:</span></td><td width="68%"><input type="text" name="login" size="15" class="login"></td></tr>
  283.             <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>
  284.             
  285.             <tr><td colspan="2"><center><input type="image" src="img/ok.gif"></td></tr>
  286.             </form></table></div>
  287.         
  288.         </td>
  289.         </tr>
  290.         <tr>
  291.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  292.         </tr></table>
  293.  
  294.         <br>
  295.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  296.         <tr>
  297.         <td width="142" valign="top"><img src="img/art.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  298.         </tr>
  299.         <tr>
  300.         <td width="142" valign="top" background="img/okno1.gif">
  301.         
  302.         <span class="m">
  303.         
  304.          -<a href="index.php@id=1" class="menu">"Edytory HTML'a"</a><br>
  305.          -<a href="index.php@id=2" class="menu">"Publikowanie witryny"</a><br>
  306.          -<a href="index.php@id=3" class="menu">"PHP w domu"</a><br>
  307.          -<a href="index.php@id=4" class="menu">"Przeszukiwanie stron"</a><br>
  308.          -<a href="index.php@id=204" class="menu">"Wprowadzenie do Javy"</a><br>
  309.          -<a href="index.php@id=210" class="menu">"Grafika w PHP"</a>
  310.         </span>
  311.         
  312.         </td>
  313.         </tr>
  314.         <tr>
  315.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  316.         </tr></table>
  317.         
  318.         <br>
  319.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  320.         <tr>
  321.         <td width="142" valign="top"><img src="img/stat.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  322.         </tr>
  323.         <tr>
  324.         <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: 24208</span>        </ol>
  325.         <center><a href="http://stat.webmedia.pl/cgi-bin/anal?webarea" target="_blank">
  326. <img border=0 src="http://stat.webmedia.pl/cgi-bin/stat?webarea&stat4ur" alt="stat4u" width="40" height="10"></a></center>
  327.         </td></tr></table></div>
  328.         </td>
  329.         </tr>
  330.         <tr>
  331.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  332.         </tr></table>
  333.         
  334.         <br>
  335.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  336.         <tr>
  337.         <td width="142" valign="top"><img src="img/sponsor.gif" border="0" width="142" height="13" alt="SPONSOR"></td>
  338.         </tr>
  339.         <tr>
  340.         <td width="142" valign="top" background="img/okno1.gif"><br>
  341.         <center><EMBED src="img/beep2.swf" quality=high bgcolor=#000000 WIDTH=120 HEIGHT=30></center>                            
  342.         </td>
  343.         </tr>
  344.         <tr>
  345.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  346.         </tr></table>
  347.  
  348.         <br>
  349.             <div align="center"><table border="0" cellpadding="2" cellspacing="0" width="120">
  350.             <tr>
  351.             <td width="120"><a href="button.php@id=1" target="_blank"><img src="img/cgi.gif" border="0"></a></td>
  352.             </tr>
  353.             <tr>
  354.             <td width="120"><a href="button.php@id=2" target="_blank"><img src="img/ygreg.gif" border="0"></a></td>
  355.             </tr>
  356.             <tr>
  357.             <td width="120"></td>
  358.             </tr>
  359.             </table>
  360.             </div>
  361.         
  362.  
  363. </td>
  364. </tr>
  365. <tr>
  366. <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>
  367. </tr></table></div>
  368.  
  369.  
  370. </body>
  371. </html>