Sziasztok, a blogoldal kedves olvasói. Ma a keretekről fogunk beszélni Html nyelv. Egyértelmű, hogy az elején kezdjük, mégpedig azzal, hogy milyen állatról van szó. Ezen elemek jelenéről (Frame) és jövőjéről (Iframe) is szó lesz a hipertext jelölőnyelvben. jelenlegi verzió az új Html 5 szabványban pedig -val.

A cikk végén a beágyazott keretek létrehozásának folyamatának és klasszikus szerkezetének részletes leírása után HTML kódban (már ritkán használt) foglalkozunk a rajtuk való webhely építés fontosságának kérdésével, valamint megvitatjuk. lehetséges módjai alkalmazásuk a jelenlegi időszakban a blogom példáján.

Mi ez, és miben különbözik az Iframe a Frame-től

Mi az? Kiderült, hogy nem csak weboldalakon, hanem bármilyen programalkalmazásban is használhatók, de abban különböznek, hogy egy weboldal vagy alkalmazás ablaka több területre lesz felosztva, amelyek mindegyike külön dokumentummal van betöltve. Ráadásul ezek a keretterületek egymástól függetlenül viselkednek.

Használatuk legkézenfekvőbb példája, amellyel szinte mindenki találkozott, az úgynevezett súgófájlok (helps), amelyekkel sok számítógépre telepített program rendelkezik.

A bal oldali ablakba betöltődik a súgó menüvel ellátott fájl, a jobb oldali ablakban pedig a kiválasztott menüpontnak megfelelő dokumentum jelenik meg. Figyelemre méltó, hogy egy ilyen struktúra lehetővé teszi, hogy a menüvel rendelkező fájl ne töltse újra a bal oldali ablakba, amikor új dokumentumot nyit meg a jobb oldalon. Pontosan ez az, ami a keretek használatának fő előnye html-ben.

Valójában ezeknek az elemeknek a nevét pontosan független ablakként kell értelmezni. A keretek segítségével lehetőségünk van egy nagy ablakot több töredékre bontani, amelyek viszont különálló, független dokumentumok (oldalak, szövegek, képek, videók stb.) befogadói lehetnek.

Hogyan jön létre a keretstruktúra a hipertext jelölőnyelven? Ha a Html 4.01 szabványról beszélünk (az osztályozás szerint), amely jelenleg a fő, akkor ehhez három elemet használnak - Frame, Frameset és Noframes.

Iframe – a Html 5 szabvány beágyazott kerete

Ha a Html 5 szabványról beszélünk (a jövőnk, melynek egyes elemeit már sok böngésző támogatja), akkor nem lesz Frame, Frameset és Noframes tag, valamint a klasszikus keretszerkezet, helyettük lesz egyetlen Iframe tag (beépített keret) , amiről az elején még szót ejtünk, majd minden figyelmünket a 4.01-es verziótól származó klasszikus sémára fordítjuk, ami jelenleg is használatos.

Az Iframe a klasszikustól eltérően, amelyet alább tárgyalunk, nem igényli a Body címkét Frameset címkékre cserélni. Azok. ez a címke beilleszthető rendes oldalak, például egy bekezdésen belül vagy bárhol máshol. Lényegében ez az elem nagyon hasonlít a már megvizsgált Img címkére.

Cserélhető tartalommal rendelkezik, mert pontosan úgy viselkedik, mint egy beépített elem, de belül megjelenik idegen külső tartalom. A HTML nyelvben csak négy ilyen elem található: Img, Iframe, Object és Embed. Ezért hősünk egy külső fájl jelenlétére utal, amely betöltődik a területre, amelynek mérete a címke attribútumaival van beállítva.

Hogy. Az iframe egy karakterlánc elem, amelybe külső objektum (például videó) van betöltve. Az oldalra betöltendő fájl elérési útjának megadásához pedig a speciális Src attribútumot kell használni. De az Img-vel ellentétben az Iframe elem párosított, azaz. van egy zárócímke is:

NÁL NÉL ezt a példát egy Youtube videooldal kimenetének megjelenítése Iframe segítségével. Annak érdekében, hogy korlátozza a keret (ablak) azon területét, ahol betöltődik külső fájl, attribútumok vannak megadva Szélesség és Magasság, amelynek értékei pixelben vannak megadva:

Azok. ez a címke egy olyan területet hoz létre, amelybe valamilyen külső objektum betöltődik (nem számít, hogy az Ön webhelyéről vagy más erőforrásból származik). A terület szélességét és magasságát a Width (Szélesség) és Height (Magasság) segítségével állíthatja be, az objektum elérési útja pedig az Src attribútumban van megadva.

Az Iframe elem ezeket az attribútumokat örökölte a hasonló, lecserélt tartalommal rendelkező soron belüli címkéktől (például a fent említett Img-től). Hát attribútumokat is vett a képekről hspace és vspace, amelyek lehetővé teszik a behúzások beállítását a keret határaitól a körülötte körbefutó szövegig.

Lényeges az is, hogy a beépített keret igazítása pontosan ugyanúgy történik, mint ahogy azt a HTML - formátumú képek tanulmányozása során láthattuk. Még mindig ugyanaz Igazítsa, hanem az Iframe címkéhez Alul, Top, Közép, Bal és Jobb értékekkel.

