'n Raam is 'n area op 'n werf (venster) waarin 'n ander webblad sigbaar is. Webmeesters gebruik hierdie geleentheid om die tuisblad van hul vriende of vennote se webwerwe ten toon te stel. Dieselfde tegniek word gebruik om die soekvorm in die blokkies te vertoon met die resultaat langsaan, ens.
Maar meestal word rame gebruik in die skepping van groot webportale, waar 'n aansienlike aantal spyskaartitems en subkieslyste vereis word. Hulle sê gewoonlik van sulke mense: "webwerf op rame". 'n Goeie kennis van HTML word vereis om so 'n hulpbron te skep.
Skep rame in webwerfbouer
Sommige webwerfbouers verskaf outomatiese generering van sulke kode. Gewoonlik is die voeg raam-knoppie in die hoofkieslys van die program geleë. Eerstens moet jy die wyser op die regte plek op die bladsy plaas, klik dan op die knoppie, 'n venster sal oopmaak (soos op die skermkiekie gewys). Daarin kan jy die adres van die bladsy wat in die raam sal oopmaak, stel en die afmetings aanpas: breedte en hoogte.
Maar meestal word rame gebruik in die skepping van groot webportale, waar 'n aansienlike aantal spyskaartitems en subkieslyste vereis word. Hulle sê gewoonlik van sulke mense: "webwerf op rame". Om so 'n hulpbron te skep, verg goeie kennisHTML-taal.
Met die hulp van hierdie "diens" is dit moontlik om verskeie rame op die bladsy te skep, maar jy sal nie op hierdie manier onderling gekoppelde elemente kry nie.
Rame in CMS
In baie programme om webwerwe te skep, is dit moontlik om die ooreenstemmende module te installeer. Byvoorbeeld, vir Joomla is 'n raam 'n "Wrapper"-module.
Dit kan gevind en geskep word in die Joomla CMS-kontrolepaneel: "Uitbreidings" - "Modulebestuurder" - "Skep" ('n ronde oranje knoppie met 'n plusteken binne). In die opspringvenster, in die lys, sal jy die "Wrapper"-module sien.
As dit nie hier is nie, is dit nie ingesluit nie. Om dit te gebruik, moet jy dit eers hier aktiveer: "Uitbreidings"-oortjie, dan "Uitbreidingsbestuurder", dan die "Bestuur"-oortjie. En ons soek in die lys wat oopmaak, vir 'n vinnige soektog in die "Filter"-veld, voer die woord in: Wrapper. Oorkant hierdie module moet daar 'n groen ikoon wees met 'n regmerkie binne. 'n Rooi sirkel met 'n kolletjie binne sal beteken dat hierdie inprop gedeaktiveer is.
Na hierdie prosedure kan jy terugkeer na die "Module Bestuurder", 'n raam skep en sy parameters stel.
Soos jy in die prentjie kan sien, laat die module jou toe om te stel: die titel bo die raam, die posisie van die module, kies die bladsye van die webwerf waarop dit vertoon sal word. En pas ook die breedte, hoogte aan; voeg 'n raam by en eintlikskakel na 'n webblad. As jy in 'n raam die hoofbladsy van 'n webwerf in volle breedte wil vertoon, sal 100%, standaard gestel, nie genoeg wees nie. Jy kan dadelik veilig 400% sit. 'n Hoogte van 200 is gewoonlik genoeg om die boonste spyskaart van die bladsy te vertoon. Alle ander inhoud sal sigbaar wees as die gebruiker (webwerfbesoeker) die rolbalk gebruik.
Hier is 'n voorbeeld van wat 'n raam in Joomla is.
Jumla-module vir die skep van 'n raam is baie gerieflik en maklik om te gebruik. Sy vermoëns is egter beperk, so ook die vermoëns van die konstruktor.
Geskiedenis en werklikhede
In die praktyk om werwe van rame te skep, het hierdie merker (die toepassing daarvan) lankal op die agtergrond vervaag. Hulle kon vervang word deur modules, instellings in konstruktorprogramme wat kode vir 'n webblad genereer sonder die deelname van 'n werfbouer. In sommige gevalle is dit egter nie genoeg nie. Byvoorbeeld, wanneer 'n raam 'n holistiese komplekse struktuur is van areas wat in die blaaier vertoon word. Dit is hoe die eienaars van kompleks gestruktureerde webwerwe dit sien. Die skepping daarvan word slegs in uiterste gevalle gebruik, aangesien raamwerwe uitsluitlik met behulp van gespesialiseerde etikette geskep word.
Kompleks gestruktureerde werwe
Vir hulle is die skep van verskeie onderling gekoppelde rame die beste oplossing om inhoud op hulpbronbladsye te organiseer. Dit is as 'n reël groot portale wat elke jaar sterker word.
Hoe om dieselfde resultaat te bereik? Hoe word raamstruktuur geskep?
Hoevoeg raam in bladsykode
Rame in HTML word bygevoeg met gebruik van merkers:
- raam (vir 'n aparte venster);
- raamstel (gebruik dit om 'n hele struktuur te skep);
- iframe ("swewende" raam);
- noframes (indien die raam nie in die gebruiker se blaaier vertoon word nie).
Die eerste gespesifiseerde merker pas altyd in 'n paar en. En dit vervang en. En met behulp van die toepaslike eienskappe kan u die kenmerke van elke element aanpas: die naam (naam=), grootte (kole=en rye=), die teenwoordigheid van 'n rand (grens), die voorkoms van die rolbalk en, natuurlik, die skakel na die webblad om te vertoon.
Ontwerpvariasies
Die hele bladsy van die webwerf kan in areas verdeel word. Byvoorbeeld, soos volg:
| Left | Bo-raam |
| Reg |
So 'n struktuur (dit word geneste genoem) kan verkry word deur die cols-kenmerk binne die merker te skryf, wat die raam se ligging horisontaal beteken, en rye - vertikaal. Vervolgens word die=-teken geplaas en die afmetings word voorgeskryf. Byvoorbeeld, 60%, 40% - persentasie (een venster sal 60% van die blaaierspasie neem, die ander onderskeidelik 40%). Of 100, 200 - aspekverhouding in pixels. Die grootte van een van die rame kan glad nie gestel word nie (dit sal by verstek gestel word). Om dit te doen, na of voor die komma, moet jy die simbool. spesifiseer
Nesteelke nuwe area word deur 'n nuwe raamstel aangedui.
Kodevoorbeeld:
Let daarop dat in ons voorbeeld, vir die tweede en derde rame, die groottes slegs een keer gespesifiseer word.
Baie idees laat jou toe om rame te voltooi. Voorbeelde van hul ligging in die blaaiervenster kan eindeloos gegee word (verander die kode dienooreenkomstig). Hierdie inligting het egter lank nie praktiese toepassing gevind nie. Rame, as dit vandag gebruik word wanneer werwe geskep word, is slegs in die vorm van modules in gratis CMS of in die vorm van 'n iframe.
Drywende raam
Dis vreemd hoekom dit so 'n naam gekry het, die woord "ingeboude" is meer geskik hier. Hierdie raam is geskep om die inhoud van 'n lêer te vertoon. Jy laai enige dokument of lêer op na die databasis, skryf die pad daarheen deur iframe-merkers te gebruik – en besoekers sal die teks van die lêer (video of prent) sien. Ongelukkig lewer blaaiers nie altyd inhoud nie. Om dit te doen, voer webbouers die frase tussen die opening- en sluitingsmerkers in: "Jou blaaier vertoon nie inhoud nie."
Seopult.ru is byvoorbeeld 'n bekende diens vir promosiemeesters. Net nie sy hoofwebwerf nie, maar 'n spieël I.seopult.pro, geskep vir portaalkliënte. Die iframe-kode word hier soos volg geskryf:
Instruksies
. Waar is die merker
-
is geskep om 'n lysitem te definieer. Ondersteun deur alle blaaiers.
Op die spieëlbladsy self kan jy die woord "Instruksie" in die vorm van 'n knoppie sien. Deur daarop in die middel van die blaaiervenster te klik, word die aanbieding oopgemaak.
Alles grootwebwerwe om flieks en reekse te kyk, word geskep met iframes (byvoorbeeld "Imhonet"), sowel as sosiale netwerke. Selfs die hoofbladsy van "Yandex" bevat hierdie merker, en meer as een paar.
Hoe om 'n iframe te skryf
Jy kan 'n dokument in die vorm van 'n venster met 'n skuifbalk na enige plek op die webwerf oplaai. Gewoonlik word etikette in die liggaam geplaas. Verby die standaard
en, soos in die voorbeeld hierbo getoon, kan die lysmerker ook gebruik word -
-
Kenmerke word by die iframe gevoeg:
- wydte (breedte) en hoogte (hoogte=);
- randbelyning-belyning;
- inkepings wat gespesifiseer kan word of nie: die verstekwaarde is 6 - dit is genoeg;
- met allowtransparency gebruik, kan jy die deursigtigheid van die raamarea stel sodat die agtergrond van die bladsy gesien kan word;
- plus die bekende skr, naam, blaai, grens.
Navigeer met 'n iframe
Die interessantste raamwerkvaardigheid is om kode te skryf wat jou toelaat om inhoud in 'n venster oop te maak deur 'n skakel, wat die skeppers van die Seopult-spieël gedoen het, net met verskeie skakels gelyktydig (gelyktydig beskikbaar vir die gebruiker op dieselfde bladsy).
Hiervoor word 'n iframe geneem, die naam word addisioneel daarin geskryf deur name=. Byvoorbeeld, kop. Verder, voor dit in die etikette en die skakels word deur 'n HREF=geskryf met die verpligte aanduiding van die eienskap daarna Voordat die sluitingsmerker a gebruik word, word 'n inskripsie aangedui wat as 'n skakelknoppie sal dien. Merk "a" opening en sluitingis ingesluit in die merker bl.
Jy kan verskeie sulke reëls in die kode skryf om uiteindelik verskeie skakelknoppies in een ry op die webwerf te kry, deur te klik op watter verskillende inhoud in die venster hieronder vertoon sal word.
Die kode sal so lyk:
Plaas 'n advertensie
Bekyk advertensies
Image Hoe dit op die webwerf sal lyk:
Hoe om 'n iframe in 'n Joomla-werf in te voeg
As 'n standaard het die Joomla-kontrolepaneel 'n geaktiveerde (gereed-vir-gebruik) "HTML-kode" module. Daarmee kan jy enige kode enige plek op die webwerf invoeg. Hy ignoreer egter hardnekkig die kode met die iFrem-merker. Daarom sal ons 'n spesiale Jumi-module gebruik.
In die eerste plek moet jy dit van die internet aflaai en dit installeer deur die Joomla administratiewe paneel: "Uitbreidings" - "Uitbreiding Bestuurder" - "Kies lêer". Spesifiseer die pad na die afgelaaide argief en klik "Laai af".
Na suksesvolle installasie, gaan na die "Module Bestuurder" en skep 'n nuwe een. Kies die tipe Jumi. Voer die voorbereide iFrem in in die venster wat oopmaak, in die veld "Custom Code", soos in die vorige paragraaf van die artikel getoon. Gee die module 'n titel, spesifiseer die plasingsposisie en werfbladsye. Klik stoor en kyk daarna.
Blaaiers en rame
Alle gewilde blaaiers vertoon die inhoud van raamvensters goed: Chrome, Safari, Firefox, Android, iOS. Internet Explorer en Opera het 'n besonder hoë koers in hierdie verband. En tog is daar geen waarborg niedat die besoeker aan jou werf die inhoud van alle vensters sal sien. In hierdie geval moet jy 'n boodskap los met die noframe-merker (opening en sluiting). Jy kan die volgende daarin invoer: "Jou blaaier is verouderd. Dateer die weergawe op om die inhoud van die webwerf te vertoon." As die gebruiker se blaaier rame korrek weergee, sal hulle nie hierdie boodskap sien nie.
Dus 'n raam is 'n area of venster van 'n webwerf wat sy eie URL het. Word gebruik om verskeie webblaaie of onafhanklike dokumente tegelyk in een blaaierveld te vertoon, met ook hul eie URL. Ten spyte van die feit dat rame jou in staat stel om 'n komplekse webwerf goed te organiseer, is hulle lanklaas gebruik, behalwe vir die iframe. Die gebruik van hierdie merker is steeds relevant vir die laai van aanbiedings, 'n videospeler, teksdokumente in 'n spesifieke venster. Dit word aktief deur groot en bekende webbronne gebruik.
-
