Olvassa el a könyv html, xhtml és css egy 100% -os online olvasás - 8. oldal
Az 1. ábrán. Az 5.2. Ábra bemutatja, hogy az 5.2 Listában leírt oldal megjelenjen-e az Internet Explorer ablakban. Az oldal négy részre oszlik fekete vonalakkal, amelyekért a bordercolor = "# 000000" attribútum felelős.
Ábra. 5.2. Példa a keret határok kezelésére
Érdemes megjegyezni, hogy nem tudja megváltoztatni az egyik keret keretét. Ha megadja azokat a attribútumokat, amelyek a FRAME elem keretének határait szabályozzák (például, ), a böngésző nem hagyja figyelmen kívül ezt az üzenetet, és az egyes keretek határa kiszámíthatatlanul megváltozik (5.3. ábra).
Ábra. 5.3. Kísérlet egy külön keret határainak módosítására
5.3. Görgető sávok
• igen - mindig megjeleníti a görgetősávokat, függetlenül az információ mennyiségétől;
• nem - letiltja a görgetősávok megjelenését;
• auto - szükség esetén a görgetősávok jelennek meg (alapértelmezett).
Vegyünk egy példát olyan oldalra, amelyben a fent leírt szerkezetet használjuk (5.4. Ábra).
Ábra. 5.4. Példa a görgetősávok ellenőrzésére
5.4. Keretek közötti kapcsolatok
A legtöbb esetben, ha rákattint egy hivatkozásra egy böngészőablakban, akkor az aktuális dokumentumot az újat helyettesíti. Keretek használata esetén a dokumentumok betöltési sémája eltér a standardtól. A fő különbség az, hogy képes feltölteni egy dokumentumot a kiválasztott keretre egy másikról. Ehhez az A elem célattribútuma kerül felhasználásra, az érték az a keret neve, amelyre a név attribútum által megadott dokumentum betöltődik.
Az 5.3-as lista egy olyan HTML-dokumentum példáját mutatja, amelyben egyes keretek nevei.
Lista 5.3. Kezdőlap kódja
Az 1. ábrán. Az 5.5 ábra egy HTML-dokumentumot (5.3. Listát) mutat be, amelynek negyedik kerete egy olyan oldalt tölt be, amely egy másik dokumentumra mutató linket tartalmaz: Egy másik oldal.
Ábra. 5.5. A negyedik keret egy másik dokumentumra mutató linket tartalmaz
Ha a felhasználó rákattint erre a hivatkozásra, az új dokumentum betöltődik a második keretbe, amit az attribútum target = "frame2" jelez (5.6. Ábra).
Ábra. 5.6. A második keretben egy új dokumentum került betöltésre
Érdemes megjegyezni, hogy a keret neve latin vagy latin betűvel kezdődik. A következő nevek használatosak:
• target = "_ blank" - a dokumentum betöltődik egy új ablakba;
• target = "_ self" - a dokumentum betöltődik az aktuális keretbe;
• target = "_ szülő" - ha a hiperhivatkozású dokumentum keretbe ágyazott keretben van, akkor a dokumentum betöltődik a szülőablakba vagy egy keretkészletbe;
• target = "_ top" - törli az összes keretet és betölti a dokumentumot egy teljes böngészőablakba.
A keretek használatával ne felejtsd el a hiperlinkek sajátosságait. Ha a cél attribútum nincs megadva, akkor a céldokumentum alapértelmezés szerint ugyanabban a keretben töltődik be. Ha egy nem létező keretnév van megadva, megjelenik egy új böngészőablak, amely megkapja a megadott nevet. Külső hivatkozások esetén meg kell adnia a cél attribútum értékét, vagy _top vagy _blank, hogy más webhelyek ne jelenjenek meg a keretben, hanem elfoglalják a teljes ablakot.
Ne használja a "_blank" nevet, mert a felhasználók gyakran nem vesznek észre, hogy új ablakot nyitott meg. A bezárt ablakok felhalmozódnak, és a felhasználó zavarba hozható benne.
5.5. Keretek átméretezése
Alapértelmezés szerint megváltoztathatja a keretek méretét az egérmutató használatával. Csak keresse meg a keretet a keretek között, és tartsa lenyomva a bal egérgombot balra vagy jobbra, felfelé vagy lefelé (5.7. Ábra).
Ábra. 5.7. A keret átméretezése az egérmutatóval
Annak érdekében, hogy megakadályozza a felhasználó számára a keret méretének módosítását, használja a FRAME elem noresize attribútumát.
A noresize attribútum nem igényel semmilyen értéket. Két keretes oldal esetén ez a paraméter csak egy helyen adható meg. Természetesen, ha nem tudja megváltoztatni egy keret méretét, akkor a vele szomszédos méret sem változik.
5.6. Lebegő keretek
A legújabb verziók böngészői lehetővé teszik az IFRAME elem segítségével hozzáadott lebegő kereteket. A lebegő keret a szokásos
olyan dokumentum, amely nem tartalmaz címkéket
, és lehetővé teszi, hogy az oldalhoz más független dokumentumokat is hozzáadjon. Az I FRAME elemben ugyanazokat az attribútumokat határozhatja meg, mint a normál keretekre jellemző elemek. Ezenkívül a következő attribútumokat használhatja: szélesség, magasság, hspace, vspace, align, amelyek értékei megegyeznek az IMG elem megfelelő attribútumaival..
5.7. A keret belsejében lévő tér kezelése
Alapértelmezés szerint a böngésző olyan képkockákat jelenít meg, amelyek tiszta helyet (mezőket) tartalmaznak a tartalom és a 10 képpont keretkeret között. Ezt a keretteret a marginheight és marginwidth attribútumok segítségével szabályozhatja. A margóhatás attribútum határozza meg a szabad terület magasságát a keret tartalmának bal és jobb oldalára, és a margómagasság a felső és az alsó. A mezőértékek beállításával mindkét attribútumot használni kell, mivel a böngésző automatikusan csökkentheti azoknak a mezőknek a méretét, amelyeket a legkisebb értékhez nem adott meg. Ezeknek az attribútumoknak az értékeit mindig abszolút értékekben (pixelekben) kell megadni, és a minimális érték egy pixel.
Tekintsen egy olyan HTML dokumentum példáját, amely csak két keretet tartalmaz (5.4. Megváltoztatjuk az első keret mezőit, és alapértelmezés szerint hagyjuk a második mezőket. Ahhoz, hogy a különbséget észrevehetjük a szabad szemmel, a képeket minden képkockára rakjuk.
Lista 5.4. Vázmezők módosítása
A fent leírt HTML oldal a 3. ábrán látható. 5.9. Az oldal kódja szerint az első keret mezői jelentősen eltérnek a második mezőtől, amelyet alapértelmezés szerint elhagytunk.
Ábra. 5.9. Példa a keret szabályozására
Érdemes megjegyezni, hogy a mezőértékeket minden egyes kerethez külön kell meghatározni. Ha a frameheight = 45 marginwidth = 1> frameet használjuk, akkor a böngésző egyszerűen figyelmen kívül hagyja az attribútumértékeket, és nem határozza meg azokat az összes keret esetén.
5.8. A keretek előnyei és hátrányai
Mivel a keretek körül sok a beszélgetés az igényeiről, megnézzük azok előnyeit és hátrányait, hogy ön eldönthesse, érdemes-e használni őket a webhelyén.
A keretek előnyei a következők.
• Egyszerűség - keretek segítségével egy HTML oldalt két terület határol, amelyek navigációt tartalmaznak a webhelyen és annak tartalmán. A keret mechanizmusa lehetővé teszi egy dokumentum egy keretben történő megnyitását olyan linkből, amelyet egy teljesen más keretben megnyomnak. A HTML-oldal összetevőként történő szétválasztása intuitív értelemben érthető és logikusan kondicionált.
• Gyors - az elrendezés nélküli képkockák esetében az egyik oldalra és a navigációra, valamint a tartalomra jellemző elhelyezkedés. Ez növeli az egyes oldalak mennyiségét, és az összeg jelentősen befolyásolhatja a webhelyről letöltött információk mennyiségét. Mivel a keretek az információk szétválasztását részekre osztják, az oldalak gyorsabban betöltődnek.
• Az elhelyezés - keretek egyedülálló lehetőséget nyújtanak - pontosan a megfelelő helyen helyezzük el a böngészőablakot. Tehát a böngésző alján egy kockát helyezhet el, és a tartalom görgetésétől függetlenül ez a terület nem fogja megváltoztatni helyzetét.
• Régiók átméretezése - megváltoztathatja a "fly on" keretek méretét, ami nem teszi lehetővé a hagyományos HTML elrendezés létrehozását.
A keretek hátrányai a következők.
• Gyenge indexelés keresőmotorokkal - a keresőmotorok nem működnek megfelelően a keretszerkezettel, mert nincsenek linkek más tartalmú oldalakon lévő más dokumentumokhoz. Ha keresőket szeretne kapni a látogatóktól, ne felejtse el a kereteket.
• Különböző böngészőkkel való összeférhetetlenség - a keretek paraméterei teljesen eltérően jelennek meg különböző böngészőkben. És a köztük lévő ellentmondás olyan nyilvánvaló, hogy ugyanazokat a paramétereket a saját böngészőjük értelmezi.
Ebben a fejezetben olyan kereteket ismertek meg, amelyek az alapvető HTML objektumok egy része. Megtanulta, hogyan lehet létrehozni őket és kezelni az egyes elemeket. Ezenkívül megtudta, milyen célokra használja a keretet hatékonyan és milyen előnyökkel és hátrányokkal rendelkezik a használatuk során.
Egy webmester-környezetben azonban a keretek használata hagyományosan rossz formát ölt. Ennek számos jó oka van, amint fent említettük. Bár egyes esetekben a keretek használata olyan előnyökkel jár, hogy egyszerűen ésszerűtlen módon megtagadni őket. A keretnek hátrányai vannak a hibákkal együtt, amelyek nem engedik ezt a technológiát reménytelennek ítélni. Használjon vagy ne használjon kereteket a webhelyen - ez rajtad múlik.
6. fejezet
Form Design
6.1. FORM elem
6.2. Form Fields létrehozása
Mi a legfontosabb az interneten? Az interaktivitás. A webhely látogatóival kommunikálhat, és visszajelzést kaphat a munkáról - ez a kölcsönhatás mindig hasznos és érdekes. Oldal alkotók tudják, hogyan érdemes a látogatók, és nem változtathatja meg a jobb, és a látogatók a lehetőséget, hogy részt vegyenek az élet a helyszínen, hogy kommunikálni egymással és az alkotók.
Az űrlapok létrehozásakor a legfontosabb, hogy megbizonyosodjon arról, hogy a javasolt mezők kényelmesek a látogatók számára, és elfogadhatóak a kérdések megválaszolásához.
Műszakilag a felhasználóknak egy távoli kiszolgálóra továbbít adatokat. Ez lehetővé teszi, hogy létrehozzon felhasználói regisztrációs rendszereket, fórumokat, vendégkönyveket. Ezen űrlapok megszerzéséhez és feldolgozásához webes programozási nyelveket (PHP, Perl) használunk, de ebben a könyvben nem érjük őket. Annak ellenére, hogy meg kell vizsgálni kapcsolatos szempontok programozás, fogunk összpontosítani a tulajdonságait és képességeit a formák, amelyek hasznosak a tervező intelligens és kényelmesen rendezni őket az oldalon.
A bemutatott munkadarabot a LLC liters jogi tartalmának forgalmazója egyetértésben állapítja meg (legfeljebb a forrásszöveg 20% -a). Ha úgy gondolja, hogy az anyag elhelyezése sérti valaki jogait, akkor tudassa velünk.
Könyveket olvas? Keress rá!
Írja meg a csoport adminisztrátorának - Sergei Makarov - írni