Next: Statisztikák az APACHE felhasználásáról Up: Web-oldalak Previous: A <TR> elem   Tartalomjegyzék


6.2         A MASCO Kft. egy konkrét Web-oldala

Ha kézzel szerkesztünk egy Web-oldalt, akkor célszerű egy ritkább, olvashatóbb, a programozóknál megszokott formátumot használni, mert az egyes vezérlő elemek egymásba ágyazása megköveteli, hogy a beágyazott elem kezdő- és zárótagjai a befogadó elemen belül legyenek. Ugyanakkor ez a leírás annyira megnövelheti az olvasási hosszát (nem a bájtban kifejezett hossz, hanem a megjelenési hossz), hogy ezt itt csak egy részletben mutatom be.

Részlet a http://www.masco.hu/index.html fájlból:

<html>

<head>

 

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

<title>MASCO Biztonságtechnikai és Nyilászáró Automatizálási Kereskedelmi Kft.</title>

 

<script language="JavaScript">

var scrtxt="   Minden egy helyen !       ";

scrtxt += "   Minden egy helyen !";

var lentxt=scrtxt.length;

var width=50;

var pos=1-width;

function scroll()

{

                pos++;

                var scroller="";

                if (pos==lentxt)

                               {

                               pos=1-width;

                               }

                if (pos<0)

                               {

                               for (var i=1; i<=Math.abs(pos); i++)

                                               {

                                               scroller=scroller+" ";

                                               }

                               scroller=scroller+scrtxt.substring(0,width-i+1);

                               }

                else

                               {

                               scroller=scroller+scrtxt.substring(pos,width+pos);

                               }

                window.status = scroller;

                setTimeout("scroll()",200);

}

</script>

</head>

 

<frameset framespacing="0" border="false" frameborder="0" cols="171,*">

<frame name="left" scrolling="auto" target="rtop" src="tartalom.htm">

<frameset rows="21%,*">

                <frame name="rtop" target="rbottom" src="emblema.htm" scrolling="no">

                <frame name="rbottom" src="default.html" scrolling="auto" target="rbottom">

</frameset>

 

<noframes>

 

<body background="hatter1.jpg" bgproperties="fixed" bgcolor="#800000" text="#FFFF00"

link="#00FFFF" vlink="#C0C0C0" alink="#FFFFFF" onLoad="scroll()">

 

<p align="center">

<img src="nagymasco.gif" alt="nagymasco.gif (4394 bytes)" width="300" height="69">

</p>

 

<p align="center">

<font face="Verdana, Arial, Helvetica, sans-serif" size="2"   color="#00FF00">

<em>

<strong>

Biztonságtechnika, vagyonvédelem, riasztó, alarm systems, zártláncú TV

</strong>

</em>

</font>

</p>

<hr>

<p align="center">

<strong>

<font face="Verdana, Arial, Helvetica, sans-serif" size="4">

<font color="#00FF00">

JELENTKEZZEN TANFOLYAMAINKRA !

</font>

</font>

<br>

<br>

<font face="Verdana, Arial, Helvetica, sans-serif">

<font color="#ffff80">

Minden témakörben külön-külön indítunk tanfolyamokat telephelyünkön, melyek rendszerint szerdán reggel 10 órakor kezdodnek. Jelentkezzen faxon, emailben, telefonon vagy személyesen!

</font>

</font>

</strong>

</p>

<hr>

<table border="0" width="100%" cellspacing="3" height="801">

<tr>

<td width="100%" colspan="2" height="131">

<strong>

<em>

<font face="Times New Roman" color="#FFFF00" size="6">

900m2-es vámraktárral rendelkez&#337; telephelyünkön kínáljuk viszonteladóinknak:

</font>

<font size="5" face="Times New Roman" color="#FFFF00">

<br>

</font>

</em>

<font color="#FFFF00" size="3">

</p>

</font>

</strong>

<p align="center">

&nbsp;

                                               </p>

</td>

</tr>

<tr>

<td width="50%" height="21">

<p align="right">

<font size="3">

<strong>

HONNOR SECURITY

</strong>

</font>

                                               </p>

</td>

<td width="50%" valign="bottom" align="left" height="21">

<font color="#FFFF80" size="3">     

<em>

Koaxiális, biztonságtechnikai és adatátviteli kábelek

</em>

</font>

</td>

</tr>

