home *** CD-ROM | disk | FTP | other *** search
/ Magazyn Internet 2001 November / MICD2001_11_NR1.iso / Www / WebArea / index.php@id=44 < prev    next >
Text File  |  2001-09-26  |  14KB  |  259 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=41">Czym s▒ "style"?</a>
  107.  <a class="menu" href="index.php@id=42">Budowa</a>
  108.  <a class="menu" href="index.php@id=43">Deklarowanie styl≤w</a>
  109.  <a class="menu" href="index.php@id=45">Grupowanie selektor≤w</a>
  110.  <a class="menu" href="index.php@id=46">Style kontekstowe</a>
  111.  <a class="menu" href="index.php@id=47">Pseudoklasy i pseudoelementy</a>
  112.  <a class="menu" href="index.php@id=48">Kaskadowanie</a>
  113.  <a class="menu" href="index.php@id=49">Zako±czenie</a> </td></tr></table></div></td>
  114.         </tr>
  115.         <tr>
  116.         <td width="460" valign="top"><img src="img/okno21.gif" border="0" width="460" height="10"></td>
  117.         </tr></table><p><span class="nag">Kurs CSS</span>
  118. <P><h3>Identyfikatory i klasy</h3></P>
  119.                   <P align="justify">Identyfikator deklarujemy dodaj▒c do selektora symbolu 
  120.                   <B>"#"</B> i nazwy identyfikatora. Regu│a dla identyfikatora 
  121.                   wygl▒da nastΩpuj▒co:</P><CODE>selektor#identyfikator 
  122.                   {deklaracje}<BR><BR>Np.<BR><BR>A#czerwony { color:red }</CODE> 
  123.  
  124.                   <P align="justify">Zapis ten oznacza, ┐e regu│a odnosi siΩ do elementu 
  125.                   <B>"A"</B> maj▒cego identyfikator <B>"czerwony"</B>. W kodzie 
  126.                   strony element, do kt≤rego odnosi siΩ ta deklaracja wygl▒da 
  127.                   nastΩpuj▒co:</P><CODE><A href="http://webdesign.pl" 
  128.                   ID="czerwony">Czerwony odno╢nik</A>></CODE> 
  129.                   <P align="justify">Niestety w dokumencie mo┐e wystΩpowaµ tylko jeden element o 
  130.                   danym identyfikatorze. Wtedy z pomoc▒ przychodz▒ nam 
  131.                   <B>klasy</B>. Budowa klas jest bardzo podobna do budowy 
  132.                   identyfikator≤w. Zamiast symbolu # u┐ywa siΩ znaku kropki 
  133.                   <B>(.)</B>. Regu│a dla klasy wygl▒da 
  134.                   tak:</P><CODE>selektor.klasa {deklaracje}</CODE> 
  135.                   <P align="justify">Kod dokumentu wi▒┐▒cy element z definicj▒ klasy wygl▒da 
  136.                   nastΩpuj▒co:</P><CODE><P Class="klasa">jaki╢ 
  137.                   tekst</P></CODE> 
  138.                   <P align="justify">Wydawa│oby siΩ, ┐e identyfikatory i klasy s▒ podobne. 
  139.                   Jednak, z pojedy±cz▒ deklaracj▒ klasy mo┐na powi▒zaµ wiele 
  140.                   element≤w danego typu. DziΩki temu mo┐na zdefiniowaµ wiele 
  141.                   klas dla element≤w wybranego typu r≤┐ni▒cych siΩ tylko nazw▒ 
  142.                   klasy np.</P><CODE>P.klasa1 {deklaracje}<BR>P.klasa2 
  143.                   {deklaracje}<BR>P.klasa3 {deklaracje}<BR></CODE>
  144.                   <P align="justify">Jak r≤wnie┐ stosowaµ te klasy wielokrotnie w jednym 
  145.                   dokumencie. Mo┐na r≤wnie┐ zadeklarowaµ jedn▒ klasΩ dla wielu 
  146.                   element≤w arkusza np.</P><CODE>P {color: black}<BR>A {color: 
  147.                   blue}<BR>.zielony {color: green}<BR></CODE>
  148.                   <P align="justify">Gdy w ╝r≤dle HTML umie╢cimy nastΩpuj▒cy kod: <B><P 
  149.                   CLASS="zielony">Tekst</P></B> lub <B><A 
  150.                   CLASS="zielony">Odno╢nik</A></B> Elementy <B>"P"</B> 
  151.                   i <B>"A"</B> przejm▒ deklaracjΩ.zielony i bΩd▒ koloru 
  152.                   zielonego.</P><br></td>
  153.     </tr></table>
  154.     </div>
  155. </td>
  156. <td width="142" valign="top">
  157.  
  158.         <br>
  159.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  160.         <tr>
  161.         <td width="142" valign="top"><img src="img/login.gif" border="0" width="142" height="13" alt="LOGIN"></td>
  162.         </tr>
  163.         <tr>
  164.         <td width="142" valign="top" background="img/okno1.gif">
  165.         
  166.             
  167.             <div align="center">
  168.             <table cellpadding="0" cellspacing="2" border="0" width="98%">
  169.             <form method="post" action="subskrypcja/login.php">
  170.             <tr><td width="30%"><span class="t">Login:</span></td><td width="68%"><input type="text" name="login" size="15" class="login"></td></tr>
  171.             <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>
  172.             
  173.             <tr><td colspan="2"><center><input type="image" src="img/ok.gif"></td></tr>
  174.             </form></table></div>
  175.         
  176.         </td>
  177.         </tr>
  178.         <tr>
  179.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  180.         </tr></table>
  181.  
  182.         <br>
  183.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  184.         <tr>
  185.         <td width="142" valign="top"><img src="img/art.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  186.         </tr>
  187.         <tr>
  188.         <td width="142" valign="top" background="img/okno1.gif">
  189.         
  190.         <span class="m">
  191.         
  192.          -<a href="index.php@id=1" class="menu">"Edytory HTML'a"</a><br>
  193.          -<a href="index.php@id=2" class="menu">"Publikowanie witryny"</a><br>
  194.          -<a href="index.php@id=3" class="menu">"PHP w domu"</a><br>
  195.          -<a href="index.php@id=4" class="menu">"Przeszukiwanie stron"</a><br>
  196.          -<a href="index.php@id=204" class="menu">"Wprowadzenie do Javy"</a><br>
  197.          -<a href="index.php@id=210" class="menu">"Grafika w PHP"</a>
  198.         </span>
  199.         
  200.         </td>
  201.         </tr>
  202.         <tr>
  203.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  204.         </tr></table>
  205.         
  206.         <br>
  207.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  208.         <tr>
  209.         <td width="142" valign="top"><img src="img/stat.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  210.         </tr>
  211.         <tr>
  212.         <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: 24113</span>        </ol>
  213.         <center><a href="http://stat.webmedia.pl/cgi-bin/anal?webarea" target="_blank">
  214. <img border=0 src="http://stat.webmedia.pl/cgi-bin/stat?webarea&stat4ur" alt="stat4u" width="40" height="10"></a></center>
  215.         </td></tr></table></div>
  216.         </td>
  217.         </tr>
  218.         <tr>
  219.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  220.         </tr></table>
  221.         
  222.         <br>
  223.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  224.         <tr>
  225.         <td width="142" valign="top"><img src="img/sponsor.gif" border="0" width="142" height="13" alt="SPONSOR"></td>
  226.         </tr>
  227.         <tr>
  228.         <td width="142" valign="top" background="img/okno1.gif"><br>
  229.         <center><EMBED src="img/beep2.swf" quality=high bgcolor=#000000 WIDTH=120 HEIGHT=30></center>                            
  230.         </td>
  231.         </tr>
  232.         <tr>
  233.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  234.         </tr></table>
  235.  
  236.         <br>
  237.             <div align="center"><table border="0" cellpadding="2" cellspacing="0" width="120">
  238.             <tr>
  239.             <td width="120"><a href="button.php@id=1" target="_blank"><img src="img/cgi.gif" border="0"></a></td>
  240.             </tr>
  241.             <tr>
  242.             <td width="120"><a href="button.php@id=2" target="_blank"><img src="img/ygreg.gif" border="0"></a></td>
  243.             </tr>
  244.             <tr>
  245.             <td width="120"></td>
  246.             </tr>
  247.             </table>
  248.             </div>
  249.         
  250.  
  251. </td>
  252. </tr>
  253. <tr>
  254. <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>
  255. </tr></table></div>
  256.  
  257.  
  258. </body>
  259. </html>