Rėmas – kas tai? Rėmo struktūra ir kūrimas

Turinys:

Rėmas – kas tai? Rėmo struktūra ir kūrimas
Rėmas – kas tai? Rėmo struktūra ir kūrimas
Anonim

Rėmelis yra svetainės (lango) sritis, kurioje matomas kitas tinklalapis. Žiniatinklio valdytojai naudojasi šia galimybe parodyti savo draugų ar partnerių svetainių pagrindinį puslapį. Ta pati technika naudojama paieškos formai rodyti laukeliuose su rezultatu šalia jos ir pan.

Tačiau dažniausiai rėmeliai naudojami kuriant didelius interneto portalus, kur reikia daug meniu elementų ir submeniu. Apie tokius žmones dažniausiai sako: „svetainė ant rėmelių“. Norint sukurti tokį š altinį, reikia gerai žinoti HTML.

Rėmelių kūrimas svetainių kūrimo priemonėje

Kai kurie svetainių kūrėjai teikia automatinį tokio kodo generavimą. Paprastai mygtukas pridėti rėmelį yra pagrindiniame programos meniu. Pirmiausia reikia įdėti žymeklį į reikiamą puslapio vietą, tada spustelėkite mygtuką, atsidarys langas (kaip parodyta ekrano kopijoje). Jame galite nustatyti puslapio, kuris atsidarys rėmelyje, adresą ir reguliuoti matmenis: plotis ir aukštis.

Tačiau dažniausiai rėmeliai naudojami kuriant didelius interneto portalus, kur reikia daug meniu elementų ir submeniu. Apie tokius žmones dažniausiai sako: „svetainė ant rėmelių“. Norint sukurti tokį š altinį, reikia gerų žiniųHTML kalba.

kuriant rėmus
kuriant rėmus

Šios „paslaugos“pagalba puslapyje galima sukurti kelis rėmelius, tačiau tokiu būdu negausite tarpusavyje susijusių elementų.

CMS rėmeliai

Daugelyje svetainių kūrimo programų galima įdiegti atitinkamą modulį. Pavyzdžiui, „Joomla“rėmelis yra „Wrapper“modulis.

įrėminti jį
įrėminti jį

Jį galima rasti ir sukurti Joomla CMS valdymo skydelyje: „Plėtiniai“– „Modulio tvarkyklė“– „Sukurti“(apvalus oranžinis mygtukas su pliuso ženklu viduje). Iššokančiajame lange sąraše pamatysite modulį „Įvynioklis“.

Jei jo čia nėra, tai neįtraukta. Norėdami jį naudoti, pirmiausia turite jį suaktyvinti čia: skirtuką „Plėtiniai“, tada „Plėtinių tvarkytuvė“, tada skirtuką „Valdymas“. Ir mes ieškome atsidariusiame sąraše, norėdami greitai ieškoti lauke „Filtras“, įveskite žodį: Wrapper. Priešais šį modulį turėtų būti žalia piktograma su varnele viduje. Raudonas apskritimas su tašku viduje reikš, kad šis papildinys išjungtas.

Po šios procedūros galite grįžti į „Modulio tvarkyklę“, sukurti rėmelį ir nustatyti jo parametrus.

kas yra rėmas
kas yra rėmas

Kaip matote paveikslėlyje, modulis leidžia nustatyti: pavadinimą virš rėmelio, modulio padėtį, pasirinkti svetainės puslapius, kuriuose jis bus rodomas. Taip pat reguliuokite plotį, aukštį; pridėkite rėmelį ir iš tikrųjųnuoroda į tinklalapį. Jei rėmelyje norite rodyti pagrindinį svetainės puslapį visu pločiu, tada 100%, nustatyto pagal numatytuosius nustatymus, nepakaks. Galite iš karto saugiai įdėti 400%. 200 aukščio paprastai pakanka, kad būtų rodomas viršutinis puslapio meniu. Visas kitas turinys bus matomas, jei vartotojas (svetainės lankytojas) naudos slinkties juostą.

Štai pavyzdys, kas yra Joomla rėmelis.

rėmelių pavyzdžiai
rėmelių pavyzdžiai

Jumla modulis rėmo kūrimui yra labai patogus ir paprastas naudoti. Tačiau jo, kaip ir konstruktoriaus, galimybės yra ribotos.

Istorija ir tikrovė

Kuriant svetaines iš rėmelių, ši žyma (jos taikymas) jau seniai išnyko į foną. Juos pavyko pakeisti moduliais, nustatymais konstruktorių programose, kurios generuoja kodą tinklalapiui nedalyvaujant svetainės kūrėjui. Tačiau kai kuriais atvejais to nepakanka. Pavyzdžiui, kai rėmelis yra holistinė sudėtinga naršyklėje rodomų sričių struktūra. Taip tai mato sudėtingos struktūros svetainių savininkai. Jo kūrimas naudojamas tik kraštutiniais atvejais, nes rėmelių svetainės kuriamos tik naudojant specializuotas žymas.

Sudėtingos struktūros svetainės

Jiems kelių tarpusavyje sujungtų kadrų kūrimas yra geriausias sprendimas organizuojant turinį išteklių puslapiuose. Paprastai tai yra dideli portalai, kurie kasmet stiprėja.

Kaip pasiekti tokį patį rezultatą? Kaip kuriama rėmo struktūra?

rėmo konstrukcija
rėmo konstrukcija

Kaipįterpti rėmelį į puslapio kodą

Rėmeliai HTML pridedami naudojant žymas:

  • rėmas (atskiram langui);
  • frameset (naudojant jį visai struktūrai sukurti);
  • iframe („plaukiojantis“rėmelis);
  • noframes (jei rėmelis nerodomas vartotojo naršyklėje).

Pirmoji nurodyta žyma visada telpa ir poroje. Ir jis pakeičia ir. O atitinkamų atributų pagalba galite pakoreguoti kiekvieno elemento charakteristikas: pavadinimą (pavadinimas=), dydį (cols=and rows=), kraštinės (kraštinės) buvimą, slinkties juostos išvaizdą ir, žinoma, rodoma nuoroda į tinklalapį.

Dizaino variantai

Visą svetainės puslapį galima suskirstyti į sritis. Pavyzdžiui, taip:

Kairėje Viršutinis rėmelis
Teisingai

Tokią struktūrą (ji vadinama įdėta) galima gauti žymos viduje įrašius atributą cols, kuris reiškia rėmelio vietą horizontaliai, o eilutes – vertikaliai. Tada uždedamas=ženklas ir nustatomi matmenys. Pavyzdžiui, 60%, 40% - procentai (vienas langas užims 60% naršyklės vietos, kitas atitinkamai 40%). Arba 100, 200 – kraštinių santykis pikseliais. Vieno iš kadrų dydžio iš viso nustatyti negalima (jis bus nustatytas pagal numatytuosius nustatymus). Norėdami tai padaryti, po kablelio arba prieš jį turite nurodyti simbolį.

Lizdaskiekviena nauja sritis žymima nauju kadrų rinkiniu.

Kodo pavyzdys:

Atkreipkite dėmesį, kad mūsų pavyzdyje antrojo ir trečiojo kadrų dydžiai nurodomi tik vieną kartą.

Daugelis idėjų leidžia užbaigti kadrus. Jų buvimo vietos naršyklės lange pavyzdžių galima pateikti be galo (atitinkamai keičiant kodą). Tačiau ši informacija ilgą laiką nebuvo praktiškai pritaikyta. Rėmeliai, jei šiandien naudojami kuriant svetaines, yra tik modulių forma nemokamoje TVS arba iframe.

Plaukiojantis rėmelis

svetainė ant rėmelių
svetainė ant rėmelių

Keista, kodėl gavo tokį pavadinimą, čia labiau tinka žodis „įmontuotas“. Šis rėmelis sukurtas rodyti failo turinį. Jūs įkeliate bet kokį dokumentą ar failą į duomenų bazę, įrašote kelią iki jo naudodami iframe žymas – ir lankytojai matys failo tekstą (vaizdo įrašą ar vaizdą). Deja, naršyklės ne visada pateikia turinį. Norėdami tai padaryti, žiniatinklio kūrėjai įveda frazę tarp pradžios ir uždarymo žymų: „Jūsų naršyklė nerodo turinio“.

Pavyzdžiui, Seopult.ru yra gerai žinoma reklamos meistrų paslauga. Tik ne pagrindinė jo svetainė, o veidrodinis I.seopult.pro, sukurtas portalo klientams. Iframe kodas čia parašytas taip:

Instrukcijos

