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