home *** CD-ROM | disk | FTP | other *** search
/ Magazyn Internet 2001 November / MICD2001_11_NR1.iso / Www / WebArea / index.php@id=19 < prev    next >
Text File  |  2001-09-26  |  16KB  |  287 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=16">Co to jest HTML?</a>
  107.  <a class="menu" href="index.php@id=17">Szkielet dokumentu</a>
  108.  <a class="menu" href="index.php@id=18">Co miΩdzy znacznikami?</a>
  109.  <a class="menu" href="index.php@id=20">Linki</a>
  110.  <a class="menu" href="index.php@id=21">Publikowanie</a>
  111.  <a class="menu" href="index.php@id=22">Zako±czenie</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><span class="nag">BeginnerZone</span>
  117. <h2>Podstawowe znaczniki</h2>
  118. <P ALIGN="justify">Poni┐ej przedstawione znaczniki nale┐y wstawiaµ do sekcji BODY. Okre╢laj▒ one atrybuty tekstu, tytu│≤w oraz dodatk≤w.<BR><BR>
  119. <H1>WstΩp Z.Dyrmy</H1><BR><BR>
  120. Jest to znacznik tytu│u. Wielko╢µ czcionki zale┐y od numeru cyfry. Mo┐emy u┐yµ cyfer od 1 do 6, przy czym 1 to czcionka najwiΩksza.
  121. <H1>H1</H1> 
  122. <H2>H2</H2> 
  123. <H3>H3</H3> 
  124. <H4>H4</H4> 
  125. <H5>H5</H5> 
  126. <H6>H6</H6>
  127. <P><BR>
  128. Zdzichu przyszed│ do domu i zdj▒│ kalesony.<BR><BR>
  129. NastΩpnie przysz│a Zyta i ubra│a berecik.<BR><BR>
  130. Powiedzia│a: "Cze╢µ, Zdzichu".<BR><BR>
  131. On odrzek│: "Nara" i zamkn▒│ przed ni▒ drzwi.<BR>
  132. </P><BR><BR>
  133. Znacznik P to akapit, wyznacza czΩ╢µ tekstu, kt≤ry ma byµ odmiennie sformatowany. BR to "Enter", kt≤ry powoduje, ┐e zaczynamy pisaµ od nowego wiersza, ale w ramach jednego akapitu.<BR>
  134. Do znacznika P mo┐emy wpisaµ komendΩ ALIGN, kt≤ra okre╢la wyr≤wnanie tekstu. Mo┐e to  byµ wyr≤wnanie lewe - left, prawe - right, wycentrowane - center, oraz wyjustowane - justify.<BR><BR>
  135. <P ALIGN="justify">Zdzichu ma lu╝nego stolca</P><BR><BR>
  136. <HR ALIGN="left" WIDTH=200><BR>
  137. Jest to linia pozioma - <HR>. Samo wpisanie tego znacznika powoduje wy╢wietlenie siΩ linii na ca│▒ d│ugo╢µ ekranu. Do HR mo┐na zastosowaµ nastΩpuj▒ce atrybuty: ALIGN - jak powy┐ej, COLOR - jak powy┐ej, WIDTH - d│ugo╢µ podana w pikselach lub procentach, SIZE - grubo╢µ, tak jak width, NOSHADE - brak cienia.<BR><BR>
  138. <HR ALIGN="center" COLOR="red" WIDTH="50%" SIZE="6" NOSHADE> 
  139. <HR ALIGN="center" COLOR="red" WIDTH="50%" SIZE="6" NOSHADE><BR><BR>
  140. <UL><BR>
  141. <LI><BR>
  142. <LI><BR>
  143. <LI><BR>
  144. </UL><BR><BR>
  145. Jest to wykaz nieuporz▒dkowany, tzn. nie numerowany, lecz punktowany (unordered list). UL rozpoczyna listΩ, natomiast LI to kolejne punkty. Chc▒c uzyskaµ listΩ uporz▒dkowan▒ (punktowan▒) nale┐y zamiast UL wstawiµ OL (ordered list). W znaczniku UL mo┐na wstawiµ atrybut TYPE - typ punkt≤w, np. "disc" - ko│o, "circle" - okr▒g, "square" - kwadrat. Do OL mo┐na wstawiµ tak┐e TYPE, lecz ze wzorami punkt≤w, np. "1", "I", "i", "A", "a". Mo┐na te┐ wstawiµ START, kt≤ry pozwala podanie numeru, od kt≤rego zacz▒µ siΩ ma punktowanie.<BR><BR>
  146. <OL TYPE="1" START="4">Wykaz ma│p:<BR>
  147. <LI>Stru╢<BR>
  148. <LI>Szympans<BR>
  149. <UL TYPE="square"><BR>
  150. <LI>Podszympans niedzielny<BR>
  151. <LI>Kaczka s│odkowodna<BR>
  152. </UL><BR>
  153. <LI>Pawian<BR>
  154. <LI>Goryl<BR>
  155. </OL><BR><BR>
  156. BΩdzie to wygl▒da│o tak:<BR><BR>
  157. <OL TYPE="1" START="4">Wykaz ma│p:
  158. <LI>Stru╢
  159. <LI>Szympans
  160. <UL TYPE="square">
  161. <LI>Podszympans niedzielny
  162. <LI>Kaczka s│odkowodna
  163. </UL>
  164. <LI>Pawian
  165. <LI>Goryl</OL><BR>
  166. <B>Jestem</B> <I>odpadem</I> <U>atomowym</U><BR><BR>
  167. W powy┐szym tek╢cie zastosowa│em atrybuty czcionki. S▒ to atrybuty najczΩ╢ciej u┐ywane. Aby uzyskaµ tekst z atrybutem, nale┐y go wstawiµ miΩdzy odpowiednie znaczniki, np.:<BR><BR>
  168. <B><B>Zdzichu ma w nosie farfocle</B></B><BR>
  169. <I><I>Zdzichu ma w nosie farfocle</I></I><BR>  
  170. <U><U>Zdzichu ma w nosie farfocle</U></U><BR><BR>
  171. Mo┐na zmieniµ wielko╢µ, nazwΩ i kolor czcionki. W tym celu nale┐y u┐yµ znacznika FONT, np.:<BR><BR> 
  172. <FONT SIZE="3" FACE="Arial CE" COLOR="red">Zdzis│aw Embrion Ltd.</FONT><BR><BR>
  173. Wielko╢µ czcionki (size) zawiera siΩ miΩdzy 1 a 7, przy czym 1 jest czcionk▒ najmniejsz▒. Przy rodzaju czcionki (face) nale┐y podaµ pe│n▒ jej nazwΩ. Nale┐y tak┐e pamiΩtaµ o tym, ┐e nie wszyscy u┐ytkownicy posiadaj▒ takie czcionki jak Ty. Nie zaleca siΩ u┐ywania czcionek mniej popularnych typu "Iron Maiden" czy "Fairy Scroll Display". Przy kolorze (color) nie bΩdziemy siΩ zatrzymywaµ, gdy┐ o tym wspomina│em ju┐ wcze╢niej.<BR><BR>
  174. <FONT SIZE="3" FACE="Arial CE" COLOR="red">Zdzis│aw Embrion Ltd.</FONT><BR><BR><BR>
  175. <IMG SRC="beginner/kill.jpg" HEIGHT="150" WIDTH="177"><BR><BR>
  176. To jest, jak widaµ, grafika. W internecie najlepszym i najbardziej popularnym formatem graficznym s▒ GIF i JPG(JPEG), poniewa┐ s▒ skompresowane i zajmuj▒ nawet do 10 razy mniej miejsca na serwerze ni┐ inne formaty, dlatego │aduj▒ siΩ szybciej. Jednak z grafik▒ nie nale┐y przesadzaµ - co za du┐o to nie zdrowo. Im wiΩcej grafiki, tym strona d│u┐ej siΩ │aduje, a to denerwuje u┐ytkownik≤w. GrafikΩ mo┐na wstawiaµ do dokumentu za pomoc▒ znacznika IMG.<BR><BR>
  177. <IMG SRC="anarchy.jpg" BORDER="7" HEIGHT="160" WIDTH="210" ALT="to jest ma│e, anarchistyczne zdjΩcie propagandowe"<BR><BR>
  178. SRC (source) to ╢cie┐ka lub adres URL pliku, kt≤ry ma byµ wczytany. Nale┐y go podaµ z rozszerzeniem. BORDER to obramowanie tego obrazka, cyfra oznacza grubo╢µ ramki. HEIGHT i WIDTH to wysoko╢µ i szeroko╢µ obrazka, podana w pikselach. ALT to opis, jaki pojawi siΩ, gdy najedziemy myszk▒ na powierzchniΩ grafiki.<BR><BR>
  179. <IMG SRC="beginner/anarchy.jpg" BORDER="7" HEIGHT="160" WIDTH="210" ALT="to jest ma│e, anarchistyczne zdjΩcie propagandowe">
  180. <br></td>
  181.     </tr></table>
  182.     </div>
  183. </td>
  184. <td width="142" valign="top">
  185.  
  186.         <br>
  187.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  188.         <tr>
  189.         <td width="142" valign="top"><img src="img/login.gif" border="0" width="142" height="13" alt="LOGIN"></td>
  190.         </tr>
  191.         <tr>
  192.         <td width="142" valign="top" background="img/okno1.gif">
  193.         
  194.             
  195.             <div align="center">
  196.             <table cellpadding="0" cellspacing="2" border="0" width="98%">
  197.             <form method="post" action="subskrypcja/login.php">
  198.             <tr><td width="30%"><span class="t">Login:</span></td><td width="68%"><input type="text" name="login" size="15" class="login"></td></tr>
  199.             <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>
  200.             
  201.             <tr><td colspan="2"><center><input type="image" src="img/ok.gif"></td></tr>
  202.             </form></table></div>
  203.         
  204.         </td>
  205.         </tr>
  206.         <tr>
  207.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  208.         </tr></table>
  209.  
  210.         <br>
  211.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  212.         <tr>
  213.         <td width="142" valign="top"><img src="img/art.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  214.         </tr>
  215.         <tr>
  216.         <td width="142" valign="top" background="img/okno1.gif">
  217.         
  218.         <span class="m">
  219.         
  220.          -<a href="index.php@id=1" class="menu">"Edytory HTML'a"</a><br>
  221.          -<a href="index.php@id=2" class="menu">"Publikowanie witryny"</a><br>
  222.          -<a href="index.php@id=3" class="menu">"PHP w domu"</a><br>
  223.          -<a href="index.php@id=4" class="menu">"Przeszukiwanie stron"</a><br>
  224.          -<a href="index.php@id=204" class="menu">"Wprowadzenie do Javy"</a><br>
  225.          -<a href="index.php@id=210" class="menu">"Grafika w PHP"</a>
  226.         </span>
  227.         
  228.         </td>
  229.         </tr>
  230.         <tr>
  231.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  232.         </tr></table>
  233.         
  234.         <br>
  235.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  236.         <tr>
  237.         <td width="142" valign="top"><img src="img/stat.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  238.         </tr>
  239.         <tr>
  240.         <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: 24070</span>        </ol>
  241.         <center><a href="http://stat.webmedia.pl/cgi-bin/anal?webarea" target="_blank">
  242. <img border=0 src="http://stat.webmedia.pl/cgi-bin/stat?webarea&stat4ur" alt="stat4u" width="40" height="10"></a></center>
  243.         </td></tr></table></div>
  244.         </td>
  245.         </tr>
  246.         <tr>
  247.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  248.         </tr></table>
  249.         
  250.         <br>
  251.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  252.         <tr>
  253.         <td width="142" valign="top"><img src="img/sponsor.gif" border="0" width="142" height="13" alt="SPONSOR"></td>
  254.         </tr>
  255.         <tr>
  256.         <td width="142" valign="top" background="img/okno1.gif"><br>
  257.         <center><EMBED src="img/beep2.swf" quality=high bgcolor=#000000 WIDTH=120 HEIGHT=30></center>                            
  258.         </td>
  259.         </tr>
  260.         <tr>
  261.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  262.         </tr></table>
  263.  
  264.         <br>
  265.             <div align="center"><table border="0" cellpadding="2" cellspacing="0" width="120">
  266.             <tr>
  267.             <td width="120"><a href="button.php@id=1" target="_blank"><img src="img/cgi.gif" border="0"></a></td>
  268.             </tr>
  269.             <tr>
  270.             <td width="120"><a href="button.php@id=2" target="_blank"><img src="img/ygreg.gif" border="0"></a></td>
  271.             </tr>
  272.             <tr>
  273.             <td width="120"></td>
  274.             </tr>
  275.             </table>
  276.             </div>
  277.         
  278.  
  279. </td>
  280. </tr>
  281. <tr>
  282. <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>
  283. </tr></table></div>
  284.  
  285.  
  286. </body>
  287. </html>