Rāmis - kas tas ir? Rāmja struktūra un izveide

Satura rādītājs:

Rāmis - kas tas ir? Rāmja struktūra un izveide
Rāmis - kas tas ir? Rāmja struktūra un izveide
Anonim

Rāmis ir vietnes (loga) apgabals, kurā ir redzama cita tīmekļa lapa. Tīmekļa pārziņi izmanto šo iespēju, lai parādītu savu draugu vai partneru vietņu sākumlapu. Tas pats paņēmiens tiek izmantots, lai parādītu meklēšanas veidlapu lodziņos ar rezultātu blakus tai utt.

Bet pārsvarā rāmji tiek izmantoti lielu interneta portālu izveidē, kur nepieciešams ievērojams skaits izvēlnes vienumu un apakšizvēlņu. Par šādiem cilvēkiem viņi parasti saka: "vietne uz rāmjiem". Lai izveidotu šādu resursu, ir nepieciešamas labas HTML zināšanas.

Rāmju izveide vietņu veidotājā

Daži vietņu veidotāji nodrošina automātisku šāda koda ģenerēšanu. Parasti poga Pievienot rāmi atrodas programmas galvenajā izvēlnē. Vispirms jānovieto kursors pareizajā lapas vietā, pēc tam noklikšķiniet uz pogas, tiks atvērts logs (kā parādīts ekrānuzņēmumā). Tajā varat iestatīt tās lapas adresi, kas tiks atvērta rāmī, un pielāgot izmērus: platumu un augstumu.

Bet pārsvarā rāmji tiek izmantoti lielu interneta portālu izveidē, kur nepieciešams ievērojams skaits izvēlnes vienumu un apakšizvēlņu. Par šādiem cilvēkiem viņi parasti saka: "vietne uz rāmjiem". Lai izveidotu šādu resursu, ir nepieciešamas labas zināšanasHTML valoda.

veidojot rāmjus
veidojot rāmjus

Ar šī "pakalpojuma" palīdzību iespējams izveidot vairākus kadrus lapā, bet savstarpēji saistītus elementus tādā veidā neiegūsit.

Rāmji SPS

Daudzās vietņu izveides programmās ir iespējams uzstādīt atbilstošo moduli. Piemēram, Joomla rāmis ir "Wrapper" modulis.

ierāmējiet to
ierāmējiet to

To var atrast un izveidot Joomla CMS vadības panelī: "Paplašinājumi" - "Moduļu pārvaldnieks" - "Izveidot" (apaļa oranža poga ar plus zīmi iekšpusē). Uznirstošajā logā sarakstā redzēsit moduli "Iesaiņotājs".

Ja tas nav šeit, tas nav iekļauts. Lai to izmantotu, vispirms tas jāaktivizē šeit: cilne "Paplašinājumi", pēc tam "Paplašinājumu pārvaldnieks", pēc tam cilne "Pārvaldība". Un mēs meklējam atvērtajā sarakstā, lai ātri meklētu laukā "Filtrs", ievadiet vārdu: Wrapper. Pretī šim modulim ir jābūt zaļai ikonai ar atzīmi iekšpusē. Sarkans aplis ar punktu iekšpusē nozīmē, ka šis spraudnis ir atspējots.

Pēc šīs procedūras varat atgriezties "Moduļu pārvaldniekā", izveidot rāmi un iestatīt tā parametrus.

kas ir rāmis
kas ir rāmis

Kā redzams attēlā, modulis ļauj iestatīt: virsrakstu virs rāmja, moduļa pozīciju, atlasīt vietnes lapas, kurās tas tiks parādīts. Un arī noregulējiet platumu, augstumu; pievienojiet rāmi un faktiskisaite uz tīmekļa lapu. Ja rāmī vēlaties parādīt vietnes galveno lapu pilnā platumā, tad ar 100%, kas iestatīts pēc noklusējuma, nepietiks. Var uzreiz droši likt 400%. Ar 200 augstumu parasti pietiek, lai parādītu lapas augšējo izvēlni. Viss pārējais saturs būs redzams, ja lietotājs (vietnes apmeklētājs) izmantos ritjoslu.

Šeit ir piemērs tam, kas ir Joomla rāmis.

rāmju piemēri
rāmju piemēri

Jumla modulis rāmja izveidošanai ir ļoti ērts un viegli lietojams. Tomēr tā iespējas ir ierobežotas, tāpat kā konstruktora iespējas.

Vēsture un realitāte

