home *** CD-ROM | disk | FTP | other *** search
/ Magazyn Internet 2001 November / MICD2001_11_NR1.iso / Www / WebArea / index.php@id=41 < prev    next >
Text File  |  2001-09-26  |  14KB  |  267 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=42">Budowa</a>
  107.  <a class="menu" href="index.php@id=43">Deklarowanie styl≤w</a>
  108.  <a class="menu" href="index.php@id=44">Identyfikatory i klasy</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>Czym s▒ "style"?</h3></P>
  119.                   <P align="justify">CSS (Cascading Style Sheets) to drugie obok HTML narzΩdzie 
  120.                   nowoczesnego webmastera. Podczas gdy zadaniem HTML-a jest opis 
  121.                   struktury stron, to zadaniem styl≤w jest okre╢lenie ich 
  122.                   wygl▒du. Niekt≤rzy sadza, ze "style" s▒ tylko niewielkim 
  123.                   rozszerzeniem HTML. Prawda jest jednak nieco inna. Za pomoc▒ 
  124.                   CSS mo┐na, bowiem okre╢liµ a┐ 122 mo┐liwo╢ci tekstu, z kt≤rych 
  125.                   wiΩkszo╢µ mo┐na zastosowaµ w wiΩkszo╢ci znacznik≤w HTML-a. 
  126.                   Liczba ta przekracza zbi≤r wszystkich znacznik≤w HTML tworz▒c 
  127.                   tym samym nowa jako╢µ w tworzeniu stron WWW.</P>
  128.                   <P><b>Plusy</b></P>
  129.                   <P align="justify">Stosuj▒c style projektant zyskuje ogromn▒ kontrolΩ nad 
  130.                   wygl▒dem tworzonego dokumentu. Style mo┐na definiowaµ dla 
  131.                   dowolnego typu element≤w, maj▒c ca│kiem spory wachlarz 
  132.                   atrybut≤w i sposob≤w przypisania im warto╢ci. DziΩki stylom 
  133.                   webmaster mo┐e kontrolowaµ wygl▒d czcionek, tekstu, t│a, 
  134.                   obramowa± oraz wielu innych aspekt≤w wygl▒du dla ka┐dego 
  135.                   elementu strony z osobna.</P>
  136.                   <P align="justify">W przypadku, gdy webmaster konsekwentnie stosuje style, 
  137.                   czΩ╢µ ze znacznik≤w HTMLa staje siΩ zbΩdna. Najlepszymi 
  138.                   przyk│adami s▒ znaczniki FONT i CENTER. Okre╢laj▒ one tylko 
  139.                   wygl▒d danego elementu nie nios▒c ┐adnych informacji o jego 
  140.                   strukturze. MiΩdzy innymi, dlatego specyfikacja HTML 4.0 nie 
  141.                   zaleca ich stosowania.</P>
  142.                   <P align="justify">Wszystkim dokumentom danego serwisu mo┐na zdefiniowaµ jeden 
  143.                   wsp≤lny arkusz styl≤w zapisany w osobnym pliku o rozszerzeniu 
  144.                   .css. Znacznie u│atwia to projektantowi zarz▒dzanie wygl▒dem 
  145.                   ca│ej witryny. Np., Gdy chcemy zmieniµ kolor czcionki we 
  146.                   wszystkich dokumentach wystarczy zmieniµ jedn▒ deklaracjΩ w 
  147.                   arkuszu styl≤w.</P>
  148.                   <P align="justify">Efektem ubocznym stosowania styl≤w jest tak┐e "odchudzenie" 
  149.                   strony, co w polskich warunkach (wolne, przeci▒┐one │▒cza) ma 
  150.                   bardzo istotne znaczenie.</P>
  151.                   <P><b>Minusy</b></P>
  152.                   <P align="justify">Niestety "nie ma r≤┐y bez kolc≤w". Jak ka┐de inne 
  153.                   technologie tak┐e i style maj▒ swoj▒ wielk▒ wadΩ. Ot≤┐ 
  154.                   tera╝niejsze przegl▒darki a szczeg≤lnie Netscape Communicator 
  155.                   4.x nie potrafi▒ w pe│ni obs│ugiwaµ styl≤w. Na szczΩ╢cie jest 
  156.                   kropelka nadziei na przysz│o╢µ. Internet Explorer w wersji 5 
  157.                   wy╢wietla ju┐ CSS co najmniej poprawnie, a inni czo│owi 
  158.                   producenci przegl▒darek: Netscape oraz Opera deklaruj▒ 
  159.                   zgodno╢µ ich przysz│ych produkt≤w ze standardami CSS 1.0 i CSS 
  160.                   2.0.</P><br></td>
  161.     </tr></table>
  162.     </div>
  163. </td>
  164. <td width="142" valign="top">
  165.  
  166.         <br>
  167.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  168.         <tr>
  169.         <td width="142" valign="top"><img src="img/login.gif" border="0" width="142" height="13" alt="LOGIN"></td>
  170.         </tr>
  171.         <tr>
  172.         <td width="142" valign="top" background="img/okno1.gif">
  173.         
  174.             
  175.             <div align="center">
  176.             <table cellpadding="0" cellspacing="2" border="0" width="98%">
  177.             <form method="post" action="subskrypcja/login.php">
  178.             <tr><td width="30%"><span class="t">Login:</span></td><td width="68%"><input type="text" name="login" size="15" class="login"></td></tr>
  179.             <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>
  180.             
  181.             <tr><td colspan="2"><center><input type="image" src="img/ok.gif"></td></tr>
  182.             </form></table></div>
  183.         
  184.         </td>
  185.         </tr>
  186.         <tr>
  187.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  188.         </tr></table>
  189.  
  190.         <br>
  191.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  192.         <tr>
  193.         <td width="142" valign="top"><img src="img/art.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  194.         </tr>
  195.         <tr>
  196.         <td width="142" valign="top" background="img/okno1.gif">
  197.         
  198.         <span class="m">
  199.         
  200.          -<a href="index.php@id=1" class="menu">"Edytory HTML'a"</a><br>
  201.          -<a href="index.php@id=2" class="menu">"Publikowanie witryny"</a><br>
  202.          -<a href="index.php@id=3" class="menu">"PHP w domu"</a><br>
  203.          -<a href="index.php@id=4" class="menu">"Przeszukiwanie stron"</a><br>
  204.          -<a href="index.php@id=204" class="menu">"Wprowadzenie do Javy"</a><br>
  205.          -<a href="index.php@id=210" class="menu">"Grafika w PHP"</a>
  206.         </span>
  207.         
  208.         </td>
  209.         </tr>
  210.         <tr>
  211.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  212.         </tr></table>
  213.         
  214.         <br>
  215.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  216.         <tr>
  217.         <td width="142" valign="top"><img src="img/stat.gif" border="0" width="142" height="13" alt="ARTYKULY"></td>
  218.         </tr>
  219.         <tr>
  220.         <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: 24109</span>        </ol>
  221.         <center><a href="http://stat.webmedia.pl/cgi-bin/anal?webarea" target="_blank">
  222. <img border=0 src="http://stat.webmedia.pl/cgi-bin/stat?webarea&stat4ur" alt="stat4u" width="40" height="10"></a></center>
  223.         </td></tr></table></div>
  224.         </td>
  225.         </tr>
  226.         <tr>
  227.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  228.         </tr></table>
  229.         
  230.         <br>
  231.         <table border="0" cellpadding="0" cellspacing="0" width="142">
  232.         <tr>
  233.         <td width="142" valign="top"><img src="img/sponsor.gif" border="0" width="142" height="13" alt="SPONSOR"></td>
  234.         </tr>
  235.         <tr>
  236.         <td width="142" valign="top" background="img/okno1.gif"><br>
  237.         <center><EMBED src="img/beep2.swf" quality=high bgcolor=#000000 WIDTH=120 HEIGHT=30></center>                            
  238.         </td>
  239.         </tr>
  240.         <tr>
  241.         <td width="142" valign="top"><img src="img/okno2.gif" border="0" width="142" height="10"></td>
  242.         </tr></table>
  243.  
  244.         <br>
  245.             <div align="center"><table border="0" cellpadding="2" cellspacing="0" width="120">
  246.             <tr>
  247.             <td width="120"><a href="button.php@id=1" target="_blank"><img src="img/cgi.gif" border="0"></a></td>
  248.             </tr>
  249.             <tr>
  250.             <td width="120"><a href="button.php@id=2" target="_blank"><img src="img/ygreg.gif" border="0"></a></td>
  251.             </tr>
  252.             <tr>
  253.             <td width="120"></td>
  254.             </tr>
  255.             </table>
  256.             </div>
  257.         
  258.  
  259. </td>
  260. </tr>
  261. <tr>
  262. <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>
  263. </tr></table></div>
  264.  
  265.  
  266. </body>
  267. </html>