A keret egy olyan terület a webhelyen (ablak), amelyben egy másik weboldal látható. A webmesterek ezt a lehetőséget arra használják, hogy bemutassák barátaik vagy partnereik webhelyeinek kezdőlapját. Ugyanezt a technikát használják a keresési űrlap megjelenítésére a mezőkben, mellette lévő találatokkal stb.
De többnyire kereteket használnak nagy webportálok létrehozásánál, ahol jelentős számú menüpontra és almenüre van szükség. Az ilyen emberekről általában azt mondják: "weboldal a kereteken". Egy ilyen erőforrás létrehozásához a HTML jó ismerete szükséges.
Keretek létrehozása a webhelykészítőben
Egyes webhelykészítők biztosítják az ilyen kódok automatikus generálását. Általában a keret hozzáadása gomb a program főmenüjében található. Először el kell helyeznie a kurzort a megfelelő helyre az oldalon, majd kattintson a gombra, megnyílik egy ablak (a képernyőképen látható módon). Ebben beállíthatja a keretben megnyíló oldal címét, és beállíthatja a méreteket: szélesség és magasság.
De többnyire kereteket használnak nagy webportálok létrehozásánál, ahol jelentős számú menüpontra és almenüre van szükség. Az ilyen emberekről általában azt mondják: "weboldal a kereteken". Egy ilyen erőforrás létrehozásához jó tudásra van szükségHTML nyelv.
Ezzel a "szolgáltatással" több keretet is lehet létrehozni az oldalon, de így nem kapsz egymáshoz kapcsolódó elemeket.
Keretek a CMS-ben
Sok webhely-készítő programban lehetőség van a megfelelő modul telepítésére. Például a Joomla esetében a keret egy "Wrapper" modul.
Megtalálható és létrehozható a Joomla CMS vezérlőpultján: "Bővítmények" - "Modulkezelő" - "Létrehozás" (kerek narancssárga gomb pluszjellel belül). A felugró ablakban a listában látni fogja a "Wrapper" modult.
Ha nincs itt, akkor nincs benne. Használatához először aktiválnia kell itt: "Bővítmények" fül, majd "Extension Manager", majd a "Kezelés" fül. És a megnyíló listában keresünk, a "Szűrő" mezőbe gyors kereséshez írja be a következő szót: Wrapper. Ezzel a modullal szemben egy zöld ikonnak kell lennie, benne pipajellel. Egy ponttal ellátott piros kör azt jelenti, hogy ez a bővítmény le van tiltva.
Ezt az eljárást követően visszatérhet a "Modulkezelőhöz", létrehozhat egy keretet és beállíthatja a paramétereit.
Amint a képen is látható, a modul lehetővé teszi, hogy beállítsa: a keret feletti címet, a modul pozícióját, válassza ki a webhely azon oldalait, amelyeken megjelenik. És állítsa be a szélességet, magasságot; adjunk hozzá egy keretet, és valójábanlink egy weboldalra. Ha egy keretben egy webhely főoldalát szeretné teljes szélességben megjeleníteni, akkor az alapértelmezés szerint beállított 100% nem lesz elegendő. Azonnal nyugodtan rakhatod 400%-ot. A 200-as magasság általában elegendő az oldal felső menüjének megjelenítéséhez. Minden más tartalom látható lesz, ha a felhasználó (a webhely látogatója) használja a görgetősávot.
Íme egy példa arra, hogy mi a keret a Joomlában.
A keret létrehozására szolgáló Jumla modul nagyon kényelmes és könnyen használható. A képességei azonban korlátozottak, akárcsak a konstruktor képességei.
Történelem és valóság
A webhelyek keretekből történő létrehozásának gyakorlatában ez a címke (alkalmazása) már régóta háttérbe szorult. Ezeket tudták helyettesíteni modulokkal, olyan konstruktor programok beállításaival, amelyek webhelykészítő közreműködése nélkül generálnak kódot egy weboldalhoz. Ez azonban bizonyos esetekben nem elég. Például, ha egy keret a böngészőben megjelenített területek holisztikus összetett struktúrája. Így látják ezt a bonyolultan felépített oldalak tulajdonosai. Létrehozását csak szélsőséges esetekben használják, mivel a keretoldalak kizárólag speciális címkék segítségével jönnek létre.
Összesen felépített webhelyek
Számukra több egymáshoz kapcsolódó keret létrehozása a legjobb megoldás a forrásoldalak tartalmainak rendszerezésére. Ezek általában nagy portálok, amelyek évről évre erősödnek.
Hogyan érhetjük el ugyanazt az eredményt? Hogyan jön létre a keretszerkezet?
Hogyankeret beszúrása aoldalkódba
A HTML-ben a kereteket a következő címkékkel adják hozzá:
- keret (külön ablakhoz);
- frameset (egy teljes struktúra létrehozására használja);
- iframe ("lebegő" keret);
- noframes (ha a keret nem jelenik meg a felhasználó böngészőjében).
Az elsőként megadott címke mindig belefér egy és párba. És helyettesíti és. A megfelelő attribútumok segítségével pedig beállíthatja az egyes elemek jellemzőit: nevét (név=), méretét (cols=and rows=), szegély (border) meglétét, a görgetősáv megjelenését, ill. természetesen a megjelenítendő weboldal linkje.
Dizájnvariációk
A webhely teljes oldala területekre osztható. Például így:
| Balra | Felső keret |
| Jobb |
Egy ilyen szerkezetet (ezt nevezik beágyazottnak) úgy kaphatjuk meg, hogy a címkébe beírjuk a cols attribútumot, ami a keret vízszintes elhelyezkedését jelenti, a sorok pedig függőlegesen. Ezután feltesszük a=jelet, és előírjuk a méreteket. Például 60%, 40% - százalék (az egyik ablak a böngészőterület 60% -át, a másik 40% -át foglalja el). Vagy 100, 200 - képarány pixelben. Az egyik képkocka mérete egyáltalán nem állítható be (alapértelmezetten be lesz állítva). Ehhez a vessző után vagy előtt meg kell adni a. szimbólumot
Fészekrakásminden új területet egy új keretkészlet jelöl.
Példa a kódra:
Ne feledje, hogy példánkban a második és harmadik képkocka méretét csak egyszer adjuk meg.
Sok ötlet lehetővé teszi a keretek kiegészítését. A böngészőablakban való elhelyezkedésükre végtelenül adhatunk példákat (a kódot ennek megfelelően módosítva). Ez az információ azonban hosszú ideig nem talált gyakorlati alkalmazásra. A keretek, ha ma használják webhelyek létrehozásakor, csak modulok formájában vannak az ingyenes CMS-ben vagy iframe formájában.
Lebegő keret
Furcsa, hogy miért kapta ezt a nevet, ide jobban illik a "beépített" szó. Ez a keret egy fájl tartalmának megjelenítésére szolgál. Bármilyen dokumentumot vagy fájlt feltölt az adatbázisba, iframe címkékkel megírja az elérési utat - és a látogatók látni fogják a fájl szövegét (videó vagy kép). Sajnos a böngészők nem mindig jelenítenek meg tartalmat. Ehhez a webkészítők beírják a következő kifejezést a nyitó és záró címke közé: "A böngészője nem jelenít meg tartalmat."
Például a Seopult.ru egy jól ismert szolgáltatás a promóciós mesterek számára. Csak nem a fő oldala, hanem egy tükör I.seopult.pro, amelyet portálügyfelek számára készítettek. Az iframe kód a következőképpen írható ide:
Utasítások
. Hol van a címke
-
Aegy listaelem meghatározásához jött létre. Minden böngésző támogatja.
A tüköroldalon egy gomb formájában láthatja az "Utasítás" szót. A böngészőablak közepén rákattintva megnyílik a bemutató.
Minden nagya filmek és sorozatok nézésére szolgáló oldalak iframe-ek (például „Imhonet”), valamint közösségi hálózatok használatával jönnek létre. Még a "Yandex" főoldala is tartalmazza ezt a címkét, és egynél több párat.
Hogyan írjunk iframe-et
A dokumentumot görgetősávval ellátott ablak formájában feltöltheti a webhely bármely részére. A címkéket általában a test belsejében helyezik el. Túl a szabványon
és, ahogy a fenti példában is látható, a listacímke is használható -
-
Az attribútumok hozzáadódnak az iframe-hez:
- szélesség (szélesség) és magasság (height=);
- éligazítás;
- behúzások, amelyek megadhatók vagy nem: az alapértelmezett érték 6 - ez teljesen elég;
- az enabletransparency használatával beállíthatja a keretterület átlátszóságát úgy, hogy az oldal háttere látható legyen;
- plusz az ismerős scr, név, görgetés, szegély.
Navigáció iframe-mel
A legérdekesebb keretezési készség a kódírás, amely lehetővé teszi a tartalom megnyitását egy ablakban egy hivatkozással, amit a Seopult tükör készítői is megtették, csak több linkkel egyszerre (egyidejűleg elérhető a felhasználó számára ugyanazon az oldalon).
Ehhez egy iframe-et veszünk, a név pluszban a name=-n keresztül be van írva. Például fejléc. Továbbá előtte a címkékbe és a linkekbe egy HREF=-en keresztül írunk, utánuk az attribútum kötelező feltüntetésével Az a záró tag használata előtt egy feliratot jeleznek, amely linkgombként fog szolgálni. Az "a" nyitó és záró címkéka p. címkében vannak
Több ilyen sort is írhat a kódba, hogy végül több linkgomb kerüljön egy sorba az oldalon, amelyekre kattintva különböző tartalmak jelennek meg az alábbi ablakban.
A kód így fog kinézni:
Hirdetés feladása
Hirdetések megtekintése
Image Hogyan fog kinézni a weboldalon:
Hogyan lehet iframe-et beszúrni egy Joomla webhelyre
Szabványként a Joomla vezérlőpultja rendelkezik egy engedélyezett (használatra kész) "HTML-kód" modullal. Ezzel bármilyen kódot beilleszthet bárhová az oldalon. Az iFrem címkével ellátott kódot azonban makacsul figyelmen kívül hagyja. Ezért egy speciális Jumi modult fogunk használni.
Először is le kell töltenie az Internetről, és telepítenie kell a Joomla adminisztrációs paneljén keresztül: "Bővítmények" - "Kiterjesztéskezelő" - "Fájl kiválasztása". Adja meg a letöltött archívum elérési útját, majd kattintson a "Letöltés" gombra.
A sikeres telepítés után lépjen a "Modulkezelőbe", és hozzon létre egy újat. Válassza ki a Jumi típusát. A megnyíló ablakban az "Egyéni kód" mezőbe írja be az előkészített iFremet, a cikk előző bekezdésében látható módon. Adjon címet a modulnak, adja meg az elhelyezés pozícióját és a webhely oldalait. Kattintson a Mentés gombra, és nézze meg.
Böngészők és keretek
Minden népszerű böngésző jól megjeleníti a keretes ablakok tartalmát: Chrome, Safari, Firefox, Android, iOS. Ebben a tekintetben különösen magas az Internet Explorer és az Opera aránya. És mégsem garanciahogy a webhely látogatója az összes ablak tartalmát lássa. Ebben az esetben üzenetet kell hagynia a noframe címkével (nyitás és bezárás). A következőket írhatja bele: "A böngészője elavult. Frissítse a verziót az oldal tartalmának megjelenítéséhez." Ha a felhasználó böngészője megfelelően jeleníti meg a kereteket, akkor nem fogja látni ezt az üzenetet.
Tehát a keret egy webhely területe vagy ablaka, amelynek saját URL-címe van. Egyszerre több weboldal vagy független dokumentum megjelenítésére szolgál egy böngészőmezőben, saját URL-lel is. Annak ellenére, hogy a keretek lehetővé teszik egy összetett webhely jól megszervezését, az iframe kivételével régóta nem használják őket. A címke használata továbbra is releváns prezentációk, videolejátszó, szöveges dokumentumok egy adott ablakba való betöltésekor. A nagy és jól ismert webes források aktívan használják.
-
