Okvir je območje na spletnem mestu (oknu), v katerem je vidna druga spletna stran. Spletni skrbniki uporabljajo to priložnost za predstavitev domače strani spletnih mest svojih prijateljev ali partnerjev. Ista tehnika se uporablja za prikaz iskalnega obrazca v poljih z rezultatom zraven, itd.
V glavnem pa se okvirji uporabljajo pri izdelavi velikih spletnih portalov, kjer je potrebno precejšnje število menijev in podmenijev. O takšnih ljudeh običajno rečejo: "spletna stran na okvirjih". Za ustvarjanje takega vira je potrebno dobro poznavanje HTML-ja.
Ustvarjanje okvirjev v ustvarjalniku spletnih mest
Nekateri ustvarjalci spletnih mest zagotavljajo samodejno generiranje takšne kode. Običajno se gumb za dodajanje okvirja nahaja v glavnem meniju programa. Najprej morate postaviti kazalec na pravo mesto na strani, nato kliknite gumb, odpre se okno (kot je prikazano na posnetku zaslona). V njem lahko nastavite naslov strani, ki se bo odprla v okvirju, ter prilagodite dimenzije: širino in višino.
V glavnem pa se okvirji uporabljajo pri izdelavi velikih spletnih portalov, kjer je potrebno precejšnje število menijev in podmenijev. O takšnih ljudeh običajno rečejo: "spletna stran na okvirjih". Za ustvarjanje takšnega vira je potrebno dobro znanjeJezik HTML.
S pomočjo te "storitve" je možno ustvariti več okvirjev na strani, vendar na ta način ne boste dobili medsebojno povezanih elementov.
Okviri v CMS
V mnogih programih za ustvarjanje spletnih strani je možno namestiti ustrezen modul. Na primer, za Joomla je okvir modul "Wrapper".
Najdete in ustvarite ga lahko na nadzorni plošči Joomla CMS: "Razširitve" - "Upravitelj modulov" - "Ustvari" (okrogel oranžni gumb z znakom plus v notranjosti). V pojavnem oknu na seznamu boste videli modul "Ovijač".
Če ni tukaj, ni vključen. Če ga želite uporabljati, ga morate najprej aktivirati tukaj: zavihek »Razširitve«, nato »Upravitelj razširitev« in nato zavihek »Upravljanje«. In iščemo na seznamu, ki se odpre, za hitro iskanje v polju "Filter" vnesite besedo: ovoj. Nasproti tega modula mora biti zelena ikona s kljukico v notranjosti. Rdeči krog s piko v notranjosti pomeni, da je ta vtičnik onemogočen.
Po tem postopku se lahko vrnete v "Upravitelj modulov", ustvarite okvir in nastavite njegove parametre.
Kot vidite na sliki, modul omogoča nastavitev: naslova nad okvirjem, položaja modula, izbiro strani strani, na katerih bo prikazan. In tudi prilagodite širino, višino; dodajte okvir in dejanskopovezava na spletno stran. Če želite v okvirju prikazati glavno stran spletnega mesta v polni širini, potem 100%, privzeto nastavljenih, ne bo dovolj. Takoj lahko varno postavite 400%. Višina 200 je običajno dovolj za prikaz zgornjega menija strani. Vsa ostala vsebina bo vidna, če uporabnik (obiskalec spletnega mesta) uporablja drsni trak.
Tu je primer, kaj je okvir v Joomli.
Jumla modul za ustvarjanje okvirja je zelo priročen in enostaven za uporabo. Vendar so njegove zmogljivosti omejene, prav tako zmožnosti konstruktorja.
Zgodovina in resničnost
V praksi ustvarjanja spletnih mest iz okvirjev je ta oznaka (njena uporaba) že dolgo zbledela v ozadje. Zamenjali so jih lahko moduli, nastavitve v konstruktorskih programih, ki generirajo kodo za spletno stran brez sodelovanja graditelja strani. Vendar v nekaterih primerih to ni dovolj. Na primer, ko je okvir celostna kompleksna struktura območij, prikazanih v brskalniku. Tako to vidijo lastniki kompleksno strukturiranih spletnih mest. Njegovo ustvarjanje se uporablja le v skrajnih primerih, saj so okvirna mesta ustvarjena izključno s pomočjo specializiranih oznak.
Zapleteno strukturirana spletna mesta
Za njih je ustvarjanje več medsebojno povezanih okvirjev najboljša rešitev za organizacijo vsebine na straneh z viri. To so praviloma veliki portali, ki se vsako leto krepijo.
Kako doseči enak rezultat? Kako je ustvarjena struktura okvirja?
Kakovstavi okvir v kodo strani
Okviri v HTML so dodani z oznakami:
- okvir (za ločeno okno);
- frameset (z njim ustvarite celotno strukturo);
- iframe ("plavajoči" okvir);
- noframes (če okvir ni prikazan v uporabnikovem brskalniku).
Prva navedena oznaka se vedno prilega paru in. In nadomešča in. In s pomočjo ustreznih atributov lahko prilagodite značilnosti vsakega elementa: ime (ime=), velikost (cols=in rows=), prisotnost obrobe (obrobe), videz drsnika in, seveda povezava do spletne strani za prikaz.
Različice oblikovanja
Celotno stran spletnega mesta lahko razdelimo na področja. Na primer, takole:
| Levo | zgornji okvir |
| desno |
Takšno strukturo (imenuje se ugnezdena) lahko dobimo tako, da v oznako vpišemo atribut cols, ki pomeni lokacijo okvirja vodoravno, vrstice pa navpično. Nato se postavi znak=in predpišejo dimenzije. Na primer, 60%, 40% - odstotek (eno okno bo zavzelo 60% prostora brskalnika, drugo pa 40%). Ali 100, 200 - razmerje stranic v slikovnih pikah. Velikosti enega od okvirjev sploh ni mogoče nastaviti (nastavljena bo privzeto). Če želite to narediti, morate za ali pred vejico določiti simbol.
Gnezdenjevsako novo območje je označeno z novim naborom okvirjev.
Primer kode:
Upoštevajte, da so v našem primeru za drugi in tretji okvir velikosti podane samo enkrat.
Številne ideje vam omogočajo dokončanje okvirjev. Primere njihove lokacije v oknu brskalnika je mogoče navajati neskončno (skladno s spreminjanjem kode). Vendar te informacije že dolgo niso našle praktične uporabe. Okvirji, če se danes uporabljajo pri ustvarjanju spletnih mest, so samo v obliki modulov v brezplačnem CMS-ju ali v obliki iframe-ja.
Plavajoči okvir
Čudno, zakaj je dobil tako ime, tukaj je bolj primerna beseda "vgrajen". Ta okvir je ustvarjen za prikaz vsebine datoteke. V bazo podatkov naložite kateri koli dokument ali datoteko, napišete pot do nje z oznakami iframe – in obiskovalci bodo videli besedilo datoteke (video ali sliko). Na žalost brskalniki ne upodabljajo vedno vsebine. Za to spletni graditelji vnesejo besedno zvezo med začetno in zaključno oznako: "Vaš brskalnik ne prikazuje vsebine."
Na primer, Seopult.ru je dobro znana storitev za mojstre promocije. Samo ne njegovo glavno spletno mesto, temveč ogledalo I.seopult.pro, ustvarjeno za stranke portala. Koda iframe je zapisana tukaj, kot sledi:
Navodila
. Kje je oznaka
-
je bil ustvarjen za definiranje elementa seznama. Podprto v vseh brskalnikih.
Na sami zrcalni strani lahko vidite besedo "Navodilo" v obliki gumba. S klikom nanjo v sredini okna brskalnika se odpre predstavitev.
Vse velikespletna mesta za gledanje filmov in serij so ustvarjena s pomočjo iframe (na primer "Imhonet"), pa tudi družbenih omrežij. Celo glavna stran "Yandexa" vsebuje to oznako in več kot en par.
Kako napisati iframe
Dokument v obliki okna z drsnim trakom lahko naložite na katero koli mesto na spletnem mestu. Običajno so oznake nameščene znotraj telesa. Onkraj standarda
in, kot je prikazano v zgornjem primeru, lahko uporabite tudi oznako seznama -
-
Atributi so dodani v okvir iframe:
- širina (širina) in višina (višina=);
- poravnava robov;
- alineje, ki so lahko določene ali pa tudi ne: privzeta vrednost je 6 - to je povsem dovolj;
- z uporabo dovolitransparentnosti lahko nastavite prosojnost območja okvirja tako, da je vidno ozadje strani;
- plus znani scr, ime, drsenje, obroba.
Krmarjenje z iframe
Najzanimivejša veščina uokvirjanja je pisanje kode, ki omogoča odpiranje vsebine v oknu s povezavo, kar so storili ustvarjalci ogledala Seopult, le z več povezavami hkrati (uporabniku so hkrati na voljo na ista stran).
Za to se vzame iframe, vanj se dodatno zapiše ime preko name=. Na primer glava. Nadalje se pred njim v oznakah in povezavah zapiše preko HREF=z obvezno navedbo atributa za njimi Pred uporabo zaključne oznake a je naveden napis, ki bo služil kot gumb za povezavo. Oznake "a" odpiranje in zapiranjeso v oznaki p.
V kodo lahko napišete več takih vrstic, da na koncu dobite več gumbov povezav v eni vrstici na spletnem mestu, s klikom na katero se bo v spodnjem oknu prikazala različna vsebina.
Koda bo videti takole:
Objavi oglas
Ogled oglasov
Image Kako bo videti na spletni strani:
Kako vstaviti iframe na spletno mesto Joomla
Na nadzorni plošči Joomla je standardno omogočen (pripravljen za uporabo) modul "HTML-code". Z njim lahko vstavite katero koli kodo kjer koli na spletnem mestu. Vendar pa trmasto ignorira kodo z oznako iFrem. Zato bomo uporabili poseben modul Jumi.
Najprej ga morate prenesti z interneta in namestiti prek skrbniške plošče Joomla: "Razširitve" - "Upravitelj razširitev" - "Izberi datoteko". Določite pot do prenesenega arhiva in kliknite "Prenesi".
Po uspešni namestitvi pojdite v "Upravitelj modulov" in ustvarite novega. Izberite vrsto Jumi. V oknu, ki se odpre, v polje »Koda po meri« vpišemo pripravljen iFrem, kot je prikazano v prejšnjem odstavku članka. Modulu dajte naslov, določite položaj umestitve in strani spletnega mesta. Kliknite shrani in preverite.
Brskalniki in okvirji
Vsi priljubljeni brskalniki dobro prikazujejo vsebino okvirnih oken: Chrome, Safari, Firefox, Android, iOS. Internet Explorer in Opera imata v tem pogledu še posebej visoko stopnjo. In vendar garancije nida bo obiskovalec vašega spletnega mesta videl vsebino vseh oken. V tem primeru morate pustiti sporočilo z oznako noframe (odpiranje in zapiranje). Vanj lahko vnesete naslednje: "Vaš brskalnik je zastarel. Posodobite različico za prikaz vsebine spletnega mesta." Če uporabnikov brskalnik pravilno upodablja okvirje, ne bo videl tega sporočila.
Okvir je torej območje ali okno spletnega mesta, ki ima svoj URL. Uporablja se za prikaz več spletnih strani ali neodvisnih dokumentov v enem polju brskalnika hkrati, ki imajo tudi svoj URL. Kljub dejstvu, da vam okvirji omogočajo dobro organizacijo zapletenega spletnega mesta, se že dolgo ne uporabljajo, razen iframe. Uporaba te oznake je še vedno pomembna za nalaganje predstavitev, video predvajalnika, besedilnih dokumentov v določenem oknu. Aktivno ga uporabljajo veliki in dobro znani spletni viri.
-