Praksē, veidojot vietnes no rāmjiem, šis tags (tā lietojumprogramma) jau sen ir pazudis fonā. Tos varēja aizstāt ar moduļiem, iestatījumiem konstruktoru programmās, kas ģenerē kodu tīmekļa lapai bez vietnes veidotāja līdzdalības. Tomēr dažos gadījumos ar to nepietiek. Piemēram, kad rāmis ir holistiski sarežģīta pārlūkprogrammā parādīto apgabalu struktūra. Tā to redz sarežģīti strukturētu vietņu īpašnieki. Tā izveide tiek izmantota tikai ārkārtējos gadījumos, jo kadru vietnes tiek izveidotas tikai ar specializētu tagu palīdzību.

Sarežģīti strukturētas vietnes

Viņiem vairāku savstarpēji saistītu kadru izveide ir labākais risinājums satura kārtošanai resursu lapās. Tie, kā likums, ir lieli portāli, kas ar katru gadu kļūst arvien spēcīgāki.

Kā sasniegt tādu pašu rezultātu? Kā tiek izveidota rāmja struktūra?

rāmja struktūra
rāmja struktūra

Kāievietot rāmi lapas kodā

Rāmji HTML tiek pievienoti, izmantojot tagus:

  • rāmis (atsevišķam logam);
  • frameset (izmantojot to, lai izveidotu veselu struktūru);
  • iframe ("peldošs" rāmis);
  • noframes (ja rāmis netiek parādīts lietotāja pārlūkprogrammā).

Pirmais norādītais tags vienmēr iekļaujas pārī un. Un tas aizstāj un. Un ar atbilstošo atribūtu palīdzību jūs varat pielāgot katra elementa īpašības: nosaukumu (name=), izmēru (cols=and rows=), apmales (apmales) esamību, ritjoslas izskatu un, protams, saite uz tīmekļa lapu, kas jāparāda.

Dizaina variācijas

Visu vietnes lapu var sadalīt apgabalos. Piemēram, šādi:

Pa kreisi Augšējais rāmis
Pareizi

Šādu struktūru (to sauc par ligzdotu) var iegūt, tagā ierakstot atribūtu cols, kas nozīmē rāmja atrašanās vietu horizontāli, bet rindas - vertikāli. Tālāk tiek uzlikta=zīme un noteikti izmēri. Piemēram, 60%, 40% - procenti (viens logs aizņems 60% no pārlūkprogrammas vietas, otrs attiecīgi 40%). Vai 100, 200 - malu attiecība pikseļos. Viena rāmja izmēru nevar iestatīt vispār (tas tiks iestatīts pēc noklusējuma). Lai to izdarītu, aiz vai pirms komata ir jānorāda simbols.

Ligzdošanakatrs jauns apgabals tiek apzīmēts ar jaunu kadru kopu.

Koda piemērs:

Ņemiet vērā, ka mūsu piemērā otrajam un trešajam kadram izmēri ir norādīti tikai vienu reizi.

Daudzas idejas ļauj pabeigt kadrus. To atrašanās vietas piemērus pārlūkprogrammas logā var sniegt bezgalīgi (attiecīgi mainot kodu). Tomēr šī informācija ilgu laiku nav atradusi praktisku pielietojumu. Rāmji, ja tie tiek izmantoti mūsdienās, veidojot vietnes, ir tikai moduļu veidā bezmaksas SPS vai iframe formātā.

Peldošs rāmis

vietne uz rāmjiem
vietne uz rāmjiem

Dīvaini, kāpēc tas ieguvis šādu nosaukumu, šeit vairāk piemērots vārds "iebūvēts". Šis rāmis ir izveidots, lai parādītu faila saturu. Jūs augšupielādējat jebkuru dokumentu vai failu datu bāzē, ierakstiet ceļu uz to, izmantojot iframe tagus – un apmeklētāji redzēs faila tekstu (video vai attēlu). Diemžēl pārlūkprogrammas ne vienmēr atveido saturu. Lai to izdarītu, tīmekļa veidotāji ievada frāzi starp sākuma un beigu tagiem: "Jūsu pārlūkprogramma nerāda saturu."

Piemēram, Seopult.ru ir labi pazīstams pakalpojums veicināšanas meistariem. Tikai ne viņa galvenā vietne, bet gan spogulis I.seopult.pro, kas izveidots portāla klientiem. Iframe kods šeit ir rakstīts šādi:

Instrukcijas

