< WebKészítés /> interaktív webszerkesztő tananyagok
Érdekes címkék
Szükség esetén több különálló oldalt egyszerre, egy ablakban is megjeleníthetünk. Ezek az önálló oldalak (frame-k ~ keretek) egymástól függetlenül görgethetők, de tartható köztük linkkapcsolat. Az ilyen kereteket tartalmazó központi oldalnak nem lesz lényegében tartalma (body-ja), helyette csak azt határozzuk meg, melyik külső oldal és hova kerüljön. Lássuk is az alkalmazását:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>...</head>
<frameset (vagy cols="50%,...,*">rows, de egyszerre csak egyik!)
<frame src="fajlnev1.html" name="nev" frameborder="szegély" scrolling="görgethetőség" noresize="noresize" />
...
<frame src="fajlnev2.html" name="nev" frameborder="szegély" scrolling="görgethetőség" />
<noframes>
<body><p>ez van, ha nem megjeleníthető a keret</p></body>
</noframes>
</frameset>
</html>
A cols (oszlop) és rows (sor) a frame-k arányának meghatározására szolgál. Értéke lehet %, px, vagy *, ami a fennmaradó részt tölti ki. A scrolling görgethetőség értéke lehet yes (igen) / no (nem) / auto (automatikus). Végül pedig ha le szeretnénk tiltani az alapértelmezés szerinti átméretezhetőséget, hozzá kell adnunk a noresize attribútumot. Még a frameset-en belül megadható a noframes-szel, hogy mit tegyen a böngésző, ha nem ismeri fel a kereteket. Itt már alkalmaznunk kell a body-t, hiszen tartalmat írunk az oldalba. Figyelem, ez a módszer csak HTML 4.1-ig illetve XHTML 1.0 Frames DTD-vel alkalmazható! Ennek kikerülése érdekében megalkották az egyszerűbb
<iframe helyettesítő_szöveg src="fájlnév" name="név" width="szélesség" height="hosszúság" frameborder="szegély" scrolling="görgethetőség"></iframe>
címkét, mely meglévő oldalunkba segít ágyazni kisebb sorbeli egységekben külső oldalakat. Azonban, amíg nem muszáj, hátrányaik és nem megfelelő támogatottságuk miatt, egyiket se alkalmazzuk. (A későbbiekben CSS-sel kiválthatók lesznek.)
Hozzájuk kapcsolódik a hivatkozások target attribútuma, mely az XHTML 1.0-tól törölve lett. Ezzel irányíthatjuk linkjeink a name névvel előre ellátott keretekre vagy bizonyos előre definiált helyekre, mint például: "_self" ~ saját ablak, "_blank" ~ új ablak, "_parent" ~ őt tartalmazó (felette álló) keret. Csak olyan DTD-nél használhatjuk, ahol a kereteket is.
Külső médiafájlokat (pl: videók, zenék, flash és egyéb alklalmazások) ágyazhatunk honlapunkba, ha az object és a param címkéket a következő módon használjuk:
<object type="MIME TÍPUS" width="SZÉLES" height="HOSSZÚ" data="MÉDIA URL-JE" classid="BÖNGÉSZŐFÜGGŐ:TYPE/DATA HELYETT">
<param name="TULAJDONSÁG" value="ÉRTÉK" />
<b>Ez a sor pedig csak akkor látható, ha nincs értelmezve az object!</b>
</object>
Flash animációkhoz általában a "application/x-shockwave-flash" MIME típust alkalmazzuk. A data és classid elmaradnak, és a <param -ban kerül tartalmuk megadásra. További rengeteg paraméter adható még meg itt, mint: name="movie" value="MÉDIA URL-JE" /><param és name="menu" value="false/true" /><param . Egyéb videókat is így tölthetünk be, de a képekhez és zenékhez nem használunk name="quality" value="high/medium/low" /><param />-okat. Ott csak egyszerűen a data-ban betallózzuk őket. Fontos, hogy a böngéyző nem minden esetben rendelkezik a megjelenítéshez szükséges eszközökkel, így előfordul hogy egy külső telepített alkalmazást hív segítségül a média megjelenítéséhez. (pl: videókhoz Windows Media Player, vagy QuickTime Player) Ebből adódóan előfordulhatnak kompatibilitási hibák. Ha egy böngésző nem boldogul az objektummal, egyszerűen kihagyja és a benne lévő részt értelmezi. Így gyakran kombinálják az elavult <embed helyettesítő szövegsrc="URL" autostart="true/false" loop="true/false" hidden="true/false" /><noembed></noembed>-del, minek még további attribútumai lehetnek a width, height, href, pluginspage, pluginurl, playcount, volume, mastersound, controls, controller, starttime, és endtime.
Ejtsünk még szót a DHTML-ről. Milyen DHTML? Eddig HTML-ről volt szó! Nos tehát, a DHTML, a HTML nyelvet kiegészítő szabvány, amellyel a bemutatókhoz (MS PowerPoint) hasonló vizuális effektusok hozhatók létre. (Természetesen a weblapunk kiterjesztése sem lesz "*.dhtml"!) A dinamikus HTML a 4.0-s verziójú HTML Microsoft által kibővített változata, így gyakorlatilag csak az IE jeleníti meg őket. Míg a DHTML-effektusok a Microsoft Internet Explorer 4.0-s és a Netscape Navigator 4.0-s (illetve ezeknél újabb) böngészőkben működnek, a többi böngésző számára animáció nélkül jelenik meg. Ezeket az effektusokat a lap szinte bármely elemére lehet alkalmazni, majd az effektust úgynevezett „eseményindító”-hoz, például egérgombbal való rákattintáshoz, egérkurzorral történő rámutatáshoz vagy weblap betöltéséhez lehet kötni. Következzen néhány ilyen eseményt:
A teljes lapra érvényes eseményeket egy <meta /> címkében kell elhelyezni. (Remélem nem felejtetted el, hogy a meta-t a <head> </head> közé kell tenni!) Itt a http-equiv értéke lehet "Page-Enter" (lap megnyitása), "Page-Exit" (lap elhagyása), "Site-Enter" (belépés a teljes honlapra) vagy "Site-Exit" (teljes honlap elhagyása). A content, ami az áttünési effektust jelöli, értékeit a következő formában kell megadni pl.: "blendTrans(Duration=MÁSODPERC,Transition=SZÁM)". A Duration az áttünési időtartamot jelöli másodpercben. A Transition a következő táblázatban feltűntetett áttűnéseket azonosítja. Ha elhagyjuk az egész Transition= részt, akkor pedig színátmenetet kapunk!
| SZÁM | eredményezi |
|---|---|
0 | Csökkenő keret |
1 | Növekvő keret |
2 | Spirál befelé |
3 | Spirál kifelé |
4 | Kitakarás felfelé |
5 | Kitakarás lefelé |
6 | Kitakarás jobbra |
7 | Kitakarás balra |
8 | Függőleges rácsok |
9 | Vízszintes rácsok |
10 | Pepita oldalra |
11 | Pepita lefelé |
| SZÁM | eredményezi |
|---|---|
12 | Véletlenszerű eloszlás |
13 | Hasadás függőlegesen befelé |
14 | Hasadás függőlegesen kifelé |
15 | Hasadás vízszintesen befelé |
16 | Hasadás vízszintesen kifelé |
17 | Lépcsőzetesen balra le |
18 | Lépcsőzetesen balra fel |
19 | Lépcsőzetesen jobbra le |
20 | Lépcsőzetesen jobbra fel |
21 | Váltakozó vízszintes sávok |
22 | Váltakozó függőleges sávok |
23 | Véletlenszerű |
Eddig még senki sem írt hozzászólást... Légy te az első!
Új hozzászólás írásához lépj be fiókodba vagy regisztrálj oldalunkon!