De ez az elem is átvett néhány attribútumot a Frame címkéből a klasszikus keretszerkezetből, amiről az alábbiakban részletesen fogunk beszélni. Ezek közé az attribútumok közé tartozik a Név, melynek értéke értékként használható, így a hivatkozásra kattintva ennek a keretnek az ablakában nyílik meg a kívánt dokumentum (további információ lentebb).

Szintén az Iframe-ben, a Frameborder attribútum áttelepült a Frame címkéből, amelynek csak két értéke van - vagy 0 (a keret körüli keret nem jelenik meg), vagy 1 (a keret látható). Az alapértelmezett érték Frameborder=1, így az eltávolításhoz a Frameborder="0" parancsot kell beírni:

A Scrolling attribútum szintén átkerült a Keretből erre az elemre, amelynek alapértelmezett értéke Auto - a keretben lévő görgetősávok szükség szerint megjelennek, ha a tartalom nagyobb, mint a megjelenítésére szánt ablak.

Nos, a Marginwidth és a Marginheight attribútumok is a Frame elemből származtak. Az alábbiakban a szövegben részletesen tárgyaljuk őket, de dióhéjban - lehetővé teszik a behúzás szélességét és magasságát a keret széleitől a benne elhelyezett tartalomig.

Ahogy már említettem, az Iframe használatának egyértelmű példája:

Ha az Iframe-et közvetlenül a weboldalra helyezi, megkapja a videó kimenetét a YouTube-ról. Arra a következtetésre jutottunk, hogy ez az elem cserélhető tartalommal rendelkező soros elemek és valójában klasszikus keretek keveréke, amelyekről most lesz szó.

Frame és Frameset címkéken alapuló keretek – szerkezetük

Tehát a klasszikus keretszerkezet létrehozása azzal kezdődik, amit a HTML-kódba írunk a nyitó és záró Body címke helyett, aminek általában minden olyan dokumentumban jelen kell lennie, amely helyettesíti az elemalapú tárolót. Frameset.

A lényeg az, hogy ebben az esetben a Body elem nem használható - sem Body (egy normál dokumentum esetén), sem Frameset (dokumentumkeret-struktúra létrehozásakor):

Minden keret, amelyet a fő kereten belül alakítunk ki, külön elem segítségével jön létre keret. Ez a címke egyetlen, és ebben adjuk meg annak a dokumentumnak az elérési útját, amelyet ebbe az ablakba kell betölteni.

A harmadik elem, amelyet még nem érintettünk Noframes. Párosítva van, és lehetővé teszi, hogy szöveget írjon saját magában, amelyet a böngésző feldolgoz, és megjelenít honlap csak akkor, ha ugyanaz a böngésző (vagy más megjelenítő eszköz) nem támogatja a kereteket. Ez megtörténhet például mobileszközök böngészőjének használatakor.

Általában a Noframes nemcsak az aktuális helyzettel kapcsolatos információkat ad hozzá a keretstruktúra feldolgozásának lehetetlenségével, hanem lehetőséget ad arra is, hogy más oldalakra lépjen, ahol ezek használata nélkül folytathatja a munkát. Nehéz mást mondani róla, úgyhogy folytassuk.

Kiderült, hogy a Body címke helyett használt Frameset elem elfoglalja a nézetablaknak szánt összes helyet, és ezen a területen belül külön Frame elemekkel jönnek létre a keretek. Ebben a tekintetben felmerül a kérdés - hogyan lehet felosztani a betekintési területet különálló ablakok között, vagy más szóval, hogyan kell beállítani az egyes ablakok méretét.

Ez úgy történik, hogy megfelelő attribútumokat adunk a Frameset elemhez. Ketten vannak - Cols and Rows. A Cols beállítja a nagy ablakok függőleges keretekre vagy oszlopokra való felosztását, a Rows pedig lehetővé teszi, hogy vízszintes ablakokra vagy sorokra ossza fel.

Struktúra létrehozása Frameset és Cols és Rows attribútumai alapján

A Html Frameset címke oszlopainak és sorainak értékei vesszővel elválasztott számok (szóközök nélkül). Ezek a számok határozzák meg az ablakok arányait, amelyeket eredményül szeretnénk elérni. Ezért hány számot írunk vesszővel elválasztva oszlopokban vagy sorokban, annyi keretünk van, és ennek kell lennie.

Például egy ilyen jelöléssel három függőleges oszlopot kapunk, amelyek szélességében megfelelnek a 2:5:3 aránynak.

Mivel három kerethez állítottuk be az arányokat, három Frame elemet kell írnunk a nyitó és záró Frameset tag közé, még akkor is, ha további attribútumok megadása nélkül:

Ennek eredményeként a három üres ablakból álló keretszerkezetünk így fog kinézni:

Ebben a példában az ablakok méretét (Frame) a nézetablak szélességéből (ez a helyzet a Cols használatakor) vagy a magasságából (Sorok) vett százalékokkal állítjuk be. Ha módosítja a nézetablakot, a keretméretek közötti százalékarány megmarad. De a százalékok helyett csak számokat is használhat, amelyek jelentenek. Szerintem itt sem szabadna felfogni a megértési nehézségeket.

De van egy meglehetősen szokatlan lehetőség is a méretjelölésekben, ami úgy néz ki csillag "*". Ezenkívül lehet csak „*”, vagy egy csillag, előtte számmal, például „3*”. Egy trükkös dolog, ami nagyon hasonlít a százalékokhoz, és azt jelenti, hogy arányosan osztjuk el a keret területét.

Nézzünk egy példát. Most válasszuk a nézetablak felosztását vízszintes sorokra a Sorok segítségével:

Mit jelent ez a bejegyzés? A függőlegesen rendelkezésünkre álló teljes nézet három sorra lesz osztva. Az első sor magassága 200 pixel, a második 500 pixel, de a harmadik sor az összes fennmaradó helyet elfoglalja, mert "*" volt a méret.

Figyelemre méltó, hogy a "*" és az "1*" ugyanazt jelenti - az összes fennmaradó helyet elosztjuk eggyel, és ezt az egy részt adjuk ehhez a kerethez (hát, vagyis az összes fennmaradó helyet).

De nézd meg, mi történik, ha a "*" értéket egy számmal osztod arányosan:

Ön szerint ebben az esetben mekkora legyen a keret mérete? Nyilvánvaló, hogy a második sor magassága biztosan 100 pixel lesz. De hogyan oszlik el a maradék magassági tér a harmadik és az első sor között?

Megszámolni meglehetősen egyszerű – csak adjunk hozzá négyet (4*) a kettőhöz (2*), és osszuk el ezzel a nevezővel (emlékezzünk az iskolai tantervben szereplő törtekre) kettőt és négyet. Azok. azt kapjuk, hogy az első oszlop a kerettel a fennmaradó hely egyharmadát foglalja el magasságban, a harmadik oszlop pedig kétharmadát. Más szavakkal, a harmadik kétszer olyan magas lesz, mint az első:

Mindhárom módszert használhatja az ablakok bekeretezésére egyetlen attribútumban, például:

Ennek eredményeként a keret első oszlopát a teljes rendelkezésre álló terület tíz százalékán, a másodikat 100 képponton kapjuk meg, a maradék három szélessége pedig a fennmaradó terület négy, három és két kilenced része lesz. szélesség. Ez az, minden egyszerű és világos.

Ha nem csak vízszintes és függőleges keretekre, hanem például ezek kombinációira szeretné felosztani a főablakot, akkor a Frameset elemek beágyazott szerkezetét külön-külön használhatja az oszlopokhoz és külön a sorokhoz. Például az alábbi képernyőképen látható struktúra eléréséhez elegendő ezt a konstrukciót használni:

Azok. először a "frameset cols="20%,80%""-val osztunk fel mindent elérhető tér két oszlopba függőlegesen, és állítsa be a "frame" címkét a jobb oldali oszlop tartalmához, de ahelyett, hogy "frame" elemet adnánk hozzá a bal oldali oszlophoz, egy új "frameset rows="10%*"-t nyitunk meg.

Segítségével a jobb oldali oszlopot két sorra bontjuk keretekkel, amelyek tartalmát két „frame” tag segítségével állítjuk be, majd mindkét „frameset” tárolót bezárjuk. Minden egyszerű és logikus.

Adja meg az elérési utat a Frame elem Src attribútumában

De mindannyian beszéltünk a Frameset elemről és annak Cols és Rows attribútumairól, amelyek segítségével kialakítjuk a szerkezetet és beállítjuk a méretüket. Most nézzük meg, hogyan jeleníthetjük meg a megfelelő dokumentumokat a megfelelő keretekben, és hogyan állíthatunk be interakciót az ablakaik között.

Tehát hogyan szabályozhatjuk az általunk létrehozott ablakok megjelenését? Mindez a Frame címke attribútumaiba van beágyazva. Az első említésre méltó src. Már találkoztunk vele az Img címkében, amikor azt gondoltuk, hogy képeket illesztünk be a HTML-kódba. Lényege nem változott, és továbbra is lehetővé teszi a keretbe töltendő dokumentum elérési útjának megadását.

Az Src-ben lévő dokumentum elérési útja a következőképpen adható meg. A relatív útvonalakat általában a saját erőforrásán található dokumentumokhoz használják, de abszolút elérési utakra lesz szükség, ha egy másik webhelyről szeretne dokumentumot betölteni egy keretablakba.

Ha az Src attribútum nincs megadva a kívánt dokumentum elérési útjával, akkor az ablak betöltődik üres dokumentum. Személy szerint egyszer én is csináltam hasonlót a blogommal (pl kiegészítő elem navigáció) és ezzel egyidejűleg létrehozva a tárhelyszerveren külön mappa hozzá, és nem csak egy keretszerkezetű HTML-fájlt (amit index.html-nek neveztem), hanem a különböző ablakokba betöltött összes dokumentumot, valamint a háttérként használt képfájlokat is elhelyezte.

Ezért volt a legegyszerűbb relatív hivatkozásokat használni a Frame címke Src attribútumában:

