home *** CD-ROM | disk | FTP | other *** search
/ Magazyn Internet 2001 November / MICD2001_11_NR1.iso / Www / WebArea / index.php@id=47 < prev    next >
Text File  |  2001-09-26  |  14KB  |  258 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=44">Identyfikatory i klasy</a>
  110.  <a class="menu" href="index.php@id=45">Grupowanie selektor≤w</a>
  111.  <a class="menu" href="index.php@id=46">Style kontekstowe</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>Pseudoklasy i pseudoelementy</h3></P>
  119.                   <P align="justify">Pseudoklasy dotycz▒ szczeg≤lnie elementu "A". Jak dobrze 
  120.                   wiemy ma on co najmniej trzy stany: nie odwiedzony, odwiedzony 
  121.                   i aktywny. W HTML 3.2 mo┐na by│o zdefiniowaµ inny kolor dla 
  122.                   ka┐dego ze stan≤w ( w atrybutach elementu BODY). Jak to zrobiµ 
  123.                   za pomoc▒ CSS?</P>
  124.                   <P align="justify">Wykorzystamy do tego pseudoklasy. Pseudoklasy reprezentuj▒ 
  125.                   stany elementu okre╢lonego typu. Definiuje siΩ je dodaj▒c 
  126.                   odpowiednie s│owa kluczowe do selektora po symbolu dwukropka 
  127.                   (:). Elementy typu A maj▒ wyr≤┐nione cztery pseudoklasy: 
  128.                   :link, :visited:, :active i :hover. Przyk│ad:</P><CODE>A:link 
  129.                   { color: blue }<BR>A:visited { color:red }<BR>A:active { 
  130.                   color:purple }<BR>A:hover { color:green }<BR></CODE>
  131.                   <P>Zdefiniowali╢my kolory dla wszystkich stan≤w odno╢nika. 
  132.                   Warto wyja╢niµ bli┐ej znaczenie pseudoklasy A:hover. Odno╢nik 
  133.                   zalicza siΩ do tej pseudoklasy, gdy znajdzie siΩ nad nim 
  134.                   wska╝nik myszy: wskazywany odno╢nik zmienia sw≤j wygl▒d z 
  135.                   deklaracjami zgodnie z deklaracjami regu│y A;hover. Pozwala to 
  136.                   na uzyskanie ca│kiem │adnych element≤w rollover. Efekt 
  137.                   niestety bΩdzie widoczny tylko w IE w wersji od 4.</P>
  138.                   <P></P>
  139.                   <P align="justify">Pseudoelementy s│u┐▒ do nadawania odrΩbnego stylu pierwszej 
  140.                   literze i pierwszej lini paragrafu. Popatrzmy na 
  141.                   przyk│ad</P><CODE>P:first-letter { font-size: 14 
  142.                   pt; color: blue; }<BR>P:first-line { font-weight: bold 
  143.                   }<BR></CODE>
  144.                   <P></P>
  145.                   <P align="justify">Pseudoelent :first-letter odnosi siΩ do pierwszego znaku w 
  146.                   tek╢cie, a :first-line do pierwszej linijki tekstu. Efektem 
  147.                   zastosowania tych element≤w jest estetyczny, "ksi▒┐kowy" 
  148.                   wygl▒d. Niestety, ani Internet Explorer ani Nescape 
  149.                   Communicator nie interpretuj▒ na razie element≤w. Mo┐emy mieµ 
  150.                   tylko nadziejΩ, ┐e kolejne wersje bΩd▒ ju┐ w pe│ni zgodne ze 
  151.                   standardem CSS 2.0.</P><br></td>
  152.     </tr></table>
  153.     </div>
  154. </td>
  155. <td width="142" valign="top">
  156.  
  157.         <br>
  158.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  159.         <tr>
  160.         <td width="142" valign="top"><img src="img/login.gif" border="0" width="142" height="13" alt="LOGIN"></td>
  161.         </tr>
  162.         <tr>
  163.         <td width="142" valign="top" background="img/okno1.gif">
  164.         
  165.             
  166.             <div align="center">
  167.             <table cellpadding="0" cellspacing="2" border="0" width="98%">
  168.             <form method="post" action="subskrypcja/login.php">
  169.             <tr><td width="30%"><span class="t">Login:</span></td><td width="68%"><input type="text" name="login" size="15" class="login"></td></tr>
  170.             <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>
  171.             
  172.             <tr><td colspan="2"><center><input type="image" src="img/ok.gif"></td></tr>
  173.             </form></table></div>
  174.         
  175.         </td>
  176.         </tr>
  177.         <tr>
  178.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  179.         </tr></table>
  180.  
  181.         <br>
  182.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  183.         <tr>
  184.         <td width="142" valign="top"><img src="img/art.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  185.         </tr>
  186.         <tr>
  187.         <td width="142" valign="top" background="img/okno1.gif">
  188.         
  189.         <span class="m">
  190.         
  191.          -<a href="index.php@id=1" class="menu">"Edytory HTML'a"</a><br>
  192.          -<a href="index.php@id=2" class="menu">"Publikowanie witryny"</a><br>
  193.          -<a href="index.php@id=3" class="menu">"PHP w domu"</a><br>
  194.          -<a href="index.php@id=4" class="menu">"Przeszukiwanie stron"</a><br>
  195.          -<a href="index.php@id=204" class="menu">"Wprowadzenie do Javy"</a><br>
  196.          -<a href="index.php@id=210" class="menu">"Grafika w PHP"</a>
  197.         </span>
  198.         
  199.         </td>
  200.         </tr>
  201.         <tr>
  202.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  203.         </tr></table>
  204.         
  205.         <br>
  206.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  207.         <tr>
  208.         <td width="142" valign="top"><img src="img/stat.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  209.         </tr>
  210.         <tr>
  211.         <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: 24117</span>        </ol>
  212.         <center><a href="http://stat.webmedia.pl/cgi-bin/anal?webarea" target="_blank">
  213. <img border=0 src="http://stat.webmedia.pl/cgi-bin/stat?webarea&stat4ur" alt="stat4u" width="40" height="10"></a></center>
  214.         </td></tr></table></div>
  215.         </td>
  216.         </tr>
  217.         <tr>
  218.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  219.         </tr></table>
  220.         
  221.         <br>
  222.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  223.         <tr>
  224.         <td width="142" valign="top"><img src="img/sponsor.gif" border="0" width="142" height="13" alt="SPONSOR"></td>
  225.         </tr>
  226.         <tr>
  227.         <td width="142" valign="top" background="img/okno1.gif"><br>
  228.         <center><EMBED src="img/beep2.swf" quality=high bgcolor=#000000 WIDTH=120 HEIGHT=30></center>                            
  229.         </td>
  230.         </tr>
  231.         <tr>
  232.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  233.         </tr></table>
  234.  
  235.         <br>
  236.             <div align="center"><table border="0" cellpadding="2" cellspacing="0" width="120">
  237.             <tr>
  238.             <td width="120"><a href="button.php@id=1" target="_blank"><img src="img/cgi.gif" border="0"></a></td>
  239.             </tr>
  240.             <tr>
  241.             <td width="120"><a href="button.php@id=2" target="_blank"><img src="img/ygreg.gif" border="0"></a></td>
  242.             </tr>
  243.             <tr>
  244.             <td width="120"></td>
  245.             </tr>
  246.             </table>
  247.             </div>
  248.         
  249.  
  250. </td>
  251. </tr>
  252. <tr>
  253. <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>
  254. </tr></table></div>
  255.  
  256.  
  257. </body>
  258. </html>