home *** CD-ROM | disk | FTP | other *** search
/ Magazyn Internet 2001 November / MICD2001_11_NR1.iso / Www / WebArea / index.php@id=185 < prev    next >
Text File  |  2001-09-26  |  18KB  |  347 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=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">Formatowanie tekstu</span>
  116. <p align="justify">Mo┐liwo╢ci 
  117.                   formatowania tekstu w wml s▒ BARDZO ograniczone. 
  118.                   Przyzwyczajeni do HTML`a pewnie siΩ zawiod▒ widz▒c skromn▒ 
  119.                   liczbΩ znacznik≤w do tego s│u┐▒c▒. PamiΩtaµ te┐ nale┐y o kilku 
  120.                   r≤┐nicach pomiΩdzy tymi dwoma jΩzykami. Ot≤┐ w html`u tekst 
  121.                   nie objΩty ┐adnym znacznikiem i tak pojawia│ siΩ w 
  122.                   przegl▒darce. W wml ju┐ tak dobrze nie ma. Ca│a tre╢µ maj▒ca 
  123.                   siΩ pojawiµ na wy╢wietlaczu, musi byµ wpisana pomiΩdzy 
  124.                   znaczniki  <p> </p></CODE>. W wml`u do tego 
  125.                   <U>MUSISZ</U> zamkn▒µ KA»DY znacznik  <p></CODE>, 
  126.                   gdy┐ inaczej wyst▒pi▒ b│Ωdy. W HTML czΩsto by│o to pomijane. 
  127.                   Ale zacznijmy od pocz▒tku...</B><BR><BR><DFN><FONT 
  128.                   size=+1><p> </p></DFN></FONT> Czyli paragraphs, to 
  129.                   po prostu akapit w kt≤rym mo┐e siΩ znale╝µ jaki╢ tekst 
  130.                   odpowiednio sformatowany. Znacznik ten posiada dwa atrybuty; 
  131.                    align</CODE> oraz  wrap</CODE>. Align okre╢la 
  132.                   po│o┐enie poziome tekstu na wy╢wietlaczu i przyjmuje atrybuty: 
  133.  
  134.                   <UL>
  135.                     <LI> aling="left"</CODE> ; wyr≤wnanie tekstu do lewej 
  136.                     <LI> align="right"</CODE> ; wyr≤wnanie tekstu do prawej 
  137.  
  138.                     <LI> align="center"</CODE> ; wycentrowanie 
  139.                   tekstu</LI></UL>Standartowo- tzn. je┐eli nie u┐yjemy atrybutu 
  140.                   align, tekst zostanie wyr≤wnany do lewej<BR><BR>
  141.                   <TABLE align=center>
  142.                     <TBODY>
  143.                     <TR>
  144.                       <TD><IMG height=140 
  145.                         src="wml/align=left.jpeg" 
  146.                         width=130 border=0></TD>
  147.                       <TD><IMG height=140 
  148.                         src="wml/align=center.jpeg" 
  149.                         width=130 border=0></TD>
  150.                       <TD><IMG height=140 
  151.                         src="wml/align=right.jpeg" 
  152.                         width=130 
  153.                   border=0></TD></TR></TBODY></TABLE><BR>    Atrybut 
  154.                    wrap</CODE> okre╢la czy przegl▒darka ma zawijaµ wiersze 
  155.                   na wy╢wietlaczu, czy te┐ nie. U┐ywamy wiΩc jednego z dw≤ch 
  156.                   atrybut≤w;  wrap</CODE> lub  nowrap</CODE>. 
  157.                   Domy╢lnie tekst jest zawijany. Ich zastosowanie ilustruje 
  158.                   przyk│ad.<BR><BR>
  159.                   <TABLE align=center>
  160.                     <TBODY>
  161.                     <TR>
  162.                       <TD><IMG height=147 
  163.                         src="wml/wrap.jpeg" 
  164.                         width=137 border=0></TD>
  165.                       <TD><IMG height=142 
  166.                         src="wml/nowrap.jpeg" 
  167.                         width=137 
  168.                   border=0></TD></TR></TBODY></TABLE><BR>    Pomimo, 
  169.                   ┐e znacznik≤w zmieniaj▒cych wygl▒d tekstu jest o wiele mniej 
  170.                   ni┐ w HTML, to i tak nale┐y z nich roztropnie korzystaµ gdy┐ 
  171.                   nie wszystkie s▒ prawid│owo interpretowane przez r≤┐ne 
  172.                   telefony. Rozpatrzmy je na przyk│adach;<BR><BR>
  173.                   <TABLE cellSpacing=0 cellPadding=0 align=center>
  174.                     <TBODY>
  175.                     <TR vAlign=top>
  176.                       <TD><IMG height=140 
  177.                         src="wml/bold.jpeg" 
  178.                         width=139 border=0></TD>
  179.                       <TD><IMG height=140 
  180.                         src="wml/italic.jpeg" 
  181.                         width=139 border=0></TD>
  182.                       <TD><IMG height=140 
  183.                         src="wml/underline.jpeg" 
  184.                         width=139 border=0></TD></TR>
  185.                     <TR align=middle cellpadding="0" cellspacing="0">
  186.                       <TD class=kod> <b> </b></CODE></TD>
  187.                       <TD class=kod> <i> </i></CODE></TD>
  188.                       <TD class=kod> <u> </u></CODE> </TD></TR>
  189.                     <TR cellpadding="0" cellspacing="0">
  190.                       <TD class=text1 align=middle>pogrubienie tekstu</TD>
  191.                       <TD class=text1 align=middle>czcionka pochy│a</TD>
  192.                       <TD class=text1 align=middle>czcionka 
  193.                     podkre╢lona</TD></TR></TBODY></TABLE><BR>
  194.                   <TABLE cellSpacing=0 cellPadding=0 align=center>
  195.                     <TBODY>
  196.                     <TR vAlign=top>
  197.                       <TD><IMG height=140 
  198.                         src="wml/small.jpeg" 
  199.                         width=138 border=0></TD>
  200.                       <TD><IMG height=140 
  201.                         src="wml/big.jpeg" 
  202.                         width=139 border=0></TD></TR>
  203.                     <TR align=middle cellpadding="0" cellspacing="0">
  204.                       <TD class=kod> <small> 
  205.                       </small></CODE></TD>
  206.                       <TD class=kod> <big> 
  207.                       </big></CODE></TD></TD></TR>
  208.                     <TR cellpadding="0" cellspacing="0">
  209.                       <TD class=text1 align=middle>mniejsza czcionka</TD>
  210.                       <TD class=text1 align=middle>wiΩksza 
  211.                     czcionka</TD></TR></TBODY></TABLE><BR>       
  212.                   Zosta│y jeszcze znaczniki  <strong></CODE> oraz 
  213.                    <em></CODE> czyli mocne i s│abe uwypuklenie, 
  214.                   jednak ich u┐ywanie jest odradzane, wiΩc je┐eli chcecie to 
  215.                   wypr≤bujecie jak dzia│aj▒ sami.<BR><BR><DFN><FONT 
  216.                   size=+1><br/></DFN></FONT> Znacznik ten nale┐y do grupy 
  217.                   znacznik≤w pustych, tzn. sk│ada siΩ z jednej czΩ╢ci, a wiΩc 
  218.                   nie zawiera ┐adnej tre╢ci. Mimo tego jest jednym z bardziej 
  219.                   popularnych. Umo┐liwia z│amanie linii tam gdzie sobie tego 
  220.                   ┐yczymy. Wszystkie znaki kt≤re stoj▒ za nim przegl▒darka musi 
  221.                   przerzuciµ do nastΩpnej linijki. Zilustrujmy to przyk│adem; 
  222.                   <BR>
  223.                   <TABLE align=center>
  224.                     <TBODY>
  225.                     <TR>
  226.                       <TD 
  227.                         class=kod><card><BR><p>12345<br/>6789012<br/>34<br/></p><BR></card><BR></TD>
  228.                       <TD><IMG height=140 
  229.                         src="wml/br.jpeg" 
  230.                         width=140 
  231.                   border=0></TD></TR></TBODY></TABLE>      Na 
  232.                   sam koniec dodam ┐e znaczniki formatowania tekstu mog▒ siΩ 
  233.                   zagnie┐d┐aµ, tzn. mo┐emy umieszczaµ jeden tag wewn▒trz 
  234.                   innego;<BR>
  235.                   <P class=kod><card><BR><p><b><u>Ten 
  236.                   tekst nie dosc ┐e jest pogrubiony,<BR>to jeszcze podkreslony. 
  237.                   Wlasnie to jest 
  238.                   zagniezdzanie</u></b><BR></card><BR></P>W 
  239.                   nastΩpnej czΩsci jak mo┐na rozmieszczaµ tekst na ekranie za 
  240.                   pomoc▒ tabel i jak wstawiaµ obrazki wbmp...<br></td>
  241.     </tr></table>
  242.     </div>
  243. </td>
  244. <td width="142" valign="top">
  245.  
  246.         <br>
  247.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  248.         <tr>
  249.         <td width="142" valign="top"><img src="img/login.gif" border="0" width="142" height="13" alt="LOGIN"></td>
  250.         </tr>
  251.         <tr>
  252.         <td width="142" valign="top" background="img/okno1.gif">
  253.         
  254.             
  255.             <div align="center">
  256.             <table cellpadding="0" cellspacing="2" border="0" width="98%">
  257.             <form method="post" action="subskrypcja/login.php">
  258.             <tr><td width="30%"><span class="t">Login:</span></td><td width="68%"><input type="text" name="login" size="15" class="login"></td></tr>
  259.             <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>
  260.             
  261.             <tr><td colspan="2"><center><input type="image" src="img/ok.gif"></td></tr>
  262.             </form></table></div>
  263.         
  264.         </td>
  265.         </tr>
  266.         <tr>
  267.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  268.         </tr></table>
  269.  
  270.         <br>
  271.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  272.         <tr>
  273.         <td width="142" valign="top"><img src="img/art.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  274.         </tr>
  275.         <tr>
  276.         <td width="142" valign="top" background="img/okno1.gif">
  277.         
  278.         <span class="m">
  279.         
  280.          -<a href="index.php@id=1" class="menu">"Edytory HTML'a"</a><br>
  281.          -<a href="index.php@id=2" class="menu">"Publikowanie witryny"</a><br>
  282.          -<a href="index.php@id=3" class="menu">"PHP w domu"</a><br>
  283.          -<a href="index.php@id=4" class="menu">"Przeszukiwanie stron"</a><br>
  284.          -<a href="index.php@id=204" class="menu">"Wprowadzenie do Javy"</a><br>
  285.          -<a href="index.php@id=210" class="menu">"Grafika w PHP"</a>
  286.         </span>
  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/stat.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  298.         </tr>
  299.         <tr>
  300.         <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: 24209</span>        </ol>
  301.         <center><a href="http://stat.webmedia.pl/cgi-bin/anal?webarea" target="_blank">
  302. <img border=0 src="http://stat.webmedia.pl/cgi-bin/stat?webarea&stat4ur" alt="stat4u" width="40" height="10"></a></center>
  303.         </td></tr></table></div>
  304.         </td>
  305.         </tr>
  306.         <tr>
  307.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  308.         </tr></table>
  309.         
  310.         <br>
  311.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  312.         <tr>
  313.         <td width="142" valign="top"><img src="img/sponsor.gif" border="0" width="142" height="13" alt="SPONSOR"></td>
  314.         </tr>
  315.         <tr>
  316.         <td width="142" valign="top" background="img/okno1.gif"><br>
  317.         <center><EMBED src="img/beep2.swf" quality=high bgcolor=#000000 WIDTH=120 HEIGHT=30></center>                            
  318.         </td>
  319.         </tr>
  320.         <tr>
  321.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  322.         </tr></table>
  323.  
  324.         <br>
  325.             <div align="center"><table border="0" cellpadding="2" cellspacing="0" width="120">
  326.             <tr>
  327.             <td width="120"><a href="button.php@id=1" target="_blank"><img src="img/cgi.gif" border="0"></a></td>
  328.             </tr>
  329.             <tr>
  330.             <td width="120"><a href="button.php@id=2" target="_blank"><img src="img/ygreg.gif" border="0"></a></td>
  331.             </tr>
  332.             <tr>
  333.             <td width="120"></td>
  334.             </tr>
  335.             </table>
  336.             </div>
  337.         
  338.  
  339. </td>
  340. </tr>
  341. <tr>
  342. <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>
  343. </tr></table></div>
  344.  
  345.  
  346. </body>
  347. </html>