Figyelemre méltó, hogy ha ebben a kódban az összes hivatkozást lecseréli relatívról abszolútra (például https://site/navigator/joomla.html), és megnyitja ezt a fájlt egy böngészőben, akkor a Frame-ben megadott dokumentumok betöltődnek a szerveremről és hasonló képet fog látni a böngészőjében. És nem mindegy, hogy a keretszerkezettel rendelkező fájlja (index.html) hol található - a számítógépén vagy a tárhelyen.

Az ábrán látható példában a bal oldali keretablakba egy bizonyos menüvel rendelkező oldal töltődik be, ami egy normál . De nem az a fontos, hogy a menü hogyan épül fel, hanem az, hogy mi történik bármelyik linkre kattintva.

Ha ezt megteszi, akkor minden pontosan úgy fog történni, ahogy kellene - a dokumentum a jobb alsó ablakban nyílik meg. De ehhez be kellett vetnem egy apró trükköt, mert az alapértelmezett verzióban a dokumentum az ablak teljes méretében megnyílt, lecserélve a keretszerkezetet, amire egyáltalán nem volt szükségem, mert a bal és felső navigációs menü a keretek eltűntek.

Hogyan lehet dokumentumokat megnyitni egy keretben lévő hivatkozásról

Tehát, amikor a hiperhivatkozásokról beszéltünk, megemlítettük az „A” címke olyan attribútumait, mint a Target=_blank. Emlékszel, mire való? Helyes, hogy a hivatkozott dokumentumot új ablakban nyissa meg. Alapértelmezés szerint ugyanabban az ablakban kell megnyílnia, ami megfelel a target="_self"-nek".

De ezek a lehetőségek Cél nincsenek korlátozva. Kiderült, hogy hozzáadhat értéket keretnévként, amelyet korábban a Frame címke speciális Name attribútuma határoz meg. Ekkor az ezen a hivatkozáson lévő dokumentum nem ugyanabban az ablakban nyílik meg, teljes területét elfoglalva, hanem az Ön által megadott keretben. Egyértelmű? Ha nem egészen, akkor most a példa elemzésekor kiderül.

Tehát vissza a fenti ábrán látható példánkhoz. Az oldalakat a jobb alsó (nagy) keretben található bal oldali ablak hivatkozásaival kell megnyitnunk. Ezért az első dolga, hogy nevet adjon ennek a nagy ablaknak a Frame címke Name attribútumával.

Készítették és "ktona"-nak nevezték el. Most már nyugodtan megnyithatja a bal oldali ablakban menüként betöltött fájlt, és hozzáadhatja a Target="ktona" attribútumot az összes A címkéhez:

A Joomla és a VirtueMart komponens megjelenésének története

Természetesen nem lesz nehéz a kereső és csere eszköz használata az összes hiperhivatkozáson, de miért töltsük le feleslegesen a kódot, amikor nagyszerű lehetőségünk van speciális címkealap, amelyet már említettünk ugyanabban a hiperhivatkozásokról szóló cikkben, amikor a Target blank használatáról beszéltünk.

Elegendő az alap target="ktona"-t a nyitó és záró Head címke közé tenni, és a dokumentum HTML-kódjában található összes hivatkozás új oldalakat nyit meg a megadott "ktona" nevű keretben:

Egyébként, ha példának vesszük az egykor létező eszközömet, akkor arra is ügyelnünk kell, hogy a felső vízszintes ablakból minden hivatkozás a bal oldali függőleges keretben nyissa meg az oldalát, ami az én bal menümként szolgál. Mit kell ehhez tenni?

Nos, először is nevet kell adnunk a bal oldali függőleges keretnek:

A felső ablakba (gor.html) betöltött fájlba pedig hozzá kell adni az alap target="gor" elemet:

Mindent, most mindent jól csináltunk. A felső keretből hivatkozott összes dokumentum a bal oldali ablakban nyílik meg, az abból származó összes hivatkozás pedig a központi és legnagyobb keretben nyitja meg a dokumentumokat. Véleményem szerint minden egyszerű és logikus.

Frame tag attribútumok az ablakok megjelenésének testreszabásához

Lássuk most, hogy az Src és a Name mellett milyen attribútumok használhatók a Frame címkében a testreszabáshoz megjelenés keretek. Kezdjük azzal görgetés. Segítségével testre szabhatjuk a görgetősávok megjelenítését a keretszerkezet minden egyes ablakához.

A görgetés alapértelmezés szerint Auto -ra van állítva – a böngésző a keretbe betöltött dokumentum mérete alapján automatikusan eldönti, hogy megjelenít-e görgetősávot vagy sem. Ha a dokumentum nem illeszkedik teljesen az ablakba, megjelenik egy görgetősáv, amely lehetővé teszi, hogy egészen a végéig megtekinthesse.

Ezenkívül a görgetés értékeként használhatja az Igen (a görgetősávok az ablakban mindig megjelennek, még akkor is, ha a dokumentum teljesen belefér) és a Nem (a görgetősávok soha nem jelennek meg, még akkor sem, ha a dokumentum része nem passzol).

Az egykor létező eszközömben az alapértelmezett Auto-t használtam, és a keretekben szükség szerint megjelentek a görgetősávok:

A Frame címke következő attribútuma a − noresize- egyszeres (nincs értékei). A regisztrálás után ezzel megtiltja a méretének megváltoztatását, amely alapértelmezés szerint a keretek szegélyének egérrel való húzásával történik.

Ha az egérmutatót a szegély fölé viszi, látni fogja, hogy a kurzor kétfejű nyíllá változik, és most kattintson a bal gomb egérrel, tetszés szerint mozgathatja a szegélyt. A Noresize tiltja ezt az önakaratot (ha az egérkurzort az ablakok szélére viszi, többé nem fog látni kétfejű nyilat).

Egy másik vizuális tulajdonság az Keretszegély. Ezzel megadhatja, hogy a keretek közé húzzon-e keretet (szegélyt), vagy ne. A keretszegélynek csak kettő lehet lehetséges értékek— vagy 0 (ne rajzoljon keretet), vagy 1 (keret megjelenítése). Az alapértelmezett természetesen az 1.

Van egy finomság. Ha el szeretné távolítani a látható szegélyt, akkor hozzá kell adnia a Frameborder=0 értéket azon keretek összes Frame címkéjéhez, amelyek között el szeretné távolítani a látható szegélyeket.

Nos, még mindig figyelembe kell vennünk a Frame címke néhány tulajdonságát - margószélesség és margómagasság, amely beállítja a kitöltést szélességben (bal és jobb) és magasságban (fent és alul) az ablak határaitól a betöltött tartalomig (a szám a kitöltési képpontok számát jelenti):

Miért nem lehet keretekre oldalt készíteni?

Nézzük meg, mi a klasszikus struktúrák alapvető hátránya, ami lényegében véget vet az oldalkészítés során történő használatuknak. Abból áll, hogy ennek a keretszerkezetnek megfelelően lehetetlen nyomon követni az állapotát.

Az összetett struktúráknak több ezer különböző állapota lehet (a különböző keretablakban megnyitott dokumentumok változatai), de ennek a szerkezetnek az URL-címe nem változik. Emiatt lesz Nem használhatók a böngésző könyvjelzői vagy küldjön linkeket kedvenc oldalaira más felhasználóknak. Miért?

Mert a cím akkor is változatlan marad, ha megnyitja a böngésző könyvjelzői közül, vagy egy levélből Email, akkor azt az oldalt kapja meg, amelyen a keretszerkezet kezdő állapota szerepel, nem pedig a megtartani kívánt állapottal.

Bár természetesen ez a probléma megoldható, de nem HTML-lel, hanem szerver (például Php) vagy kliens oldali programozási nyelvek (JavaScript) segítségével, és ezek a megoldások nem működnek százan százalék. Az ilyen megoldások valójában kiegészítést tesznek lehetővé URL cím vázszerkezet további adatokat a jelenlegi állapotáról, de ezt nem könnyű megtenni, és a megbízhatóság sem lesz abszolút.

Ez az első hátránya a keretek webhelyek létrehozásához használatának, és nagyon jelentős, de van még egy hatalmas hátránya. A keresőmotorok persze már rég megtanulták indexelni őket, és kivonni belőlük azoknak a dokumentumoknak a címét, amelyek az ablakukba vannak betöltve. A probléma más.

Amikor egy felhasználó a Yandex vagy a Google keresési eredményei közül a keretszerkezet alapján felépített webhelyére lép, akkor csak az egyik keretbe betöltött dokumentum nyílik meg, a teljes struktúra nem. Érted, miről beszélek?

A felhasználó látni fogja a dokumentumot és nem fogja látni a navigációt a webhelyén, mert más ablakokban védett lesz, és csak a teljes szerkezet részeként kerülnek betöltésre.

Ennek eredményeként a keretekre épített webhely egyszerűen használhatatlanná válik. Bár ismét vannak megoldások erre a problémára a szerver szkripteken alapulva, amikor az egyes dokumentumok címeiből átirányítás történik a kívánt állapotban lévő keretszerkezetre, de ez megint nagyon nehéz és nem mindig megbízható.

Általánosságban elmondható, hogy a következtetés egyértelműen levonható - nem kell oldalakat kereteken létrehozni. De másrészt folyamatosan arra használják őket, hogy segítséget hozzanak létre különféle alkalmazások, nos, és valahol máshol jól jöhetnek az apróságok.

Például létrehoztam egy keretstruktúrát, amit "Navigátor"-nak neveztem (most ideiglenesen eltávolítottam), és ami egyfajta kibővített külső menü lett a blogom számára, ami véleményem szerint egyszerűsíti az erőforrással való munkát, és ezért , javítsa azokat, amelyek most " baromság nélkül "nagyon-nagyon erősen befolyásolják az oldal népszerűsítését.

A keresőmotorokkal kapcsolatos problémák elkerülése érdekében azonban ezt a teljes keretszerkezetet lezártam belőle, és minden esetre a Rodots metataget is hozzáadtam az összes HTML-fájlhoz, az indexelés tilalmával:

Mindezek a korlátozások azonban csak a Frame és Frameset címkéken lévő struktúrákra vonatkoznak, és soron belüli keretek iframe címkéken nincsenek látható hibái, és teljesen lehetséges, sőt szükséges is használni őket a projektjeihez, legalábbis a YouTube-ról származó videók beillesztéséhez.

Sok szerencsét! Hamarosan találkozunk a blogoldalak oldalán

Lehet, hogy érdekel

Megjegyzés direktívák és Doctype a HTML kódban, valamint a blokk és a soron belüli elemek (címkék) fogalma
Beágyazás és objektum – Html-címkék médiatartalom (videó, flash, hang) megjelenítéséhez a weboldalakon
Img - Html címke kép beszúrásához (Src), szöveghez igazításához és körbefűzéséhez (igazítás), valamint háttér (háttér) beállításához
Mi az a HTML hiperszöveg jelölőnyelv, és hogyan kell felsorolni az összes címkét a W3C érvényesítőben Select, Option, Textarea, Label, Fieldset, Legend - címkék Html űrlapok legördülő listák és szövegdobozok
Listák Html kódban – UL, OL, LI és DL címkék
Betűtípus (arc, méret és szín), Blockquote és előcímkék – elavult szövegformázás tiszta HTML-ben (CSS használata nélkül)
A színek beállítása a HTML- és CSS-kódban, az RGB-árnyalatok kiválasztása a táblázatokban, a Yandex eredmények és más programok

Sziasztok! Már több iFrame affiliate programot is bejelentettem, de mit jelent ez iFrame koncepció vagy iframe címke, sokak számára rejtély marad. Ebben a cikkben megpróbálom elmagyarázni, mit jelent, miért van szükség rá és hogyan lehet pénzt keresni az iFrame-mel.

Az iFrame fogalma a következőképpen definiálható: egy oldalon egy vagy több oldal egyszerre töltődik be egy keretben, vagy ahogy szokták mondani, a háttérben, így a koncepció iFrame forgalom gyakran nevezik háttérforgalom.

A keretbe betöltött webhelyek általában nem láthatók a felhasználó számára, mivel a keret szélessége és magassága gyakran nulla. Néha egy keretet szándékosan láthatóvá lehet tenni, ha például egy szabványos téglalap alakú transzparens méretét adjuk meg. Ez a kód így fog kinézni:

Ha másol adott kódotés illessze be a webhelyére, akkor a blogom egy szabványos banner méretű keretben betöltődik a webhelyére, ahol szélesség- a keret szélessége 468 pixel, és magasság— a keret magassága, 60 pixel. A forgalmi cserékben a keret magassága és szélessége általában nulla. iframe címke más változókat is hozzáadhat, de ebben a cikkben nem foglalkozom velük, mivel a fenti példa elegendő lesz ahhoz, hogy meghatározzuk és megértsük, mit jelent és hogyan működik az iframe címke.

Mi az iframe társult vállalkozás?

Iframe leányvállalata csere a háttérforgalom vásárlására és eladására. Egy egyszerű regisztráció után az oldalon affiliate program iframe forgalom vásárlására és eladására Rendelkezésre áll egy iframe kód, amelyet beilleszthet a webhelyére, és elkezdheti a bevételeket: általában egy egyedi látogató webhelyére tett látogatását 24 órán belül kifizetik a forgalmi adásvételi tőzsdén - hosts. Egyes cserék a találatokért fizetnek. Általában a slágereket olyan áron fizetik, amely a fogadó költségének a fele.

Miért van szükség iframe forgalomra?

Az iframe forgalom segítségével a webhely forgalmát gyakran megnövelik, és ennek megfelelően a számlálók magasak lesznek, de hogy a statisztikai rendszerek ne gyanakodjanak csalásra, és a keresőmotorok ne állítsanak be szűrőket webhelyére, ezt a fajt a forgalmat körültekintően kell felhasználni - legfeljebb a teljes forgalom 5%-ának megfelelő összegben, ha rendelkezik . Azt is érdemes tudni, hogy a háttérforgalom vásárlására és eladására szolgáló társult programok hozzáadhatnak olyan webhelyeket, amelyek rendelkeznek rosszindulatú kód vagy átirányít. Gyakran ezeknek a cseréknek adminisztrációja moderálja a webhelyeket, de ezeknek a webhelyeknek a tulajdonosai később rosszindulatú kódot is hozzáadhatnak - ez az egyik legelérhetőbb és legolcsóbb módja a vírusok tömeges terjesztésének. Egyes tőzsdék adminisztrációja nem fogad hirdetőket, és csak a bizonyított forrásokért vásárolja meg a forgalmat: erre példa háttér forgalom csere goldentraff. Ezenkívül egyes cseréken, például a Safeframe-en vagy a Web-rom-on, van forgalomvezérlő rendszer a vírusok számára. Az ezekről a forgalomcseréről szóló cikkekre mutató hivatkozások a cikk végén találhatók.

Hogyan lehet pénzt keresni iframe forgalommal?

A forgalmi vételi és eladási tőzsdéken elért bevételt gyakran úgy határozzák meg légből kapott pénz. Miert van az? Minden nagyon egyszerű! Létrehozott egy webhelyet (gyakran -), hozzáadott egy vagy több tőzsdétől származó kódot, és forgalmat irányított rá. A forgalom szörfözési, autosurfing és látogatási csererendszerekből is átvehető – ez a forgalom legelérhetőbb és legolcsóbb forrása. Használhat más forgalomforrásokat is: szalaghirdetés, taverna reklám, kontextuális reklámozás stb. Az iframe társult programok másik népszerű forgalmi forrása az aktív hirdetési rendszerekből (ATS) származó forgalom. Hadd emlékeztesselek még egyszer: kódok -val iframe forgalmi cserék egy helyen összeállítható. Így növeli a borítékot, és ennek megfelelően többet keres, mint amennyit a forgalom megvásárlására költ.

Elem

keretek

Mit csinál

A fő különbség a között

Ezt a html kódot be kell másolni és be kell illeszteni szöveges fájl(jegyzettömb vagy egyszerű jegyzettömb), adjon neki valamilyen megfelelő nevet (lehetőleg latin betűkkel - hogy ne jelenjenek meg az érthetetlen karakterek) és írja elő a kiterjesztést .htm.

Példa a keretnévre: " yandex-webinar.htm» - További részletek a fenti oktatóvideóban.

Figyelem! Miután beállította a kiterjesztést .htm szöveges fájlját, ikonja alapértelmezés szerint az Ön által használt böngésző ikonjára változik.

Ha szerkeszteni vagy hozzáadni szeretne valamit egy szöveges fájlhoz, kattintson a jobb gombbal a fájlra, és válassza a " A megnyitáshoz -> Jegyzettömbés nyugodtan szerkesztheti.

Összes! A keretoldal elkészült és használatra kész, DE

Csatolnia kell az analitikát, hogy tudja használjon kereteket maximális hatékonysággal, mert azoknak, akik értik a dolog lényegét, az ÖN mérőóráinak felszerelése a fő cél keretek létrehozása.

Webelemzés és keretoldal

Ha nem tudja, hogyan hozhat létre és konfigurálhat webes elemzési számlálókat, és hol szerezheti be a számlálókódokat, itt van:

Létrehozása és konfigurálása után másolja ki a számlálókódokat, és illessze be őket a keretbe. Ahogy a cikkeimben is észrevette, azt javaslom, hogy a számlálókat a záró címke elé állítsa.

A végén, html szerkezet kódnak úgy kell kinéznie, mint az alábbi képernyőképen:

Az én Domain név+ keretnév.htm

Ennek eredményeként kap egy weboldalt, amelyet fel kell töltenie a gyökérmappába. A webhelyre mutató link azonnal elérhető lesz, és az átálláskor arra a webhelyre kerül, amelyet népszerűsíteni szeretne, de amely az Ön domainjén található, a " keretezett».

Csak követni kell az elemzést és pénzt keresni a társult programokon.

Bevételek a társult programokból weboldal nélkül

Ha nincs saját webhelye, akkor az affiliate programok nagyon alkalmasak arra, hogy pénzt keressenek affiliate programokon. keretoldalak létrehozása és használata.

De legalább regisztrált domainnel és egy hellyel kell rendelkeznie – e nélkül nem tudja a partnerprogramokat a fent leírt módon reklámozni.

És ha érdekli a kontextuális hirdetés a Yandex Direct rendszerben, és nem akarja megvárni cikkeim megjelenését, amelyekben megpróbálom teljes mértékben lefedni ezt a témát, kérjük, tekintse meg Ilya Tsymbalist fizetett videó tanfolyamát -. Jómagam végigmentem és elégedett voltam, remélem nem kell magyarázkodnom, hogy miért a fizetős opciót javasoltam.

Feltétlenül nézze meg az oktatóvideót keretoldalak létrehozása és kezelése. Ebben a videóban én, a semmiből hozzon létre egy keretoldalt, szúrjon be egy affiliate linket, állítson be számlálókat, és töltse fel a kapott fájlt a tárhelyre.

Ha problémái vannak a keretek elkészítésével, mindig szívesen segítek, írjátok meg kommentben.

Szia! Az interneten hatalmas számú társult program található, amelyek lehetővé teszik, hogy pénzt keressen a webhelyén.

A mai bejegyzésben megvizsgáljuk azokat a társult programokat, amelyek forgalmat vásárolnak a webmesterektől, és megtudjuk a kapcsolatot kereső motorok ehhez a fajta jövedelemhez.

Hogy ne álljak félre, két webhelyemet egy ilyen rendszerbe dobtam, és úgy döntöttem, hogy megnézem, hogyan befolyásolja a forgalom kivásárlása projektjeim pozícióját a hálózaton. De minden rendben, olvassa el figyelmesen a bejegyzést és a végéig.

A cikk vázlata a következő lesz:

1. Mi az a forgalmi kivásárlás?
2. Milyen módon vásárolják meg a látogatókat;
3. Mi a veszélye ennek a kereseti módnak egy webhely vagy blog esetében?
4. Tapasztalataim a traffbiz rendszerrel.

Első. Mi a forgalom kivásárlása

A webhely forgalmának pénzért növelésének egyik módja, ha megfelelő mennyiségű látogatót vásárol más webhelyekről.

Például növelnem kell ennek az oldalnak a forgalmát, hogy később más bevételi forrássá alakíthassam, vagy valakinek egyszerűen fel kell húznia a számlálót.

Ehhez olyan tőzsdékre megyünk, amelyek beváltják őket más webhelyekről, és minden látogatóért fizetünk egy bizonyos összeget (1000 ember körülbelül 3 dollár).

Minden tőzsde egy adott típusú forgalomra specializálódott (mobil, RU-forgalom, külföldi), az árak is eltérőek.

Rengeteg ilyen szolgáltatás van a hálózaton, így bőven lesz miből válogatni, de arra buzdítom, hogy végső esetben használja ezt a módszert, jobb, ha természetes módon növeli a forgalmat, és a cikk " "segít ebben.

- ez az, amikor egy szolgáltatás átirányítja a látogatókat egyik oldalról (forgalom értékesítése) egy másik oldalra (vásárlás), miközben az ilyen szolgáltatásokért díjat számítanak fel.

Második. Hogyan vásárolják meg a látogatókat?

Sokféle módon vásárolhat forgalmat egy webhelyről. Kezdve a felugró szalaghirdetésekkel és egy iframe szkript telepítésével befejezve:

— PopUnder;
— kattintás;
— iframe;

PopUnder. Az oldal „lebegő bannert” tartalmaz (a „lebegő” azt jelenti, hogy ez a banner mindig a látogató látóterében marad. Ha az oldalt görgeted az egérrel, akkor a banner „lebeg” utánad).

Az ilyen bannerek általában a jobb felső sarokban találhatók. Ha egy látogató be akarja zárni és rákattint a „bezárás” feliratra, akkor a hirdető weboldala ekkor betöltődik.

Kattintson az Under gombra. Azokon a webhelyeken, amelyek pénzt keresnek a clickunder segítségével, nincsenek lebegő bannerek, idegen ablakok és hirdetések. A látogató biztonságosan megtekintheti az információkat mindaddig, amíg nem kattint (nem feltétlenül a linkre).

Úgy döntöttem, hogy nem kerülöm meg ezt a fajta bevételt, és ezt dobtam Partnerprogram az egyik blogomon. Arról, hogy mi lett ebből, a következő bejegyzésben fogok beszélni, és költeni is részletes áttekintést népszerű szolgáltatások ne hagyja ki!

iframe. A pénzszerzés egyik legcsábítóbb módja az, ha forgalmat más webhelyeknek ad el. Csak egy speciális kódot kell telepítenie, és ha eljut a projektjéhez, akkor semmi sem fog felbukkanni, és elvonja a figyelmet az anyag olvasásáról. Jelenleg azonban egy másik webhely is betöltődik, és talán több is.

Harmadik. Miért veszélyes ez a pénzkeresési mód egy webhely vagy blog számára?

Néhány évvel ezelőtt a tőzsdékkel együttműködve a forgalom megvásárlása érdekében nem félhetett webhelyeinek kibocsátásától a TOP keresőkben. De mindennek vége szakad, és 2009-ben jött el, amikor a Yandex bejelentette, hogy a PopUnder és ClickUnder hirdetéseket tartalmazó webhelyeket alábecsülik Keresési eredmények rendszerek.

Mivel a kivásárlási szolgáltatások java szkriptet használnak, és azt viszont a keresőrobotok tökéletesen indexelik, ennek eredményeként az oldal a TOP-on repül.

Az egyik fórumon egy webmester megoldást javasolt erre a problémára. Ez abból állt, hogy a keresőrobotok nem képesek felismerni a flash fájlok kódját.

Ehhez olyan társult programokat kell keresnie, amelyek flash hirdetéseket jelenítenek meg, de itt nem szabad túl boldognak lenni, mert ha a PS még nem tanulta meg, hogyan kell ezt megtenni, akkor ez idő kérdése. idő kérdése

Negyedik. Tapasztalataim a Traffbiz-zel

Miután megtanultam egy ilyen bevételszerzési módot, mint affiliate program iframe-e, ahol eladhatja a forgalmát, miközben a látogatót semmi sem fogja bosszantani, mint a PopUnderben és a ClickUnderben, elkezdtem magamon kipróbálni.

Találtam a neten ezen elv szerint működő tőzsdéket, és rátelepedtem a Traffbiz-re (FIGYELEM, ez az oldal már nem működik, de működési elve hasonló a hasonlókhoz), a számlálómegjelenítéseikért $-os áron fizetnek 1,6/1000 megjelenítés.

Vettem két kísérleti oldalt alacsony forgalmú (60 fő naponta) és domain korú (1 év). Sikeres regisztráció, egyébként minden oldalt bevisznek a rendszerbe minimum napi 10 egyedivel.

Ha ki akarja venni a megkeresett pénzt, akkor 3 dolláros minimálbérre kell várnia. De még pár nap sem telt el, hiszen már megvolt az első kellemetlenség.

Az egyik oldalam html-ben készült, ezért kéthetente egyszer, sőt néha korábban is manuálisan kell frissítenem a rendszerkódot (azok, akik html-ben készítettek webhelyeket, megértenek engem).

Kiderült, hogy minden oldalt meg kell nyitnom, és módosítanom kell a rendszerkódot. Az oldalam 50 oldalból áll, így nem igazán szeretném havonta 50-szer megismételni ugyanazokat a mozdulatokat, de a kísérlet kedvéért dolgozom.

A második oldal könnyebb volt. Wordpress motoron készült, így a kód hozzáadása után elfelejtheti.

Itt vannak a kísérleti webhelyeken elért forgalom értékesítésének statisztikái.

Mint látható, a rendszer nem vásárol meg minden látogatót sorban, hanem csak a RU-forgalmat választja ki. Az általam telepített szkript képes átirányítani a látogatóimat mások webhelyeire.

Érdeklődni fog a következő árakról:

- A RU-forgalom és azok értékesítése 2,6 dolláros áron 1000 kattintásonként (emlékeztem arra, hogy a vásárlás 1,6 dollár ugyanazon 1000-ért);

- Kazahsztánból és Ukrajnából érkező látogatók értékesítése 1000 kattintásonként 2 dolláros áron (emlékeztem arra, hogy ezt a forgalmat nem vásárolják meg Öntől);

- A forgalom fennmaradó részének értékesítése 1 USD/1000 kattintás áron (emlékeztem arra, hogy ezt a forgalmat nem vásárolják meg Öntől);

Amint látja, nem kapnak rossz megtérülést az elköltött pénzért, de személy szerint nem szeretem csak két tényezőt ebben a cserében.

1) A Yandex úgy véli, hogy kódja potenciálisan rosszindulatú, és az ilyen webhelyek vírusokat terjesztenek. Mindkét oldalon bezártam a rendszerkódot noindex címkékbe.

Ez azonban nem segített, és a wordpress oldal volt az első, aki feladta, és szinte azonnal pár felfutás után. Ezenkívül ez figyelembe vette a webhelyet a html-en.

Mit csinálok ebben az esetben: Törölöm a szkriptet a traffbiz-ről az oldalakon, és megvárom, amíg a Yandex „jónak” ítéli a webhelyeket (kb. 5 nap telik el), majd újra felteszem a szkriptet.

2) A webhely forgalommal rendelkezik. A Yandex szándékosan alábecsüli azokat a projekteket a TOP keresési eredmények között, amelyek veszélyesek a felhasználók számára.