Kaj je okvir? Struktura in ustvarjanje okvirjev

Okvir je območje na mestu (oknu), v katerem je vidna druga spletna stran. Spletne učitelji to priložnost izkoristijo za predstavitev glavne strani spletnega mesta svojih prijateljev ali partnerjev. Ista tehnika se uporablja za prikaz iskalne oblike v oknih in njegovih rezultatih, in tako naprej.

V bistvu pa se okvirji uporabljajo za ustvarjanje velikih spletnih portalov, kjer je potrebno veliko menijskih postavk in podmenijev. O tem običajno pravijo: "mesto na okvirjih." Za ustvarjanje takega vira je potrebno dobro poznati HTML-jezik.

Ustvarjanje okvirjev v graditelju strani

Pri nekaterih oblikovalcih mest je zagotovljena avtomatska generacija takšne kode. Ponavadi je gumb za dodajanje okvirja v glavnem meniju programa. Najprej morate kazalec postaviti na želeno mesto na strani, nato kliknite gumb, odprlo se bo okno (kot je prikazano na sliki). V njem lahko nastavite naslov strani, ki se bo odprla v okvirju, in prilagodite dimenzije: širino in višino.

V bistvu pa se okvirji uporabljajo za ustvarjanje velikih spletnih portalov, kjer je potrebno veliko menijskih postavk in podmenijev. O tem običajno pravijo: "mesto na okvirjih." Za ustvarjanje takega vira je potrebno dobro poznati HTML-jezik.

S pomočjo te "storitve" je na strani mogoče ustvariti več okvirjev, to so samo medsebojno povezani elementi, tako da jih ne dobite.

Okvirji v CMS

Mnogi programi za ustvarjanje spletnih mest omogočajo namestitev ustreznega modula. Na primer, za okvir Joomla, to je modul "Wrapper".

V nadzorni plošči CMS Jumla je mogoče najti in ustvariti: "Razširitve" - ​​"Upravljalni moduli" - "Ustvari" (oranžna okrogla tipka z znakom plus). V Ljubljani pop-up okno, na seznamu boste videli modul "Ovitka".

Če ni tukaj, potem ni vključen. Če jo želite uporabiti, ga morate najprej aktivirati: zavihek »Razširitve«, nato »Nadzornik razširitve«, nato zavihek »Upravljanje«. In pojdite na seznam, ki se odpre, lahko vnesete besedo: Wrapper za hitro iskanje v polju "Filter". Nasproti tega modula mora biti zelena ikona s klopjo znotraj. Rdeči krog z dotikom na notranji strani bo pokazal, da je vtičnik izklopljen.

Po tem postopku se lahko vrnete v »Upravitelj modulov«, ustvarite okvir in nastavite njegove parametre.

Kot je prikazano na sliki, modul omogoča nastavitev: glava nad okvirjem, položaj modula, izberite strani mesta, na katerem bo prikazano. In tudi prilagodite širino, višino - dodajte okvir in dejansko povezavo na spletno stran. Če želite v okvirju prikazati glavno stran spletnega mesta v polni širini, potem 100%, privzeto nastavljeno, ne bo dovolj. Lahko ga takoj shranite 400%. Nadmorska višina 200 navadno zadostuje za prikaz menija na vrhu strani. Vse ostale vsebine bodo vidne, če uporabnik (obiskovalec spletnega mesta) uporabi drsni trak.

Tukaj je primer, kaj je okvir v Jumli.

Modul Jumla za izdelavo okvirja je zelo priročen in enostaven za uporabo. Vendar pa so njegove zmogljivosti omejene, kot tudi zmožnosti oblikovalca.

Zgodovina in realnost

V praksi ustvarjanja lokacij iz okvirjev je ta oznaka (njegova aplikacija) že davno postala sekundarna. Spremenili so module, nastavitve v programih oblikovalca, ki ustvarjajo kodo za spletno stran brez sodelovanja graditelja strani. Vendar v nekaterih primerih to ni dovolj. Na primer, kadar je okvir celovita kompleksna struktura območij, prikazanih v brskalniku. Tako lastniki vidijo kompleksnost strukturiranih spletnih mest. Ob nastanku so le v skrajnih primerih, saj so Frameyove strani ustvarjene izključno s pomočjo specializiranih oznak.

Kompleksno strukturirane lokacije

Za njih je ustvarjanje več med seboj povezanih okvirov optimalna rešitev za organiziranje vsebin na straneh vira. To je praviloma velik portal, ki vsako leto narašča.

Kako doseči enake rezultate? Kako ustvariti strukturo okvirja?

Kako napisati okvir v kodo strani

Okviri v HTML so dodani z uporabo oznak:

• okvir (za ločeno okno);
• frameset (s pomočjo nje ustvari celotno strukturo);
• iframe ("plavajoči" okvir);
• noframes (če okvir ni prikazan v brskalniku uporabnika).

Prva določena oznaka vedno ustreza paru in . In nadomešča in . In z ustreznimi atributi, ki jih lahko prilagodite značilnosti posameznih postavkah: ime (name =), velikost (Stolpci = in vrstice =), prisotnost okvirja (meje), oblika drsnega traku in, seveda, povezava na spletno stran, da se prikaže.

Različice oblikovanja

Celotno stran spletnega mesta lahko razdelimo na področja. Na primer:

To strukturo (vgrajeno v gnezdo) je mogoče dobiti z nastavitvijo atributa cols znotraj oznake, ki označuje vodoravni položaj okvira in vrstice - navpično. Naslednji je znak = in dimenzije so napisane. Na primer, 60%, 40% - odstotek (eno okno bo porabilo 60% prostora brskalnika, drugo pa 40%). Ali 100, 200 - razmerje velikosti v slikovnih pikah. Velikosti enega od okvirjev sploh ni mogoče nastaviti (privzeto bo nameščen). Za to morate določiti * za vejico ali za njim.

