A HTML-oldalak egyik leghasznosabb része a keretek (angolul: FRAME-ek) használata. Ezt a szomszédos dokumentum is bizonyítja. (minta26.html) A felépítése gyakorlatilag igen egyszerű, mivel a két keret külön-külön is felhasználható és minden hivatkozhat mindenre. Amint ez a forráskódban is látható, a kereteket két tag: a <FRAMESET> és a <FRAME>. Természetesen a <FRAMESET>-ben százalékosan, illetve pixelesen is megadható a keretek aránya. Szükség esetén több keret is egymásba ágyazható. A vízszintes felosztáshoz a "rows" szócskát kell használni, míg a függőleges felosztáshoz a "cols" szükséges. | <HTML>
<FRAMESET rows="50%,50%"> <FRAME SRC="fel1.html"> <FRAME SRC="fel2.html"> </FRAMESET> </HTML> |
<HTML>
<FRAMESET COLS="100,*"> <FRAME SRC="fel1.html"> <FRAME SRC="fel2.html"> <NOFRAMES> <BODY> Hát ez nem nyert! </BODY> </NOFRAMES> </FRAMESET> </HTML> |
Ha valaki szeretne felkészülni ilyen igényekre is,
akkor kénytelen elkészíteni a keretek nélküli
verziót is - sajnos.
Még valami: ha nem feltétlenül kell, akkor ne adjuk meg minden frame vastagságát - főként pixeles értéknél tilos ezt tenni! Ilyenkor érdemes a bal oldali példa 2. sorában látható csillagot (*) használni, ami a jó öreg DOS-os hagyományok szerint a maradék részt jelenti, azaz a mindent. |
Szövegblokk - érdemes kipróbálni!</BLOCKQUOTE>
<HTML>
<Marquee behavior=alternate bgcolor="teal" dataformatas=text loop=3 width="75%" title="dumálás"> Ez a duma! </marquee> </HTML> |
<HTML>
<basefont color="blue" face="Arial, Courier" size="4"> Ez lesz az alapértelmezés! </basefont> </HTML> |
10. feladat: Nem feltétlenül könnyű egy ilyen térkép (első) előkészítése, de némi próbálkozás után a fenti minta alapján sikerülhet!
TEXT -szöveg, PASSWORD - jelszó (nem jelenik meg bevitelkor!), HIDDEN-rejtett (ez sem jelenik meg), CHECKBOX - kapcsoló (több is kiválasztható egyszerre), RADIO - kapcsoló (egyszerre csak egyet lehet kiválasztani), RANGE - numerikus adat, FILE - csatolandó fájl, SUBMIT - adattovábbító gomb, RESET - megsemmisítő (inicializáló) gomb, BUTTON - egyéb nyomógomb.Az <INPUT> utasításban további opciók is szerepelhetnek, a fô opciók értékeitôl függôen:
hu = Hungarian/Magyar en = English/Általános angol en-us = English - United States /Amerikai angol de = German - Standard/Általános német de-at = German - Austria/Osztrák német ro = Romanian/Román ru = Russian/Orosz cz = Czeh/Cseh
Egy apró tanács a komolyabb kérdőívek kitöltése előtt: mindig többszörösen próbáljuk ki a kész kérdőívet. Lehetősleg ne csak a saját gépünköről, hanem minél több helyről. Ha lehetőségünk van rá, akkor érdemes több verziójú Explorerben, Netscape-ben és minél több operációs rendszerben is kipróbálni. A rendszerek közül ne maradjon ki a Linux sem! Ha saját magunknak ez gondot okoz, akkor kérjük meg ismerőseinket az ellenőrzésre. "Éles" megrendelőívvel SOHA ne kísérletezgessünk, csak az összes próba után!
<html>
<head> <meta http-equiv="Content-Language" content="hu"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <title>Tamás Ferenc</title> </head> <body> <form method="post" action="MAILTO:ferenctamas@freemail.hu" enctype="text/plain"> <h1 align="center">Tamás Ferenc</h1> <h2 align="center">A számítástechnika alapjai CD-ROM megrendelőlapja</h2> <h3 align="center"><span style="background-color: #FF0000">EZ CSAK MINTA, NEM MEGRENDELŐLAP!</span></h3> <p align="center"> </p> <div align="center"> <center> <table border="1" width="75%"> <tr> <td width="60%"> <input type="checkbox" name="Konyv1" value="ON" checked disabled> Tamás Ferenc: A számítástechnika alapjai könyv</td> <td width="15%" align="right">4.777 KByte</td> </tr> <tr> <td width="60%"> <input type="checkbox" name="PPT" value="ON" checked disabled> Kiváló minőségű bemutató PowerPoint fájlok</td> <td width="15%" align="right">300.000 KByte</td> </tr> <tr> <td width="60%"> <input type="checkbox" name="Free" value="ON"> Ajánlott ingyenes programok</td> <td width="15%" align="right">150.000 KByte</td> </tr> <tr> <td width="75%" colspan="2"> <p align="center"><b> <input type="checkbox" name="Rendel" value="Rendel" checked> IGEN, megrendelem a fenti feltételekkel a CD-ROM-ot és vállalom a kifizetést az általam választott módon!</b></p> </td> </tr> <tr> <td width="60%">Megrendelő neve</td> <td width="15%" align="right"> <input type="text" name="Név" size="40" value="Teljes név"></td> </tr> <tr> <td width="60%">Irányítószám</td> <td width="15%" align="right"> <input type="text" name="Irszam" size="20" value="8000"></td> </tr> <tr> <td width="60%">Város</td> <td width="15%" align="right"> <input type="text" name="Város" size="37" value="Város"></td> </tr> <tr> <td width="60%">Felhasználási terület(ek)</td> <td width="15%" align="right"><select size="2" name="MitCsinal" multiple> <option selected value="Önálló tanulás">Önálló tanulás</option> <option value="Kiscsoportos tanfolyam">Kiscsoportos tanfolyam</option> <option value="Általános iskola">Általános iskola</option> <option value="Középiskola">Középiskola</option> <option value="Felsőoktatás">Felsőoktatás</option> <option value="Egyéb">Egyéb</option> </select></td> </tr> <tr> <td width="60%">Fizetési mód</td> <td width="15%" align="right"> <input type="radio" value="posta" name="Hogyan" checked>Postai utánvétellel <p><input type="radio" value="bank" name="Hogyan">Banki átutalással</td> </tr> <tr> <td width="60%"> Megjegyzés</td> <td width="15%" align="right"> <textarea rows="2" name="S1" cols="20"></textarea></td> </tr> <tr> <td width="75%" colspan="2" align="center">A CD-ROM ára <b>2000 Ft + ÁFA</b>, valamint <b>300 Ft</b> csomagolási és postaköltség! <h3><input type="submit" value="Megrendelem!" name="Előfizetés"> Mindösszesen: <b><span style="background-color: #FF0000">2800 Ft</span></b> <b> </b><input type="reset" value="Kilépés" name="Kilépés"></h3> </td> </tr> </table> </center> </div> </form> </body> </html> |