home *** CD-ROM | disk | FTP | other *** search
/ Magazyn Internet 2001 November / MICD2001_11_NR1.iso / Www / WebArea / index.php@id=51 < prev    next >
Text File  |  2001-09-26  |  15KB  |  323 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=52">Czcionki</a>
  107.  <a class="menu" href="index.php@id=53">Odsy│acze</a>
  108.  <a class="menu" href="index.php@id=54">Bloki</a>
  109.  <a class="menu" href="index.php@id=55">Grafika</a>
  110.  <a class="menu" href="index.php@id=56">Tabele</a>
  111.  <a class="menu" href="index.php@id=57">Listy</a>
  112.  <a class="menu" href="index.php@id=58">Ramki</a> </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">Podstawy</span>
  117. <p>HTML to jΩzyk, w kt≤rym tworzy siΩ strony internetowe. JΩzyk
  118. ten jest bardzo │atwy do nauczenia. Aby stworzyc dokument HTML
  119. wystarczy posiadac dowolny edytor <br>
  120. tekstowy (np. "windowsowy" notatnik). Strony najlepiej
  121. tworzyµ w kodowaniu ISO-8859-2. Przyk│adowy zrodlo dokumentu
  122. HTML:</p>
  123.  
  124. <p><HTML><br>
  125. <HEAD><br>
  126. <META HTTP-EQUIV="Content-type"
  127. CONTENT="text/html; charset=iso-8859-2"><br>
  128. <META HTTP-EQUIV="Creation-date" CONTENT="[data
  129. utworzenia]"><br>
  130. <META HTTP-EQUIV="Reply-to" CONTENT="[adres
  131. e-mail autora]"><br>
  132. <META NAME="Keywords" CONTENT="[s│owa
  133. kluczowe], [s│owo1], [s│owo2]"><br>
  134. <META NAME="Description" CONTENT="[opis
  135. zawarto?ci]"><br>
  136. <META NAME="Author" CONTENT="[autor
  137. strony]"><br>
  138. <META NAME="Generator" CONTENT="nazwa"><br>
  139. <TITLE>[tytu│ strony]</TITLE><br>
  140. </HEAD><br>
  141. <BODY><br>
  142. zawarto╢µ<br>
  143. </BODY><br>
  144. </HTML><br>
  145. Znacznik <strong><HTML></strong> informuje przegladarke o
  146. tym, ze tu zaczyna sie dokument HTML. <strong></HTML></strong>
  147. konczy dokument.<br>
  148. Znacznik <strong><HEAD></strong> zawiera informacje na
  149. temat strony. W pierwszym rzedzie tytul . W nastepnych liniach
  150. informacja na temat kodowania (przegladarka dzieki niej
  151. automatycznie ustawia to kodowanie), data utworzenia, adres
  152. autora strony, slowa kluczowe, opis strony oraz autor strony. No
  153. i oczywiscie zakonczenie naglowka <strong></HEAD></strong>.<br>
  154. Znacznik <strong></BODY></strong> informuje przegladarke m.
  155. in.: o kolorze tla, urlu do obrazka ktory ma byc w tle, kolorze
  156. tekstu, linku oraz linku odwiedzonego. Miedzy znacznikami <strong><BODY></strong>
  157. i <strong></BODY></strong> nale┐y wstawic zawartosc
  158. strony, czyli wszelkie znaczniki i teksty.<br>
  159. Atrybuty znacznika <strong><BODY></strong>:</p>
  160.  
  161. <ul>
  162.     <li><strong>BGCOLOR</strong> - okre╢la jaki ma byµ kolor
  163.         t│a dokumentu HTML</li>
  164.     <li><strong>BACKGROUND </strong>- okre╢la jaki obrazek ma
  165.         byc w tle</li>
  166.     <li><strong>COLOR</strong> - okre╢la kolor tekstu</li>
  167.     <li><strong>LINK</strong> - okre╢la kolor linku
  168.         nieodwiedzonego</li>
  169.     <li><strong>VLINK</strong> - okre╢la kolor linku
  170.         odwiedzonego</li>
  171.     <li><strong>ALINK</strong> - okre╢la kolor aktywnego linku</li>
  172.     <li><strong>TOPMARGIN</strong> - okre╢la wielko╢µ g≤rnego
  173.         marginesu strony</li>
  174.     <li><strong>LEFTMARGIN</strong> - okre╢la wielko╢µ lewego
  175.         marginesu strony</li>
  176. </ul>
  177.  
  178. <p>Przyk│ad znacznika <strong><BODY></strong>:</p>
  179.  
  180. <p><BODY BGCOLOR="yellow" COLOR="black"
  181. TOPMARGIN="0" LEFTMARGIN="0"></p>
  182.  
  183. <p>W przyk│adzie widzimy, ┐e strona bΩdzie mia│a ┐≤│te
  184. t│o, czarny tekst, g≤rny i lewy margines o d│ugo╢ci 0.</p>
  185.  
  186. <p>Je┐eli nienapiszemy w znaczniku <strong><BODY> </strong>jakiego╢
  187. atrybutu, to jego warto╢µ jest r≤wna standardowej warto╢ci
  188. tego atrybutu. Czyli w naszym przyk│adzie hiper│▒cze (inne
  189. okre╢lenie linku) bΩdzie mia│o kolor niebieski, odwiedzone
  190. hiper│▒cze kolor fioletowy, a aktywne czerwone.</p>
  191.  
  192. <p>Do rozpoczΩcia akapitu s│u┐y znacznik <strong><P></strong>.
  193. Akapit mo┐e zostaµ wyr≤wnany poprzez atrybut <strong>ALIGN</strong>,<strong>
  194. </strong>np.:</p>
  195.  
  196. <p>hfkgfhdgkhfjkhgkjfghfjkhfgjkfshfjkdhfdskjfhjfkhfdkjfg
  197. jdhjkshkjfgd jkfhjgkhg jkfdshfjghkjdfshg jkhgjkdhg bgfdhgjkhgjkfh
  198. fjfkdhgjkdfs hg kfdhsjkhg jfkdh jfksdhgjk hjfdhjgh jkfdh jkgh
  199. dhgjk fjdhgdfjkghjksdf ssdjhsdjkhfghgjfdkhg fhjdhgkjdfghjkg
  200. jfdhgjkdfhgdfjk jhfdkghjdkhg jkfdghfjkdgh fjdkghfjkdgh
  201. kjfdghfjkgh fjghfjkghjkdfghfjkh hjh hfjkghfjkgdfkj.</p>
  202.  
  203. <p>Warto╢ci▒ atrybutu ALIGN mo┐e byµ:</p>
  204.  
  205. <ul>
  206.     <li>left - wyr≤wnanie do lewej</li>
  207.     <li>right - wyr≤wnanie do prawej</li>
  208.     <li>center - wy╢rodkowanie</li>
  209.     <li>justify - justowanie</li>
  210. </ul>
  211.  
  212. <p>Do zako±czenia linii s│u┐y znacznik <strong><BR></strong>,
  213. np.:</p>
  214.  
  215. <p>Pierwsza linia<br>
  216. Druga linia</p><br></td>
  217.     </tr></table>
  218.     </div>
  219. </td>
  220. <td width="142" valign="top">
  221.  
  222.         <br>
  223.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  224.         <tr>
  225.         <td width="142" valign="top"><img src="img/login.gif" border="0" width="142" height="13" alt="LOGIN"></td>
  226.         </tr>
  227.         <tr>
  228.         <td width="142" valign="top" background="img/okno1.gif">
  229.         
  230.             
  231.             <div align="center">
  232.             <table cellpadding="0" cellspacing="2" border="0" width="98%">
  233.             <form method="post" action="subskrypcja/login.php">
  234.             <tr><td width="30%"><span class="t">Login:</span></td><td width="68%"><input type="text" name="login" size="15" class="login"></td></tr>
  235.             <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>
  236.             
  237.             <tr><td colspan="2"><center><input type="image" src="img/ok.gif"></td></tr>
  238.             </form></table></div>
  239.         
  240.         </td>
  241.         </tr>
  242.         <tr>
  243.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  244.         </tr></table>
  245.  
  246.         <br>
  247.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  248.         <tr>
  249.         <td width="142" valign="top"><img src="img/art.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  250.         </tr>
  251.         <tr>
  252.         <td width="142" valign="top" background="img/okno1.gif">
  253.         
  254.         <span class="m">
  255.         
  256.          -<a href="index.php@id=1" class="menu">"Edytory HTML'a"</a><br>
  257.          -<a href="index.php@id=2" class="menu">"Publikowanie witryny"</a><br>
  258.          -<a href="index.php@id=3" class="menu">"PHP w domu"</a><br>
  259.          -<a href="index.php@id=4" class="menu">"Przeszukiwanie stron"</a><br>
  260.          -<a href="index.php@id=204" class="menu">"Wprowadzenie do Javy"</a><br>
  261.          -<a href="index.php@id=210" class="menu">"Grafika w PHP"</a>
  262.         </span>
  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/stat.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  274.         </tr>
  275.         <tr>
  276.         <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: 24129</span>        </ol>
  277.         <center><a href="http://stat.webmedia.pl/cgi-bin/anal?webarea" target="_blank">
  278. <img border=0 src="http://stat.webmedia.pl/cgi-bin/stat?webarea&stat4ur" alt="stat4u" width="40" height="10"></a></center>
  279.         </td></tr></table></div>
  280.         </td>
  281.         </tr>
  282.         <tr>
  283.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  284.         </tr></table>
  285.         
  286.         <br>
  287.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  288.         <tr>
  289.         <td width="142" valign="top"><img src="img/sponsor.gif" border="0" width="142" height="13" alt="SPONSOR"></td>
  290.         </tr>
  291.         <tr>
  292.         <td width="142" valign="top" background="img/okno1.gif"><br>
  293.         <center><EMBED src="img/beep2.swf" quality=high bgcolor=#000000 WIDTH=120 HEIGHT=30></center>                            
  294.         </td>
  295.         </tr>
  296.         <tr>
  297.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  298.         </tr></table>
  299.  
  300.         <br>
  301.             <div align="center"><table border="0" cellpadding="2" cellspacing="0" width="120">
  302.             <tr>
  303.             <td width="120"><a href="button.php@id=1" target="_blank"><img src="img/cgi.gif" border="0"></a></td>
  304.             </tr>
  305.             <tr>
  306.             <td width="120"><a href="button.php@id=2" target="_blank"><img src="img/ygreg.gif" border="0"></a></td>
  307.             </tr>
  308.             <tr>
  309.             <td width="120"></td>
  310.             </tr>
  311.             </table>
  312.             </div>
  313.         
  314.  
  315. </td>
  316. </tr>
  317. <tr>
  318. <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>
  319. </tr></table></div>
  320.  
  321.  
  322. </body>
  323. </html>