home *** CD-ROM | disk | FTP | other *** search
/ Magazyn Internet 2001 November / MICD2001_11_NR1.iso / Www / WebArea / index.php@id=189 < prev    next >
Text File  |  2001-09-26  |  17KB  |  306 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=188">Zadania i zdarzenia</a> 
  112.  </td></tr></table></div></td>
  113.         </tr>
  114.         <tr>
  115.         <td width="460" valign="top"><img src="img/okno21.gif" border="0" width="460" height="10"></td>
  116.         </tr></table><p align="left"><span class="nag">Formularze</span>
  117. <p align="justify">JΩzyk WML, podobnie jak HTML daje nam mo┐liwo╢µ komunikacji z 
  118.                   odwiedzaj▒cymi nasze karty. S│u┐▒ do tego formularze. Dzia│aj▒ 
  119.                   na podobnej zasadzie jak w HTML, aczkolowiek buduje siΩ je 
  120.                   trochΩ inaczej. Nie zastosujemy tu starego, dobrego znacznika 
  121.                   <FORM>, a za to przejdziemy od razu do tworzenia pola 
  122.                   tekstowego, czyli <INPUT>. A co z okre╢leniem sposobu 
  123.                   obs│ugi formularza ? Ot≤┐ w WML musimy pos│u┐yµ siΩ znowu 
  124.                   zadaniami i zdarzeniami...</B><BR><BR><DFN><FONT 
  125.                   size=+1><input/></DFN></FONT>  To element za 
  126.                   pomoc▒ kt≤rego wstawiamy na nasz▒ kartΩ pole tekstowe. Mo┐e on 
  127.                   wygl▒daµ na przyk│ad w ten spos≤b;<BR><BR> <input 
  128.                   type="text" name="imie"/></CODE><BR><BR>To jednak 
  129.                   najprostsza forma u┐ycia elementu input. Okre╢lili╢my w nim 
  130.                   typ wprowadzanych znak≤w (type) oraz nazwΩ zmiennej, kt≤ra 
  131.                   bΩdzie okre╢laµ ci▒g znak≤w wprowadzony przez wype│niaj▒cego 
  132.                   formularz (name). Je┐eli warto╢µ atrybutu  type</CODE> 
  133.                   okre╢limy jako password, to wpisywane znaki bΩd▒ przedstawione 
  134.                   na ekraniku za pomoc▒ gwiazdek. Innymi dostΩpnymi atrybutami 
  135.                   s▒;<BR><BR> value</CODE> - czyli domy╢lna zawarto╢µ pola 
  136.                   tekstowego np.  value="wpisz 
  137.                   imie"</CODE><BR> size</CODE> - szeroko╢µ pola tekstowego 
  138.                   np.  size="6"</CODE><BR> maxlength</CODE> - ilo╢µ 
  139.                   znak≤w kt≤re mo┐e maksywalnie pomie╢ciµ pole np. 
  140.                    maxlength="25"</CODE><BR> title</CODE> - nazwa pola 
  141.                   tekstowego<BR> tabindex</CODE> - okre╢la kt≤ry z kolei 
  142.                   jest to element w tabeli indeks≤w na 
  143.                   karcie<BR> format</CODE> - bardzo przydatny atrybut, 
  144.                   umo┐liwiaj▒cy kontrolΩ wpisywanych danych w pola. Mo┐emy na 
  145.                   przyk│ad zastrzec aby wszystkie wpisywane znaki by│y wy│▒cznie 
  146.                   literami b▒d╝ tylko cyframi. Format danych kt≤re mog▒ znale╝µ 
  147.                   siΩ w polu jest okre╢lany za pomoc▒ MASEK; 
  148.                   <UL>
  149.                     <LI> A</CODE> - du┐e litery 
  150.                     <LI> a</CODE> - ma│e litery 
  151.                     <LI> N</CODE> - cyfry 
  152.                     <LI> X</CODE> - cyfry i du┐e litery 
  153.                     <LI> x</CODE> - cyfry i ma│e litery 
  154.                     <LI> M</CODE> - wszelkie znaki wpisane z klawiatury 
  155.                     </LI></UL>     Wpisanie tylko jednego 
  156.                   znaku symbolizuj▒cego dan▒ maskΩ bΩdzie ograniczaµ liczbΩ 
  157.                   wpisywanych znak≤w do jednego. Je┐eli wiΩc chcemy aby 
  158.                   u┐ytkownik wpisa│ w pole numer telefoniczny mo┐emy nadaµ 
  159.                   atrybutowi  format</CODE> warto╢µ  NNNNNNN</CODE> , 
  160.                   a wtedy bΩdzie mo┐liwe wpisanie wy│▒cznie cyfr i to 
  161.                   maksymalnie siedmiu.<BR>Mo┐emy tak┐e zastosowaµ ciut bardziej 
  162.                   skomplikowan▒ maskΩ u┐ywaj▒c │a±cucha znak≤w 
  163.                    NN\-NNN</CODE> ; u┐ytkownik bΩdzie mia│ u│atwione 
  164.                   zadanie przy wpisywaniu kodu pocztowego, gdy┐ po wpisaniu 
  165.                   dw≤ch cyfr pojawi siΩ znak minusa po kt≤rym bΩdzie m≤g│ wpisaµ 
  166.                   tylko trzy cyfry. Dzieje siΩ tak dlatego i┐ po znaku 
  167.                    \</CODE> okre╢lili╢my symbol kt≤ry pojawi siΩ sam w polu 
  168.                   tekstowym.<BR>     Mo┐emy jednak 
  169.                   stosowaµ maski bez okre╢lania ilo╢ci wpisywanych znak≤w. S│u┐y 
  170.                   nam w tym celu symbol * - je┐eli okre╢limy maskΩ postaci 
  171.                    "*N"</CODE> to bΩdzie mo┐na wpisaµ dowoln▒ ilo╢µ 
  172.                   cyfr.<BR><BR>     "No dobra ! Wiem 
  173.                   ju┐ jak tworzyµ maski, ale gdzie jest przycisk "Submit", jak 
  174.                   okre╢liµ co ma siΩ staµ z formularzem po jego wype│nieniu 
  175.                   ?"<BR>Ot≤┐ wykorzystujemy tu zadania i zdarzenia. Konstruujemy 
  176.                   kartΩ tak, aby po naci╢niΩciu jednego z przycisk≤w 
  177.                   nawigacyjnych mo┐na by│o przej╢µ do innej strony- skryptu 
  178.                   kt≤ry obs│u┐y wpisane do formularza dane. W trakcie tego 
  179.                   procesu wpisane informacje "lec▒" razem z nami pod postaci▒ 
  180.                   zmiennych. Ilustruuje to wszystko poni┐szy przyk│ad kompletnej 
  181.                   karty; <BR><BR>
  182.                   <TABLE>
  183.                     <TBODY>
  184.                     <TR>
  185.                       <TD class=kod><card id="pierwsza" 
  186.                         title="formularze"><BR><do type="accept" 
  187.                         label="Wyslij"><BR><go 
  188.                         href="wynik.php?imie=$(imie)&amp;lat=$(wiek)"/><BR></do><BR><p>Podaj 
  189.                         imie:<input type="text" 
  190.                         name="imie"/><br/><BR>Podaj wiek:<input 
  191.                         type="text" name="wiek" 
  192.                         format="NN"/><BR></p><BR></card><BR></TD>
  193.                       <TD width=160><IMG height=138 
  194.                         src="wml/form.jpeg" width=142 
  195.                         border=0></TD></TR></TBODY></TABLE><BR>     Pozostaje 
  196.                   jeszcze pytanie - i co dalej - przecie┐ jeszcze nie 
  197.                   okre╢lili╢my adresu pod kt≤ry zostanie wys│any e-mail z 
  198.                   wynikami. T▒ czΩ╢ci▒ zajmuje siΩ bowiem skrypt. Jaki skrypt ? 
  199.                   - No c≤┐, w czym tylko chcesz; w ASP, czy w PHP...<br></td>
  200.     </tr></table>
  201.     </div>
  202. </td>
  203. <td width="142" valign="top">
  204.  
  205.         <br>
  206.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  207.         <tr>
  208.         <td width="142" valign="top"><img src="img/login.gif" border="0" width="142" height="13" alt="LOGIN"></td>
  209.         </tr>
  210.         <tr>
  211.         <td width="142" valign="top" background="img/okno1.gif">
  212.         
  213.             
  214.             <div align="center">
  215.             <table cellpadding="0" cellspacing="2" border="0" width="98%">
  216.             <form method="post" action="subskrypcja/login.php">
  217.             <tr><td width="30%"><span class="t">Login:</span></td><td width="68%"><input type="text" name="login" size="15" class="login"></td></tr>
  218.             <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>
  219.             
  220.             <tr><td colspan="2"><center><input type="image" src="img/ok.gif"></td></tr>
  221.             </form></table></div>
  222.         
  223.         </td>
  224.         </tr>
  225.         <tr>
  226.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  227.         </tr></table>
  228.  
  229.         <br>
  230.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  231.         <tr>
  232.         <td width="142" valign="top"><img src="img/art.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  233.         </tr>
  234.         <tr>
  235.         <td width="142" valign="top" background="img/okno1.gif">
  236.         
  237.         <span class="m">
  238.         
  239.          -<a href="index.php@id=1" class="menu">"Edytory HTML'a"</a><br>
  240.          -<a href="index.php@id=2" class="menu">"Publikowanie witryny"</a><br>
  241.          -<a href="index.php@id=3" class="menu">"PHP w domu"</a><br>
  242.          -<a href="index.php@id=4" class="menu">"Przeszukiwanie stron"</a><br>
  243.          -<a href="index.php@id=204" class="menu">"Wprowadzenie do Javy"</a><br>
  244.          -<a href="index.php@id=210" class="menu">"Grafika w PHP"</a>
  245.         </span>
  246.         
  247.         </td>
  248.         </tr>
  249.         <tr>
  250.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  251.         </tr></table>
  252.         
  253.         <br>
  254.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  255.         <tr>
  256.         <td width="142" valign="top"><img src="img/stat.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  257.         </tr>
  258.         <tr>
  259.         <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: 24214</span>        </ol>
  260.         <center><a href="http://stat.webmedia.pl/cgi-bin/anal?webarea" target="_blank">
  261. <img border=0 src="http://stat.webmedia.pl/cgi-bin/stat?webarea&stat4ur" alt="stat4u" width="40" height="10"></a></center>
  262.         </td></tr></table></div>
  263.         </td>
  264.         </tr>
  265.         <tr>
  266.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  267.         </tr></table>
  268.         
  269.         <br>
  270.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  271.         <tr>
  272.         <td width="142" valign="top"><img src="img/sponsor.gif" border="0" width="142" height="13" alt="SPONSOR"></td>
  273.         </tr>
  274.         <tr>
  275.         <td width="142" valign="top" background="img/okno1.gif"><br>
  276.         <center><EMBED src="img/beep2.swf" quality=high bgcolor=#000000 WIDTH=120 HEIGHT=30></center>                            
  277.         </td>
  278.         </tr>
  279.         <tr>
  280.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  281.         </tr></table>
  282.  
  283.         <br>
  284.             <div align="center"><table border="0" cellpadding="2" cellspacing="0" width="120">
  285.             <tr>
  286.             <td width="120"><a href="button.php@id=1" target="_blank"><img src="img/cgi.gif" border="0"></a></td>
  287.             </tr>
  288.             <tr>
  289.             <td width="120"><a href="button.php@id=2" target="_blank"><img src="img/ygreg.gif" border="0"></a></td>
  290.             </tr>
  291.             <tr>
  292.             <td width="120"></td>
  293.             </tr>
  294.             </table>
  295.             </div>
  296.         
  297.  
  298. </td>
  299. </tr>
  300. <tr>
  301. <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>
  302. </tr></table></div>
  303.  
  304.  
  305. </body>
  306. </html>