home *** CD-ROM | disk | FTP | other *** search
/ Magazyn Internet 2001 November / MICD2001_11_NR1.iso / Www / WebArea / index.php@id=188 < prev    next >
Text File  |  2001-09-26  |  21KB  |  379 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=184">Struktura dokumentu</a> 
  108.  <a class="menu" href="index.php@id=185">Formatowanie tekstu</a> 
  109.  <a class="menu" href="index.php@id=186">Tabele i obrazy</a> 
  110.  <a class="menu" href="index.php@id=187">Nawigacja</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">Zadania i zdarzenia</span>
  116. <p align="justify">Kiedy chcemy wr≤ciµ do poprzedniej karty, kt≤r▒ przegl▒dali╢my 
  117.                   w naszej kom≤rce, przyda│by nam siΩ przycisk "Wstecz", 
  118.                   niestety w telefonach zazwyczaj nie ma takiego przycisku. 
  119.                   Przyciskami s│u┐▒cymi do nawigacji s▒ dwa klawisze znajduj▒ce 
  120.                   siΩ bezpo╢rednio poni┐ej wy╢wietlacza- po lewej i po prawej 
  121.                   stronie. Ten po prawej s│u┐y zwykle do przeskakiwania 
  122.                   "wstecz", a ten po lewej s│u┐y do przej╢cia do nastΩpnej 
  123.                   karty. Jak stworzyµ takie "menu nawigacyjne" ? Ot≤┐ musimy 
  124.                   wpisaµ odpowiedni kod, kt≤ry powie przegl▒darce w aparacie, ┐e 
  125.                   to w│a╢nie naci╢niΩcie prawego przycisku przez u┐ytkownika 
  126.                   powinno spowodowaµ powr≤t do ostatnio ogl▒danego dokumentu. 
  127.                   Tak aby wiedzia│a ona, i┐ po zaj╢ciu zdarzenia, czyli 
  128.                   naci╢niΩciu klawisza nawigacyjnego, ma byµ wykonane zadanie, 
  129.                   czyli przekierowanie do innej karty wml. Proste prawda ?</B> 
  130.                   <BR><BR>      Na tym w│a╢nie 
  131.                   polega ca│y mechanizm zdarze± i zada±, kt≤re s▒ w wml 
  132.                   nowo╢ci▒. Nie jest ich jednak du┐o- w wml`u wystΩpuj▒ 
  133.                   nastΩpuj▒ce zdarzenia;<BR>
  134.                   <UL>
  135.                     <LI> DO</CODE>- czyli naci╢niΩcie przez u┐ytkownika 
  136.                     jakiego╢ klawisza (choµ wcale nie musi to byµ klawisz 
  137.                     nawigacyjny) 
  138.                     <LI> ONTIMER</CODE>- po wczytaniu karty up│ynΩ│a 
  139.                     okre╢lona ilo╢µ czasu 
  140.                     <LI> ONENTERBACKWARD</CODE>- kiedy wczytujemy ostatnio 
  141.                     ogl▒dan▒ kartΩ 
  142.                     <LI> ONENTERFORWARD</CODE>- kiedy przechodzimy do 
  143.                     jeszcze nie ogl▒danej karty 
  144.                   </LI></UL>      W wyniku 
  145.                   wyst▒pienia powy┐szych zdarze±, mog▒ nast▒piµ zadania; 
  146.                   <UL>
  147.                     <LI> GO</CODE>- przekierowanie do innej karty 
  148.                     <LI> PREV</CODE>- przekierowanie do ostatnio ogl▒danej 
  149.                     karty 
  150.                     <LI> NOOP</CODE>- no operation, to zadanie zaniechania 
  151.                     wcze╢niej zaplanowanych operacji 
  152.                     <LI> REFRESH</CODE>- od╢wie┐ </LI></UL><DFN><FONT 
  153.                   size=+1><do> </DFN></FONT>Mo┐e zacznΩ od deklaracji 
  154.                   funkcji klawiszy nawigacyjnych. Zazwyczaj ustala siΩ, ┐e lewy 
  155.                   przycisk to polecenie wy╢wietlenia nastΩpnej karty w 
  156.                   dokumencie, a prawy to "wstecz". Pierwszy z nich deklaruje siΩ 
  157.                   za pomoc▒ takiego fragmentu kodu:<BR>
  158.                   <P class=kod> <do type="accept" 
  159.                   label="Dalej"><BR><go 
  160.                   href="#karta2"/><BR></do><BR></P></CODE>gdzie 
  161.                    accept</CODE> to oznaczenie lewego przycisku 
  162.                   nawigacyjnego ( prev</CODE>- to prawy, mo┐emy u┐ywaµ 
  163.                   tak┐e  reset, options, help i delete</CODE>). Warto╢µ 
  164.                   atrybutu label, to oczywi╢cie nic innego jak etykieta, czyli 
  165.                   napis okre╢laj▒cy nazwΩ przycisku na 
  166.                   wy╢wietlaczu.<BR>Analogicznie, okre╢lenie funkcji prawego 
  167.                   przycisku nawigacyjnego, bΩdzie wygl▒daµ nastΩpuj▒co;<BR>
  168.                   <P class=kod> <do type="prev" name="Previous" 
  169.                   label="Wstecz"><BR><go 
  170.                   href="#karta1"/><BR></do><BR></CODE></P>W tym 
  171.                   przypadku drug▒ linijkΩ kodu, mo┐emy zast▒piµ zadaniem 
  172.                   przekierowania do ostatnio ogl▒danej karty, czyli 
  173.                    <prev/></CODE><BR>Bardzo przydatnym znacznikiem 
  174.                   wml, przydatnym przy tworzeniu menu nawigacyjnego jest 
  175.                   element<BR>
  176.                   <P class=kod> <template> 
  177.                   </template></CODE></P>Mo┐na za jego pomoc▒ okre╢liµ 
  178.                   funkcje jakiego╢ klawisza dla wszystkich kart znajduj▒cych siΩ 
  179.                   w dokumencie. Przyk│adowy kod m≤g│by wygl▒daµ;<BR><BR>
  180.                   <TABLE align=center>
  181.                     <TBODY>
  182.                     <TR>
  183.                       <TD class=kod> <?xml 
  184.                         version="1.0"?><BR><!DOCTYPE wml PUBLIC 
  185.                         "-//WAPFORUM//DTD WML 1.1//EN" 
  186.                         "http://www.wapforum.org/DTD/wml_1.1.xml"><BR><BR><wml><BR><template><BR><do 
  187.                         type="prev" name="Previous" 
  188.                         label="Wstecz"><BR><prev/><BR></do><BR></template><BR><card 
  189.                         id="karta1" title="Pierwsza karta"><BR><p>Karta 
  190.                         1 ... <br/><BR><do type="accept" 
  191.                         label="Dalej"><BR><go 
  192.                         href="#karta2"/><BR></do><BR></p><BR></card></CODE></TD>
  193.                       <TD><IMG height=179 
  194.                         src="wml/zadzda1.jpeg" 
  195.                         width=160 border=0></TD></TR>
  196.                     <TR>
  197.                       <TD class=kod> <card id="karta2" title="Druga 
  198.                         karta"><BR><p>Karta 2 ... <br/><BR><do 
  199.                         type="accept" label="Dalej"><BR><go 
  200.                         href="#karta3"/><BR></do><BR></p><BR></card></CODE></TD>
  201.                       <TD><IMG height=178 
  202.                         src="wml/zadzda2.jpeg" 
  203.                         width=160 border=0></TD></TR>
  204.                     <TR>
  205.                       <TD class=kod> <card id="karta3" title="Trzecia 
  206.                         karta"><BR><p>Karta 3 ...<br/><BR>...i 
  207.                         ostatnia 
  208.                         :-)<BR></p><BR></card><BR></wml><BR></CODE></TD>
  209.                       <TD><IMG height=179 
  210.                         src="wml/zadzda3.jpeg" 
  211.                         width=160 
  212.                   border=0></TD></TR></TBODY></TABLE>       
  213.                   W powy┐szym przyk│adzie specjalnie u┐y│em emulatora Noki 6110, 
  214.                   gdy┐ Nokia 6150 inaczej interpretuje zdarzenie  <do 
  215.                   type="accept" label="Dalej"></CODE><BR>Dok│adniej w lewym 
  216.                   rogu ekranu, zamiast wy╢wietlaµ napis "Dalej", pojawia siΩ 
  217.                   "Options". Dopiero po jego wybraniu, mo┐emy znale╝µ nasz 
  218.                   "Dalej". TrochΩ to zamotane, ale pomocne, je┐eli na jednej 
  219.                   karcie opr≤cz menu nawigacyjnego znajduj▒ siΩ jakie╢ linki. 
  220.                   Ilustruje to poni┐szy przyk│ad;<BR><BR>
  221.                   <TABLE align=center>
  222.                     <TBODY>
  223.                     <TR>
  224.                       <TD><IMG height=135 
  225.                         src="wml/zadzda4.jpeg" 
  226.                         width=135 border=0></TD>
  227.                       <TD><IMG height=135 
  228.                         src="wml/zadzda5.jpeg" 
  229.                         width=135 
  230.                   border=0></TD></TR></TBODY></TABLE>      Po 
  231.                   naci╢niΩciu "Options" pojawia siΩ menu: mo┐emy albo wybraµ 
  232.                   "Follow Link", czyli skierowaµ przegl▒darkΩ na kartΩ wskazan▒ 
  233.                   przez odno╢nik, b▒d╝ "Dalej", czyli otworzyµ nastΩpn▒ kartΩ w 
  234.                   dokumencie.<BR><BR><DFN><FONT size=+1><on 
  235.                   timer></DFN></FONT> Innym, bardzo przydatnym zdarzeniem 
  236.                   opr≤cz  do</CODE> jest  ontimer</CODE>. U┐ywamy go w 
  237.                   spos≤b nastΩpuj▒cy; <BR>
  238.                   <P class=kod> <card id="karta1" 
  239.                   ontimer="#karta2"><BR><timer value="50"/><BR><!-- 
  240.                   1 to 1/10 sekundy, wiec 50 to 5 sekund 
  241.                   --><BR><p><BR>Za chwile zostanie wczytana inna 
  242.                   karta<BR></p><BR></card><BR><card 
  243.                   id="karta2"><BR><p><BR>To jest druga karta, wczytana 
  244.                   po uplywie czasu okreslonego w elemencie 
  245.                   time.<BR></p><BR></card><BR></CODE></P><BR><DFN><FONT 
  246.                   size=+1><onenterforward> </DFN></FONT>Zdarzenie to 
  247.                   pozwala na okre╢lenie, jakie zadania maj▒ zostaµ wykonane, 
  248.                   je╢li kto╢ wchodzi na ta kartΩ, prosto z innej karty. Mo┐emy 
  249.                   na przyk│ad natychmiast przekierowaµ go do nastΩpnej karty. 
  250.                   <BR>
  251.                   <P class=kod> <card id="karta1" 
  252.                   onenterforward="#karta2"><BR><p><do type="accept" 
  253.                   label="Dalej"><BR><go 
  254.                   href="#karta2"/><BR></do></p><BR></card><BR><card 
  255.                   id="karta2"....<BR></CODE></P><BR><DFN><FONT 
  256.                   size=+1><onenterbackward> </DFN></FONT>Tutaj z kolei 
  257.                   mo┐emy okre╢liµ co siΩ bΩdzie dzia│o je┐eli kto╢ "wdepnie" na 
  258.                   t▒ kartΩ wciskaj▒c przycisk Wstecz;<BR>
  259.                   <P class=kod> <wml><BR><template><BR><do 
  260.                   type="prev" name="Previous" 
  261.                   label="Wstecz"><BR><prev/><BR></do><BR></template><BR><BR><card 
  262.                   id="karta1" onenterbackward="#karta3"><BR><p>Karta 
  263.                   numer 1</p><BR><p><do type="accept" 
  264.                   label="Dalej"><BR><go 
  265.                   href="#karta2"/><BR></do></p><BR></card><BR><card 
  266.                   id="karta2"><BR><p>Karta numer 
  267.                   2</p><BR><p><do type="accept" 
  268.                   label="Dalej"><BR><go 
  269.                   href="#karta2"/><BR></do></p><BR></card><BR><card 
  270.                   id="karta3"><BR><p>wpadles na ta karte bo nacisnales 
  271.                   przycisk 
  272.                   Wstecz</p><BR></card><BR></wml><BR></CODE></P></TD></TR><br></td>
  273.     </tr></table>
  274.     </div>
  275. </td>
  276. <td width="142" valign="top">
  277.  
  278.         <br>
  279.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  280.         <tr>
  281.         <td width="142" valign="top"><img src="img/login.gif" border="0" width="142" height="13" alt="LOGIN"></td>
  282.         </tr>
  283.         <tr>
  284.         <td width="142" valign="top" background="img/okno1.gif">
  285.         
  286.             
  287.             <div align="center">
  288.             <table cellpadding="0" cellspacing="2" border="0" width="98%">
  289.             <form method="post" action="subskrypcja/login.php">
  290.             <tr><td width="30%"><span class="t">Login:</span></td><td width="68%"><input type="text" name="login" size="15" class="login"></td></tr>
  291.             <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>
  292.             
  293.             <tr><td colspan="2"><center><input type="image" src="img/ok.gif"></td></tr>
  294.             </form></table></div>
  295.         
  296.         </td>
  297.         </tr>
  298.         <tr>
  299.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  300.         </tr></table>
  301.  
  302.         <br>
  303.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  304.         <tr>
  305.         <td width="142" valign="top"><img src="img/art.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  306.         </tr>
  307.         <tr>
  308.         <td width="142" valign="top" background="img/okno1.gif">
  309.         
  310.         <span class="m">
  311.         
  312.          -<a href="index.php@id=1" class="menu">"Edytory HTML'a"</a><br>
  313.          -<a href="index.php@id=2" class="menu">"Publikowanie witryny"</a><br>
  314.          -<a href="index.php@id=3" class="menu">"PHP w domu"</a><br>
  315.          -<a href="index.php@id=4" class="menu">"Przeszukiwanie stron"</a><br>
  316.          -<a href="index.php@id=204" class="menu">"Wprowadzenie do Javy"</a><br>
  317.          -<a href="index.php@id=210" class="menu">"Grafika w PHP"</a>
  318.         </span>
  319.         
  320.         </td>
  321.         </tr>
  322.         <tr>
  323.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  324.         </tr></table>
  325.         
  326.         <br>
  327.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  328.         <tr>
  329.         <td width="142" valign="top"><img src="img/stat.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  330.         </tr>
  331.         <tr>
  332.         <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: 24212</span>        </ol>
  333.         <center><a href="http://stat.webmedia.pl/cgi-bin/anal?webarea" target="_blank">
  334. <img border=0 src="http://stat.webmedia.pl/cgi-bin/stat?webarea&stat4ur" alt="stat4u" width="40" height="10"></a></center>
  335.         </td></tr></table></div>
  336.         </td>
  337.         </tr>
  338.         <tr>
  339.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  340.         </tr></table>
  341.         
  342.         <br>
  343.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  344.         <tr>
  345.         <td width="142" valign="top"><img src="img/sponsor.gif" border="0" width="142" height="13" alt="SPONSOR"></td>
  346.         </tr>
  347.         <tr>
  348.         <td width="142" valign="top" background="img/okno1.gif"><br>
  349.         <center><EMBED src="img/beep2.swf" quality=high bgcolor=#000000 WIDTH=120 HEIGHT=30></center>                            
  350.         </td>
  351.         </tr>
  352.         <tr>
  353.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  354.         </tr></table>
  355.  
  356.         <br>
  357.             <div align="center"><table border="0" cellpadding="2" cellspacing="0" width="120">
  358.             <tr>
  359.             <td width="120"><a href="button.php@id=1" target="_blank"><img src="img/cgi.gif" border="0"></a></td>
  360.             </tr>
  361.             <tr>
  362.             <td width="120"><a href="button.php@id=2" target="_blank"><img src="img/ygreg.gif" border="0"></a></td>
  363.             </tr>
  364.             <tr>
  365.             <td width="120"></td>
  366.             </tr>
  367.             </table>
  368.             </div>
  369.         
  370.  
  371. </td>
  372. </tr>
  373. <tr>
  374. <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>
  375. </tr></table></div>
  376.  
  377.  
  378. </body>
  379. </html>