Végső állapotában a HTML fájl inkább egy sokkal tömörebb alakban szokott megjelenni. A kedvelt szerkesztő szoftverek által generált fájlok is ehhez hasonló szerkezetűek:

 <tr>  

   <td width="50%" align="right" height="21"><font size="3"><strong><font color="#FFFFFF"><a

    href="http://www.genie.com">GENIE</a></font> <em><font color="#FFFF80">és</font></em> <font

    color="#FFFF00">DEA SYSTEM</font></strong></font></td>

    <td width="50%" valign="bottom" align="left" height="21"><font color="#FFFF80" size="3"><em>billen&#337;

    és szekcionált garázskapu-hajtások</em></font></td>

  </tr>

  <tr>

    <td width="50%" align="right" height="21"><font size="3"><strong><a

    href="http://www.technocity-automation.it" target="rbottom">TECHNOCITY (LIBERALI)</a> <em><font

    color="#FFFF80">és</font></em> <font color="#FFFF00">DEA SYSTEM</font></strong></font></td>

    <td width="50%" valign="bottom" align="left" height="21"><font color="#FFFF80" size="3"><em>sorompók</em></font></td>

  </tr>

  <tr>

    <td width="50%" align="right" height="21"><font size="3"><a href="http://www.garog.com"

    target="rbottom"><strong>GAROG</strong></a></font></td>

    <td width="50%" valign="bottom" align="left" height="21"><font color="#FFFF80" size="3">ipari

    kapuhajtások</font></td>

  </tr>

  <tr>

    <td width="50%" align="right" height="21"><font size="3"><strong><font color="#FFFF00">ACM</font>

    <font color="#FFFF80"><em>és</em></font><font color="#FFFFFF"> </font><font

    color="#FFFF00">JOLLY</font></strong></font></td>

    <td width="50%" valign="bottom" align="left" height="21"><font color="#FFFF80" size="3"><em>red&#337;nymotorok</em></font></td>

  </tr>

  <tr>

    <td width="50%" align="right" height="21"><font color="#FFFF00" size="3"><strong>DREAM</strong></font></td>

    <td width="50%" valign="bottom" align="left" height="21"><font color="#FFFF80" size="3">japán

    és <a href="http://www.ditec.it" target="rbottom">olasz</a> üvegajtó automatikák</font></td>

  </tr>

  <tr>

    <td width="50%" align="right" height="21"><font size="3"><strong><a

    href="http://www.comunello.it">COMUNELLO</a> </strong></font></td>

    <td width="50%" height="21"><font size="3"><font color="#FFFF80"><em>kapuvasalatok</em></font>

    stb.</font></td>

  </tr>

</table>

  <p align="center">&nbsp;</p>

  <hr>

  <p align="left"><font size="6"><strong><a href="arlista.htm">Árlista</a></strong>

  &nbsp;</font>

  <strong><em><font color="#ffff00"><br>

  </font>

  </em></strong></p>

  <hr>

  <p align="center"><font face="Verdana, Arial, Helvetica, sans-serif" color="#00FF00"><strong>MASCO

  Biztonságtechnikai és Nyílászáró Automatizálási Kereskedelmi Kft<br>

  Madridi u.2., BUDAPEST, HUNGARY, H-1045</strong></font></p>

  <p align="left"><strong><font face="Verdana, Arial, Helvetica, sans-serif" color="#00ff80"><br>

  </font><font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="#00FF00">Tel:</font><font

  color="#ffff80" face="Verdana, Arial, Helvetica, sans-serif" size="3"> + 36 1 3904170</font><font

  color="#ffff80" face="Verdana, Arial, Helvetica, sans-serif"><br>

  </font><font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="#00FF00">Fax:</font><font

  color="#ffff80" face="Verdana, Arial, Helvetica, sans-serif" size="3"> + 36 1 3904173</font><font

  color="#ffff80" face="Verdana, Arial, Helvetica, sans-serif"><br>

  </font><font face="Verdana, Arial, Helvetica, sans-serif" color="#00FF00">Email:</font><font

  color="#ffff00" face="Verdana, Arial, Helvetica, sans-serif"> <a

  href="mailto:mascoltd@westel900.net">mascoltd@westel900.net</a> </font><font

  face="Verdana, Arial, Helvetica, sans-serif"><br>

  </font><font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="#00FF00">FaxBank:</font><font

  color="#00ff80" face="Verdana, Arial, Helvetica, sans-serif" size="3"> </font><font

  color="#ffff80" face="Verdana, Arial, Helvetica, sans-serif" size="3">+ 36 1 3903510<br

  clear="left">

  </font><font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="#00FF00">Nyitvatartás:</font><font

  color="#ffff80" face="Verdana, Arial, Helvetica, sans-serif" size="3"> 8.00-17.00 minden

  munkanapon</font></strong></p>

  <p align="center"><strong><a href="index.html"><font

  face="Verdana, Arial, Helvetica, sans-serif" size="1">Kezdo lap</font></a><font

  color="#ffff80" face="Verdana, Arial, Helvetica, sans-serif" size="1">|</font><font

  face="Verdana, Arial, Helvetica, sans-serif" size="1"><a target="_blank" href="ceg.htm">Cégbemutató</a>|<a href="http://www.masco.hu/pdf" target="_blank">Leírások</a>|<a href="terkep1.htm"

  target="_blank">Helymeghatározás</a>|<a href="guestbook/guestbook.html">Véleményezés</a>|<a

  href="tanf.htm" target="_blank">Tanfolyamok</a>|<a href="arlista.htm">Árlista</a></font></strong></p>

  <p align="center"><img height="27"

  src="http://www.fsz.bme.hu/cgi-bin/nph-count?width=5&amp;link=www.mascosecurity.hu/index.html"

  width="75" p < border="0"></p>

  </body>

  </noframes>

</frameset>

</html>


Next: Statisztikák az APACHE felhasználásáról Up: Web-oldalak Previous: A <TR> elem   Tartalomjegyzék

 
Misóka Zoltán 2000. 10. 05.