Znotraj tega par okvirov registrira vsak okvir s parametri: src =, je navedeno sklicevanje nadaljevanju so na spletni strani in naziv ime = (npr okvir 1).

Gnezdenje vsakega novega območja je označeno z novim okvirjem.

Primer kode:

Upoštevajte, da je v našem primeru za okvire druge in tretje dimenzije napisan le en čas.

Veliko zadumok vam omogoča izvajanje okvirov. Primeri njihove lokacije v oknu brskalnika se lahko prinese neskončno (ustrezno spremeni kodo). Vendar te informacije ne najdemo v praksi dolgo časa. Okvirji, če se uporabljajo danes pri ustvarjanju spletnih mest, nato pa samo v obliki modulov v brezplačnem CMS ali v obliki iframe.

Plavajoči okvir

Čudno je, zakaj je dobil to ime, beseda "vgrajena" je bolj primerna tukaj. Ta okvir je ustvarjen za prikaz vsebine datoteke. Naložite v zbirko podatkov kateri koli dokument ali datoteko, uporabite oznake ayframeja, da registrirate pot do nje - obiskovalci bodo videli besedilo datoteke (video ali sliko). Na žalost brskalniki ne prikazujejo vedno vsebine. Če želite to narediti, spletni razvijalci vnesete besedno zvezo med začetno in zapiranje oznako: »Vaš brskalnik ne prikazuje vsebine.«

Na primer, Seopult.ru je dobro znana služba za promocijske mojstre. Ni njegova glavna stran, ampak ogledalo I.seopult.pro, ustvarjeno za portalske stranke. Koda ayframa je tukaj napisana:

Na strani ogledala si lahko ogledate besedo "Navodilo" v obliki gumba. Ko kliknete na njo, se v središču okna brskalnika odpre predstavitev.

Vse glavne strani za gledanje filmov in serijskih filmov so ustvarjene s pomočjo ayframov (na primer "Imhonet") in socialnih omrežij. Tudi glavna stran »Yandex« vsebuje to oznako in ne en par.

Kako predpisati iframe

Naložite na spletno stran dokument v obliki okna s drsnim trakom lahko kjerkoli. Ponavadi so oznake nameščene znotraj telesa. Poleg standarda

in

Navigacija s pomočjo letala

Najbolj zanimiva je sposobnost na področju okvirjev - to je, da napišete kodo, ki omogoča, da se odpre vsebino v oknu na povezavo - kaj naredili ustvarjalci Seopult ogledalo, samo z več referencami (tako na voljo uporabniku na isti strani).

V ta namen se vzame ayframe, dodatno pa se registrira z imenom z imenom =. Na primer, zagolovok. Pred tem v oznakah in povezave so dodeljene prek HREF = z obveznim indikacijami po njih cilja atributa = zagolovok. Preden uporabite zapiralno oznako, je označen napis, ki bo služil kot gumb za povezavo. Oznake »a« se odprejo in zaprejo v p-oznaki.

V kodi je več vrstic, ki jih lahko uporabite za pridobitev več gumbov v vrstici na spletnem mestu, s klikom na katero različno vsebino bo prikazano v spodnjem oknu.

Koda bo videti tako:

Pošljite oglas

Oglejte si oglase

Kako bo videti na spletnem mestu:

Kako vstaviti iframe na Jumlovo spletno stran

Standardno v nadzorni plošči Jumla je vključen (t.i., pripravljen za uporabo) modul "HTML-code". Z njim lahko vstavite katero koli kodo kjerkoli na spletnem mestu. Vendar pa se koda z oznako ayfrem vztrajno prezre. Zato bomo uporabili posebni modul Jumi.

Najprej ga morate prenesti z interneta in jo namestiti v sami upravni odbor Jumla: "Razširitve" - ​​"Nadaljevanje Manager" - "Izberi datoteko". Določite pot do prenesenega arhiva in kliknite »Prenos«.

Po uspešni namestitvi pojdite na »Upravitelj modulov« in ustvarite novo. Izberite vrsto Jumi. V oknu, ki se odpre, v polje »Koda po meri« vnesite pripravljeno iFram, kot je bilo prikazano v prejšnjem odstavku članka. Navedite modul naslov, določite položaj in položaj mesta. Kliknite Shrani in preverite, kaj se je zgodilo.

Brskalniki in okvirji

Vsi priljubljeni brskalniki dobro prikazujejo vsebino okvirja oken: Chrome, Safari, Firefox, Android, iOS. Posebej visoko v tem pogledu sta Internet Explorer in Opera. Še vedno ni nobenega zagotovila, da bo obiskovalec vaše spletne strani videl vsebino vseh oken. V tem primeru bi morali zapustiti sporočilo z oznako noframe (odpiranje in zapiranje). V njej lahko vnesete naslednje: "Vaš brskalnik je zastarel." Za prikaz vsebine spletnega mesta posodobite različico. " Če uporabniški brskalnik pravilno prikaže okvirje, se to sporočilo ne bo prikazalo.

Torej, okvir je območje ali okno mesta, ki ima svoj lastni URL. Uporablja se za prikaz na enem polju brskalnika več spletnih strani ali neodvisnih dokumentov, ki imajo tudi svoj lastni URL. Kljub dejstvu, da vam okvirji omogočajo dobro organizirano strukturirano spletno stran, jih dolgo ne uporabljate, razen iframe. Uporaba te oznake je še vedno pomembna za prenos predstavitev, video predvajalnika in besedilnih dokumentov v določenem oknu. Aktivno ga uporabljajo veliki in znani spletni viri.