Előző fejezet | Tartalom | Következő fejezet

## Példalap

    <!--#exec cmd="./.ct index"-->
    <!--#exec cmd="./.lg index"-->

    <!-- A lap elején két script indul, az egyik a számlálót növeli, -->
    <!-- a másik pedig a látogatók gépeinek neveit gyűjti (hiúságból). ;-) -->

    <head>
    <title>Ali's Homepage</title>
    </head>

    <!-- Ez itt a fej, benne a fejlécszöveg. -->

    <body background="bg.gif" text="#ffffff" link="#ffff00" vlink="#00ffff">

    <!-- A lapnak kékes árnyalatú tapétája lesz, de míg az be nem töltődik -->
    <!-- a hátter fekete. Az írás színe fehér, a linkek meglátogatásuk -->
    <!-- előtt sárgák, utána világoskékek lesznek -->

    <map name="facemap">

    <area shape="rect" coords="195,120,254,159" href="monitor.html">
    <area shape="rect" coords="100, 20,180, 80" href="friend/il.jpg">
    <area shape="rect" coords="  0,  0,319,199" nohref>

    </map>

    <!-- Egy "facemap" nevű tartománylistat készítünk egy képhez. -->
    <!-- Az egyik esetben egy helyi lapot tölt be, a másik esetben -->
    <!-- egy helyi könyvtárban lévő képet. A kép többi része érzéketlen. -->

    <table>

    <!-- Táblázat segítségével felosztjuk a lap további részét. -->
    <!-- Miután keretszélességet nem adtunk meg, az nulla, -- >
    <!-- azaz láthatatlan. -->

    <td width=110>

    <!-- Az első cella szélessége 110 pixel, de egyébkent üresen marad. -->

    <td valign=top>

    <!-- A második cella elfoglalja a kép további részét. -->
    <!-- A cellában minden a felső vonalhoz igazodik -->

    <img usemap="#facemap" src="prlface.jpg" border=0 alt="">

    <!-- Itt a kép, amihez a tartománylista tartozik. -->
    <!-- Nincs kerete és aki grafika nélkül nézi, semmit nem lát belőle, -->
    <!-- meg egy [IMAGE] felíratot sem, mert az idézőjelek közt semmi sincs. -->

    <h5>It is high time I developed a homepage... :-(</h5>

    <!-- Ez egy kisbetűs kiírás, azaz inkább morgolódás... ;-) -->

    <h1>Ali's Homepage</h1>

    <!-- Ez viszont nagybetűs, mivel a lap főcíme. -->

    <!--#exec cmd="echo 'This page has been accessed <b>'`cat .ct.index`'</b> times since 11/07/96.'"-->

    <!-- Itt íratjuk ki a számláló értékét, a hozzá tartozó szöveggel együtt. -->

    <p>

    <!-- Ez az elhatárolás azért kell, hogy ne csusszon rá -->
    <!-- a következő blokkra a kiírás. -->

    <tr>

    <!-- Vége a cellának és ennek a cellasornak is, új kezdődik. -->

    <td valign=top width=110>

    <!-- Ez a cella ismét 110 pixel széles és -->
    <!-- ami benne lesz, az a felső vonalhoz igazodik. -->

    <a href="cv.txt"      ><img src="icon/c/cv.gif"      alt="C"></a>
    <a href="intro.html"  ><img src="icon/c/intro.gif"   alt="I"></a>
    <a href="story.html"  ><img src="icon/c/story.gif"   alt="S"></a>
    <a href="friend.html" ><img src="icon/c/friend.gif"  alt="F"></a>
    <a href="work.html"   ><img src="icon/c/work.gif"    alt="W"></a>
    <a href="yellow.html" ><img src="icon/c/yellow.gif"  alt="L"></a>
    <a href="miskolc.html"><img src="icon/c/miskolc.gif" alt="M"></a>
    <a href="hungary.html"><img src="icon/c/hungary.gif" alt="H"></a>
    <a href="gb/">         <img src="icon/c/visitor.gif" alt="V"></a>

    <!-- Ezek apró kattintható ikonok. A sor első fele a link, -->
    <!-- utána maga az ikon jön képként és egybetűs karakteres megfelelővel -->
    <!-- majd lezárjuk a linket. A linkek helyi állományokra mutatnak -->
    <!-- illetve az egyik egy könyvtárra, ami mögött egy index.html -->
    <!-- található, így azt nem kellett kiírni (kedvező esetben). -->

    <td valign=top>

    <!-- Itt az újabb cella, az előbbi mellett, ez is a felső sorhoz igazít. -->

    <h2>
    <a href="cv.txt">Curriculum Vitae / Önéletrajz</a><br>
    <a href="intro.html">Introduction / Bemutatkozás</a><br>
    <a href="story.html">Stories / Történetek</a><br>
    <a href="work.html">Works / Munkák</a><br>
    <a href="ref.txt">References / Referenciák</a><br>
    <a href="friend.html">Friends / Barátaim</a><br>
    <a href="yellow.html">Links / Címjegyzék</a><br>
    <a href="gb/">Guestbook / Vendégkönyv</a><br>
    </h2>

    <!-- Kisebb, 2-es méretu betűkkel írja ki a szöveget. -->
    <!-- Minden sor egy link, hasonlóan az előző ikonos megoldáshoz, -->
    <!-- csak itt a szövegre lehet kattintani. -->
    <!-- A sorokat, hogy össze ne keveredjenek, br választja el -->

    <strong>
    <address>
    Perlaki Attila<br>
    3527 <a href="miskolc.html">MISKOLC</a> Selyemrét 26<br>
    <a href="hungary.html">HUNGARY</a>, <a href="europe.html">EUROPE</a><br>
    Internet:
    <a href="mailto:irtpa@gold.uni-miskolc.hu">irtpa@gold.uni-miskolc.hu</a>,
    h7476per@ella.hu<br>
    FidoNet: 2:370/23<br>
    </address>
    </strong>

    <!-- A címet address jelzők között illik megadni, a strong pedig -->
    <!-- még jobban kiemeli ezt. A címben néhány szóhoz link -->
    <!-- kapcsolódik, illetve a "kötelező" mailto link is -->
    <!-- szerepel az internet címnél. A sorokat itt is br tördeli. -->

    <p>

    </table>

    <!-- Ezt a táblázatot befejeztük. -->

    <a href="http://www.lib.uni-miskolc.hu/imho"><img src="imho.gif" alt="In Memoriam HT1080Z bOard"></a><br>

    <!-- Itt egy nagyobb kép szerepel távoli linkkel és karakteres leíróval. -->

    <table>
    <td width=110>
    <td>
    <h6>
    <!--#exec cmd="echo 'LAST MODIFIED AT ' $LAST_MODIFIED"-->
    </h6>
    </table>

    <!-- Itt egy újabb táblázat szerepel, ami a fentihez hasonló -->
    <!-- paraméterekkel rendelkezik. Nem véletlen, hiszen -->
    <!-- megjelenésében illeszkednie kell ahhoz. -->
    <!-- A benne rejlő scripthívás az utolsó módosítás dátumát írja ki. -->

    </body>

    <!-- Itt a vége, fuss el véle! ;-) -->

Előző fejezet | Tartalom | Következő fejezet