<!--#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! ;-) -->