. Kur ir tags

  • tika izveidots, lai definētu saraksta vienumu. Atbalsta visas pārlūkprogrammas.

    Pašā spoguļlapā pogas veidā var redzēt vārdu "Instrukcija". Noklikšķinot uz tā pārlūkprogrammas loga centrā, tiek atvērta prezentācija.

    Viss lielsvietnes filmu un seriālu skatīšanai tiek veidotas, izmantojot iframe (piemēram, "Imhonet"), kā arī sociālos tīklus. Pat "Yandex" galvenajā lapā ir šis tags un vairāk nekā viens pāris.

    Kā uzrakstīt iframe

    Jūs varat augšupielādēt dokumentu loga formā ar ritjoslu jebkurā vietnes vietā. Parasti etiķetes ievieto korpusa iekšpusē. Pārsniedz standarta

    un, kā parādīts iepriekš minētajā piemērā, var izmantot arī saraksta tagu -

    • Atribūti ir pievienoti iframe:

      • platums (platums) un augstums (augstums=);
      • malu līdzinājums;
      • ievilkumi, kas var būt norādīti vai nenorādīti: noklusējuma vērtība ir 6 - tas ir pilnīgi pietiekami;
      • izmantojot allowtransparency, varat iestatīt rāmja apgabala caurspīdīgumu, lai būtu redzams lapas fons;
      • plus pazīstamais scr, nosaukums, ritināšana, apmale.

      Navigācija, izmantojot iframe

      Interesantākā kadrēšanas prasme ir rakstīt koda, kas ļauj atvērt saturu logā ar saiti, ko arī darīja Seopul spoguļa veidotāji, tikai ar vairākām saitēm vienlaikus (vienlaicīgi pieejams lietotājam tā pati lapa).

      Tam tiek ņemts iframe, kurā papildus tiek ierakstīts nosaukums caur name=. Piemēram, galvene. Turklāt pirms tā tagos un saitēs tiek ierakstīts caur HREF=ar obligātu atribūta norādi aiz tiem Pirms noslēdzošā taga a lietošanas tiek norādīts uzraksts, kas kalpos kā saite-poga. Atzīmes "a" atver un aizverir ietverti tagā.

      Kodā varat ierakstīt vairākas šādas rindiņas, lai galu galā vienā vietnes rindā iegūtu vairākas saišu pogas, uz kurām noklikšķinot zemāk esošajā logā tiks parādīts atšķirīgs saturs.

      Kods izskatīsies šādi:

      Ievietot sludinājumu

      Skatīt reklāmas

      Image
      Image

      Kā tas izskatīsies vietnē:

      Kā ievietot iframe Joomla vietnē

      Kā standartā Joomla vadības panelim ir iespējots (lietošanai gatavs) "HTML koda" modulis. Ar to jūs varat ievietot jebkuru kodu jebkurā vietā vietnē. Tomēr viņš spītīgi ignorē kodu ar iFrem tagu. Tāpēc mēs izmantosim īpašu Jumi moduli.

      Vispirms tas ir jālejupielādē no interneta un jāinstalē, izmantojot Joomla administratīvo paneli: "Paplašinājumi" - "Paplašinājumu pārvaldnieks" - "Atlasīt failu". Norādiet ceļu uz lejupielādēto arhīvu un noklikšķiniet uz "Lejupielādēt".

      Pēc veiksmīgas instalēšanas dodieties uz "Moduļu pārvaldnieku" un izveidojiet jaunu. Izvēlieties Jumi veidu. Atvērtajā logā laukā "Pielāgots kods" ievadiet sagatavoto iFrem, kā parādīts raksta iepriekšējā rindkopā. Piešķiriet modulim nosaukumu, norādiet izvietojuma pozīciju un vietnes lapas. Noklikšķiniet uz Saglabāt un pārbaudiet.

      Pārlūkprogrammas un rāmji

      Visas populārās pārlūkprogrammas labi parāda rāmja logu saturu: Chrome, Safari, Firefox, Android, iOS. Īpaši augsts rādītājs šajā ziņā ir Internet Explorer un Opera. Un tomēr garantijas navka jūsu vietnes apmeklētājs redzēs visu logu saturu. Šādā gadījumā jums vajadzētu atstāt ziņojumu, izmantojot noframe tagu (atvēršana un aizvēršana). Tajā varat ievadīt šādu informāciju: "Jūsu pārlūkprogramma ir novecojusi. Atjauniniet versiju, lai parādītu vietnes saturu." Ja lietotāja pārlūkprogramma pareizi renderē kadrus, viņš neredzēs šo ziņojumu.

      Tātad rāmis ir vietnes apgabals vai logs, kuram ir savs URL. Izmanto, lai vienā pārlūkprogrammas laukā vienlaikus parādītu vairākas tīmekļa lapas vai neatkarīgus dokumentus, kuriem ir arī savs URL. Neskatoties uz to, ka rāmji ļauj labi sakārtot sarežģītu vietni, tie nav izmantoti ilgu laiku, izņemot iframe. Šī taga izmantošana joprojām ir aktuāla prezentāciju, video atskaņotāja, teksta dokumentu ielādei noteiktā logā. To aktīvi izmanto lieli un labi zināmi tīmekļa resursi.

Ieteicams: