home *** CD-ROM | disk | FTP | other *** search
/ Magazyn Internet 2001 November / MICD2001_11_NR1.iso / Www / WebArea / index.php@id=187 < prev    next >
Text File  |  2001-09-26  |  21KB  |  378 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=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">Nawigacja</span>
  116. <p align="justify">Aby przegl▒danie naszej witryny WAP by│o jak najbardziej 
  117.                   proste i intuicyjne, czy bΩdzie siΩ ona sk│ada│a z jednej 
  118.                   talii, czy kilku mniejszych, musimy z rozwag▒ rozplanowaµ 
  119.                   po│▒czenia poszczeg≤lnych kart. Pomimo i┐ na pierwszy rzut oka 
  120.                   wydaje siΩ to byµ bardziej skomplikowane ni┐ w HTML`u, gdy┐ w 
  121.                   jednym dokumencie mie╢ci│a siΩ tam tylko jedna strona, a w 
  122.                   WML`u mo┐e byµ ich (kart) wiΩcej, tworzenie odno╢nik≤w w WML 
  123.                   jest analogiczne do sposobu w jaki robili╢my to w przypadku 
  124.                   HTML.</B><BR><BR>Dla jasno╢ci wspomnΩ, ┐e aby wybraµ jaki╢ 
  125.                   odno╢nik nale┐y;
  126.                   <UL>
  127.                     <LI>w emulatorze Nokii 6115 nacisn▒µ przycisk z poziom▒ 
  128.                     lini▒ pomiΩdzy przyciskami do przesuwania okna przegl▒darki 
  129.                     <LI>w emulatorze Nokii 6110 nacisn▒µ przycisk po lewej 
  130.                     stronie pod ekranikiem opisany na wy╢wietlaczu jako "Go ..." 
  131.                     </LI></UL><DFN><FONT size=+1><a> </a></DFN></FONT> 
  132.                   jest znacznikiem umo┐liwiaj▒cym przechodzenie do innych kart. 
  133.                   Jego obligatoryjnym atrybutem jest 
  134.                    href="adres_url</CODE>" kt≤ry deklaruje po│o┐enie pliku 
  135.                   do kt≤rego odwo│uje siΩ nasz link. Innym atrybutem, jest 
  136.                    title="tytul"</CODE> Jego u┐ycie nie jest konieczne, 
  137.                   jednak je┐eli wpiszemy tytu│, niekt≤re przegl▒darki w jaki╢ 
  138.                   spos≤b go poka┐▒; najczΩ╢ciej na dole wy╢wietlacza. Nie 
  139.                   wszystkie jednak; przyk│adem mo┐e byµ emulator Nokii 6150, 
  140.                   standartowo znajduj▒cy siΩ w Nokia WAP Toolkit.<BR>Mo┐e teraz 
  141.                   sprawdzimy jak to dzia│a w rzeczywisto╢ci. ProponujΩ stworzyµ 
  142.                   nowy folder, a w nim dwa pliki; <U>talia1.wml</U> oraz 
  143.                   <U>talia2.wml</U> Pierwszy z plik≤w, niech zawiera taki 
  144.                   kod;<BR>
  145.                   <TABLE align=center>
  146.                     <TBODY>
  147.                     <TR>
  148.                       <TD class=kod><BR><?xml 
  149.                         version="1.0"?><BR><!DOCTYPE wml PUBLIC 
  150.                         "-//WAPFORUM//DTD WML 1.1//EN" 
  151.                         "http://www.wapforum.org/DTD/wml_1.1.xml"><BR><wml><BR><card 
  152.                         id="karta1"><BR><p><BR><a 
  153.                         href="talia2.wml">TUTAJ</a> znajduje sie 
  154.                         odnosnik do 
  155.                         talii<BR>drugiej</p><BR></card><BR></wml><BR></TD>
  156.                       <TD><IMG height=135 
  157.                         src="wml/talia1.jpeg" width=140 
  158.                         border=0></TD></TR></TBODY></TABLE><BR>a drugi taki; <BR><BR>
  159.                   <TABLE>
  160.                     <TBODY>
  161.                     <TR>
  162.                       <TD class=kod><?xml 
  163.                         version="1.0"?><BR><!DOCTYPE wml PUBLIC 
  164.                         "-//WAPFORUM//DTD WML 1.1//EN" 
  165.                         "http://www.wapforum.org/DTD/wml_1.1.xml"><BR><wml><BR><card 
  166.                         id="karta1"><BR><p><BR>To jest druga talia, 
  167.                         kliknij<BR><a href="talia1.wml">TUTAJ</a> 
  168.                         aby wrocic do 
  169.                         pierwszej<BR></p><BR></card><BR></wml></TD>
  170.                       <TD><IMG height=140 alt="Rozmiar: 36466 bajt≤w" 
  171.                         src="wml/talia2.jpeg" width=140 
  172.                         border=0></TD></TR></TBODY></TABLE><BR>      W 
  173.                   ten spos≤b stworzyli╢my dwie talie, w ka┐dej po jednej karcie, 
  174.                   miΩdzy kt≤rymi mo┐emy siΩ poruszaµ. ProponujΩ sprawdziµ jaki 
  175.                   efekt w u┐ywanej przez nas przegl▒darce bΩdzie mia│o dodanie 
  176.                   do znacznika  <a href=""></CODE> atrybutu 
  177.                    title="tytul"</CODE><BR><BR>W Nokia WAP Toolkit mo┐emy 
  178.                   wybieraµ emulatory Noki z po╢r≤d dw≤ch modeli; w standardowym 
  179.                   menu wybieramy "Toolkit"- "Preferences..."- zak│adkΩ "General" 
  180.                   i w menu WAP Device wybieramy interesuj▒cy nas model. 
  181.                   Standartowo mo┐emy wybraµ NokiΩ 6150 lub 6110. Ta pierwsza nie 
  182.                   interpretuje atrybutu "title", za╢ ta druga powinna pokazaµ 
  183.                   tytu│ odno╢nika w lewym dolnym rogu ekranu.<BR><BR>I oto 
  184.                   przyk│ad i┐ podobnie jak w przypadku HTML`a nie ma 
  185.                   porozumienia miΩdzy przegl▒darkami Microsoftu i Netszkapy, tak 
  186.                   tutaj r≤┐ne przegl▒darki r≤┐nie interpretuj▒ kod wml. Jest to 
  187.                   wyzwanie dla wapmaster≤w, aby tworzyli karty, kt≤re bΩd▒ 
  188.                   poprawnie wy╢wietlane we WSZYSTKICH modelach telefon≤w 
  189.                   :-)<BR><BR>       Teraz, kiedy 
  190.                   ju┐ wiemy jak tworzyµ po│▒czenia miΩdzy dwoma taliami, 
  191.                   proponujΩ utworzyµ jedn▒ taliΩ z kilkoma po│▒czonymi 
  192.                   odno╢nikami kartami. Plik bΩdzie siΩ nazywa│ nawigacja.wml, i 
  193.                   bΩdzie zawiera│ trzy karty; z ka┐dej bΩdzie mo┐na przej╢µ do 
  194.                   innej. Widzimy tutaj, jak wa┐nym elementem ka┐dej karty jest 
  195.                   jej "id". Oto przyk│adowy kod talii <U>"nawigacja.wml"</U><BR>
  196.                   <TABLE>
  197.                     <TBODY>
  198.                     <TR>
  199.                       <TD class=kod><BR><?xml 
  200.                         version="1.0"?><BR><!DOCTYPE wml PUBLIC 
  201.                         "-//WAPFORUM//DTD WML 1.1//EN" 
  202.                         "http://www.wapforum.org/DTD/wml_1.1.xml"><BR><wml><BR><card 
  203.                         id="karta1" title="KARTA 1"><BR><p 
  204.                         align="center"><BR><a href="#karta2">karta 
  205.                         2</a><br/><BR><a href="#karta3">karta 
  206.                         3</a><BR></p><BR></card></TD>
  207.                       <TD><IMG height=134 
  208.                         src="wml/nawigacja_karta1.jpeg" 
  209.                         width=135 border=0></TD></TR>
  210.                     <TR>
  211.                       <TD class=kod><card id="karta2" title="KARTA 
  212.                         2"><BR><p align="center"><BR><a 
  213.                         href="#karta1">karta 1</a><br/><BR><a 
  214.                         href="#karta3">karta 
  215.                         3</a><BR></p><BR></card></TD>
  216.                       <TD><IMG height=138 
  217.                         src="wml/nawigacja_karta2.jpeg" 
  218.                         width=140 border=0></TD></TR>
  219.                     <TR>
  220.                       <TD class=kod><card id="karta3" title="KARTA 
  221.                         3"><BR><p align="center"><BR><a 
  222.                         href="#karta1">karta 1</a><br/><BR><a 
  223.                         href="#karta2">karta 
  224.                         2</a><BR></p><BR></card><BR></wml><BR></TD>
  225.                       <TD><IMG height=135 
  226.                         src="wml/nawigacja_karta3.jpeg" 
  227.                         width=138 
  228.                   border=0></TD></TR></TBODY></TABLE>       
  229.                   A co je┐eli karta do kt≤rej chcemy wstawiµ odno╢nik znajduje 
  230.                   siΩ w innej talii ? Poni┐szy przyk│ad powinien wszystko 
  231.                   wyja╢niµ; W talii <U>"nawigacja2.wml"</U> wstawiamy odno╢nik 
  232.                   do karty; "druga" w talii "nawigacja3.wml"; Plik 
  233.                   <U>nawigacja2.wml</U> ;<BR><BR>
  234.                   <TABLE align=center>
  235.                     <TBODY>
  236.                     <TR>
  237.                       <TD class=kod><?xml 
  238.                         version="1.0"?><BR><!DOCTYPE wml PUBLIC 
  239.                         "-//WAPFORUM//DTD WML 1.1//EN" 
  240.                         "http://www.wapforum.org/DTD/wml_1.1.xml"><BR><wml><BR><card 
  241.                         id="karta1" title="NAW. 2"><BR><p 
  242.                         align="center"><BR><a 
  243.                         href="nawigacja3.wml#druga">druga</a><br/><BR></p><BR></card><BR></wml><BR></TD>
  244.                       <TD><IMG height=137 
  245.                         src="wml/nawigacja2.jpeg" 
  246.                         width=141 
  247.                   border=0></TD></TR></TBODY></TABLE>      Plik 
  248.                   nawigacja3.wml; 
  249.                   <TABLE>
  250.                     <TBODY>
  251.                     <TR>
  252.                       <TD class=kod><?xml 
  253.                         version="1.0"?><BR><!DOCTYPE wml PUBLIC 
  254.                         "-//WAPFORUM//DTD WML 1.1//EN" 
  255.                         "http://www.wapforum.org/DTD/wml_1.1.xml"><BR><wml><BR><card 
  256.                         id="pierwsza" title="pierwsza"><BR><p 
  257.                         align="center"><BR>To jest pierwsza karta w talii 
  258.                         nawigacja3<BR></p><BR></card><BR><BR><card 
  259.                         id="druga" title="druga"><BR><p 
  260.                         align="center"><BR>To jest druga karta w talii 
  261.                         nawigacja3<BR></p><BR></card><BR></wml><BR></TD>
  262.                       <TD vAlign=bottom><IMG height=138 
  263.                         alt="Rozmiar: 33686 bajt≤w" 
  264.                         src="wml/nawigacja3.jpeg" 
  265.                         width=142 
  266.                   border=0></TD></TR></TBODY></TABLE><BR>       
  267.                   Na koniec przedstawiΩ, jak wygl▒da kod odno╢niku do danego 
  268.                   numeru telefonicznego, tzn. po wybraniu tego linku telefon 
  269.                   powinien automatycznie │▒czyµ siΩ z podanym numerem; 
  270.                   <P class=kod><a 
  271.                   href="wtai://wp/mc;+48501333222">501-333-222</a></P><br></td>
  272.     </tr></table>
  273.     </div>
  274. </td>
  275. <td width="142" valign="top">
  276.  
  277.         <br>
  278.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  279.         <tr>
  280.         <td width="142" valign="top"><img src="img/login.gif" border="0" width="142" height="13" alt="LOGIN"></td>
  281.         </tr>
  282.         <tr>
  283.         <td width="142" valign="top" background="img/okno1.gif">
  284.         
  285.             
  286.             <div align="center">
  287.             <table cellpadding="0" cellspacing="2" border="0" width="98%">
  288.             <form method="post" action="subskrypcja/login.php">
  289.             <tr><td width="30%"><span class="t">Login:</span></td><td width="68%"><input type="text" name="login" size="15" class="login"></td></tr>
  290.             <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>
  291.             
  292.             <tr><td colspan="2"><center><input type="image" src="img/ok.gif"></td></tr>
  293.             </form></table></div>
  294.         
  295.         </td>
  296.         </tr>
  297.         <tr>
  298.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  299.         </tr></table>
  300.  
  301.         <br>
  302.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  303.         <tr>
  304.         <td width="142" valign="top"><img src="img/art.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  305.         </tr>
  306.         <tr>
  307.         <td width="142" valign="top" background="img/okno1.gif">
  308.         
  309.         <span class="m">
  310.         
  311.          -<a href="index.php@id=1" class="menu">"Edytory HTML'a"</a><br>
  312.          -<a href="index.php@id=2" class="menu">"Publikowanie witryny"</a><br>
  313.          -<a href="index.php@id=3" class="menu">"PHP w domu"</a><br>
  314.          -<a href="index.php@id=4" class="menu">"Przeszukiwanie stron"</a><br>
  315.          -<a href="index.php@id=204" class="menu">"Wprowadzenie do Javy"</a><br>
  316.          -<a href="index.php@id=210" class="menu">"Grafika w PHP"</a>
  317.         </span>
  318.         
  319.         </td>
  320.         </tr>
  321.         <tr>
  322.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  323.         </tr></table>
  324.         
  325.         <br>
  326.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  327.         <tr>
  328.         <td width="142" valign="top"><img src="img/stat.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  329.         </tr>
  330.         <tr>
  331.         <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: 24211</span>        </ol>
  332.         <center><a href="http://stat.webmedia.pl/cgi-bin/anal?webarea" target="_blank">
  333. <img border=0 src="http://stat.webmedia.pl/cgi-bin/stat?webarea&stat4ur" alt="stat4u" width="40" height="10"></a></center>
  334.         </td></tr></table></div>
  335.         </td>
  336.         </tr>
  337.         <tr>
  338.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  339.         </tr></table>
  340.         
  341.         <br>
  342.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  343.         <tr>
  344.         <td width="142" valign="top"><img src="img/sponsor.gif" border="0" width="142" height="13" alt="SPONSOR"></td>
  345.         </tr>
  346.         <tr>
  347.         <td width="142" valign="top" background="img/okno1.gif"><br>
  348.         <center><EMBED src="img/beep2.swf" quality=high bgcolor=#000000 WIDTH=120 HEIGHT=30></center>                            
  349.         </td>
  350.         </tr>
  351.         <tr>
  352.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  353.         </tr></table>
  354.  
  355.         <br>
  356.             <div align="center"><table border="0" cellpadding="2" cellspacing="0" width="120">
  357.             <tr>
  358.             <td width="120"><a href="button.php@id=1" target="_blank"><img src="img/cgi.gif" border="0"></a></td>
  359.             </tr>
  360.             <tr>
  361.             <td width="120"><a href="button.php@id=2" target="_blank"><img src="img/ygreg.gif" border="0"></a></td>
  362.             </tr>
  363.             <tr>
  364.             <td width="120"></td>
  365.             </tr>
  366.             </table>
  367.             </div>
  368.         
  369.  
  370. </td>
  371. </tr>
  372. <tr>
  373. <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>
  374. </tr></table></div>
  375.  
  376.  
  377. </body>
  378. </html>