. Kur yra žyma

  • buvo sukurtas siekiant apibrėžti sąrašo elementą. Palaikomos visose naršyklėse.

    Pačiame veidrodiniame puslapyje galite pamatyti žodį „Instrukcija“mygtuko pavidalu. Spustelėjus jį naršyklės lango centre, atidaromas pristatymas.

    Viskas didelisfilmų ir serialų žiūrėjimo svetainės kuriamos naudojant iframe (pvz., „Imhonet“), taip pat socialinius tinklus. Net pagrindiniame „Yandex“puslapyje yra ši žyma ir daugiau nei viena pora.

    Kaip parašyti iframe

    Galite įkelti dokumentą lango su slinkties juosta pavidalu į bet kurią svetainės vietą. Paprastai etiketės dedamos į korpusą. Daugiau nei standartinis

    ir, kaip parodyta aukščiau esančiame pavyzdyje, sąrašo žymą taip pat galima naudoti -

    • Atributai pridedami prie iframe:

      • plotis (plotis) ir aukštis (aukštis=);
      • kraštų lygiavimas;
      • įtraukos, kurios gali būti nurodytos arba nenurodytos: numatytoji reikšmė yra 6 – to visiškai pakanka;
      • naudodami allowtransparency, galite nustatyti rėmelio srities skaidrumą, kad būtų galima matyti puslapio foną;
      • plius pažįstamas scr, pavadinimas, slinkimas, kraštinė.

      Naršymas naudojant iframe

      Įdomiausias įrėminimo įgūdis yra kodo rašymas, leidžiantis atidaryti turinį lange naudojant nuorodą, ką padarė Seopul veidrodžio kūrėjai, tik su keliomis nuorodomis vienu metu (vienu metu pasiekiama vartotojui tas pats puslapis).

      Tam imamas iframe, jame papildomai įrašomas pavadinimas per name=. Pavyzdžiui, antraštė. Be to, prieš jį žymose ir nuorodose rašoma per HREF=su privaloma atributo nuoroda po jų Prieš naudojant baigiamąją žymą a nurodomas užrašas, kuris tarnaus kaip nuorodos mygtukas. Žymos „a“atidaromos ir uždaromosyra įtraukti į žymą p.

      Kode galite įrašyti kelias tokias eilutes, kad galiausiai vienoje svetainės eilutėje būtų keli nuorodų mygtukai, kuriuos spustelėjus žemiau esančiame lange bus rodomas skirtingas turinys.

      Kodas atrodys taip:

      Pakelk skelbimą

      Žiūrėti skelbimus

      Image
      Image

      Kaip jis atrodys svetainėje:

      Kaip įterpti iframe į Joomla svetainę

      Standartiškai Joomla valdymo skydelyje yra įjungtas (paruoštas naudoti) "HTML kodo" modulis. Su juo galite įterpti bet kokį kodą bet kurioje svetainės vietoje. Tačiau jis atkakliai nepaiso kodo su iFrem žyma. Todėl naudosime specialų Jumi modulį.

      Visų pirma, turite jį atsisiųsti iš interneto ir įdiegti per Joomla administracinį skydelį: „Plėtiniai“– „Plėtinių tvarkyklė“– „Pasirinkti failą“. Nurodykite atsisiųsto archyvo kelią ir spustelėkite „Atsisiųsti“.

      Sėkmingai įdiegę eikite į „Modulio tvarkyklę“ir sukurkite naują. Pasirinkite Jumi tipą. Atsidariusiame lange laukelyje „Custom Code“įveskite paruoštą iFrem, kaip parodyta ankstesnėje straipsnio pastraipoje. Suteikite moduliui pavadinimą, nurodykite paskirties vietą ir svetainės puslapius. Spustelėkite išsaugoti ir patikrinkite.

      Naršyklės ir rėmeliai

      Visos populiarios naršyklės gerai atvaizduoja rėmelių turinį: Chrome, Safari, Firefox, Android, iOS. Šiuo atžvilgiu ypač aukštas rodiklis yra Internet Explorer ir Opera. Ir vis dėlto garantijos nėrakad jūsų svetainės lankytojas matys visų langų turinį. Tokiu atveju turėtumėte palikti pranešimą naudodami noframe žymą (atidarymas ir uždarymas). Į jį galite įvesti: "Jūsų naršyklė pasenusi. Atnaujinkite versiją, kad būtų rodomas svetainės turinys." Jei naudotojo naršyklė tinkamai atvaizduoja rėmelius, jis nematys šio pranešimo.

      Taigi rėmelis yra svetainės sritis arba langas, turintis savo URL. Naudojamas keliams tinklalapiams ar nepriklausomiems dokumentams vienu metu rodyti viename naršyklės lauke, taip pat turint savo URL. Nepaisant to, kad rėmeliai leidžia gerai organizuoti sudėtingą svetainę, jie ilgą laiką nebuvo naudojami, išskyrus iframe. Šios žymos naudojimas vis dar aktualus įkeliant pristatymus, vaizdo grotuvą, tekstinius dokumentus konkrečiame lange. Ją aktyviai naudoja dideli ir gerai žinomi žiniatinklio ištekliai.

Rekomenduojamas: