Fremu - ni nini? Muundo na uundaji wa sura

Orodha ya maudhui:

Fremu - ni nini? Muundo na uundaji wa sura
Fremu - ni nini? Muundo na uundaji wa sura
Anonim

Fremu ni eneo kwenye tovuti (dirisha) ambamo ukurasa mwingine wa wavuti unaonekana. Wasimamizi wa wavuti hutumia fursa hii kuonyesha ukurasa wa nyumbani wa tovuti za marafiki au washirika wao. Mbinu hiyo hiyo inatumika kuonyesha fomu ya utafutaji katika visanduku na tokeo karibu nayo, n.k.

Lakini mara nyingi fremu hutumika katika uundaji wa lango kubwa la wavuti, ambapo idadi kubwa ya vipengee vya menyu na menyu ndogo zinahitajika. Kawaida wanasema juu ya watu kama hao: "tovuti kwenye muafaka". Ujuzi mzuri wa HTML unahitajika ili kuunda nyenzo kama hiyo.

Kuunda fremu katika kijenzi cha tovuti

Baadhi ya waundaji tovuti hutoa uundaji wa kiotomatiki wa msimbo kama huo. Kawaida kifungo cha sura ya kuongeza iko kwenye orodha kuu ya programu. Kwanza unahitaji kuweka mshale mahali pa haki kwenye ukurasa, kisha bofya kifungo, dirisha litafungua (kama inavyoonekana kwenye skrini). Ndani yake, unaweza kuweka anwani ya ukurasa ambayo itafunguliwa kwenye fremu, na urekebishe vipimo: upana na urefu.

Lakini mara nyingi fremu hutumika katika uundaji wa lango kubwa la wavuti, ambapo idadi kubwa ya vipengee vya menyu na menyu ndogo zinahitajika. Kawaida wanasema juu ya watu kama hao: "tovuti kwenye muafaka". Ili kuunda rasilimali kama hiyo inahitaji ujuzi mzuriLugha ya HTML.

kuunda muafaka
kuunda muafaka

Kwa msaada wa "huduma" hii inawezekana kuunda fremu kadhaa kwenye ukurasa, lakini hutapata vipengele vilivyounganishwa kwa njia hii.

Fremu katika CMS

Katika programu nyingi za kuunda tovuti, inawezekana kusakinisha sehemu inayolingana. Kwa mfano, kwa Joomla, fremu ni moduli ya "Wrapper".

sura yake
sura yake

Inaweza kupatikana na kuundwa katika paneli dhibiti ya Joomla CMS: "Viendelezi" - "Kidhibiti cha Moduli" - "Unda" (kitufe cha rangi ya chungwa cha mviringo kilicho na ishara ya kuongeza ndani). Katika kidirisha ibukizi, katika orodha, utaona moduli ya "Wrapper".

Ikiwa haipo hapa, haijajumuishwa. Ili kuitumia, kwanza unahitaji kuamsha hapa: kichupo cha "Viendelezi", kisha "Meneja wa Upanuzi", kisha kichupo cha "Usimamizi". Na tunatafuta katika orodha inayofungua, kwa utafutaji wa haraka katika uwanja wa "Filter", ingiza neno: Wrapper. Kinyume na moduli hii lazima kuwe na ikoni ya kijani iliyo na alama ya tiki ndani. Mduara mwekundu wenye kitone ndani utamaanisha kuwa programu-jalizi hii imezimwa.

Baada ya utaratibu huu, unaweza kurudi kwa "Kidhibiti cha Moduli", unda fremu na uweke vigezo vyake.

sura ni nini
sura ni nini

Kama unavyoona kwenye picha, moduli hukuruhusu kuweka: kichwa juu ya fremu, nafasi ya moduli, chagua kurasa za tovuti ambayo itaonyeshwa. Na pia kurekebisha upana, urefu; ongeza sura na kwa kwelikiungo kwa ukurasa wa wavuti. Ikiwa katika sura unataka kuonyesha ukurasa kuu wa tovuti kwa upana kamili, basi 100%, iliyowekwa na default, haitoshi. Unaweza mara moja kuweka salama 400%. Urefu wa 200 kawaida hutosha kuonyesha menyu ya juu ya ukurasa. Maudhui mengine yote yataonekana ikiwa mtumiaji (mtembeleaji wa tovuti) anatumia upau wa kusogeza.

Huu hapa ni mfano wa jinsi fremu ilivyo katika Joomla.

mifano ya muafaka
mifano ya muafaka

Moduli ya Jumla ya kuunda fremu ni rahisi sana na ni rahisi kutumia. Hata hivyo, uwezo wake ni mdogo, kama vile uwezo wa mjenzi.

Historia na hali halisi

Katika mazoezi ya kuunda tovuti kutoka kwa fremu, lebo hii (matumizi yake) imefifia nyuma kwa muda mrefu. Waliweza kubadilishwa na moduli, mipangilio katika programu za wajenzi zinazozalisha msimbo wa ukurasa wa wavuti bila ushiriki wa wajenzi wa tovuti. Walakini, katika hali zingine hii haitoshi. Kwa mfano, wakati sura ni muundo tata wa jumla wa maeneo yaliyoonyeshwa kwenye kivinjari. Hivi ndivyo wamiliki wa tovuti zenye muundo tata wanavyoiona. Uundaji wake hutumiwa tu katika hali mbaya zaidi, kwani tovuti za fremu huundwa kwa usaidizi wa lebo maalum.

Tovuti zenye muundo tata

Kwao, kuunda fremu kadhaa zilizounganishwa ndilo suluhisho bora zaidi la kupanga maudhui kwenye kurasa za nyenzo. Hizi ni, kama sheria, lango kubwa, zinazokua na nguvu kila mwaka.

Jinsi ya kupata matokeo sawa? Muundo wa fremu unaundwa vipi?

muundo wa sura
muundo wa sura

Vipiweka fremu kwenye msimbo wa ukurasa

Fremu katika HTML zinaongezwa kwa kutumia lebo:

  • fremu (kwa dirisha tofauti);
  • fremu (kuitumia kuunda muundo mzima);
  • iframe (fremu "inayoelea");
  • noframu (ikiwa fremu haitaonyeshwa kwenye kivinjari cha mtumiaji).

Lebo ya kwanza iliyobainishwa hutoshea katika jozi ya na. Na inachukua nafasi na. Na kwa msaada wa sifa zinazofaa, unaweza kurekebisha sifa za kila kipengele: jina (jina=), ukubwa (cols=na safu=), uwepo wa mpaka (mpaka), kuonekana kwa scrollbar na, bila shaka, kiungo cha ukurasa wa wavuti cha kuonyesha.

tofauti za miundo

Ukurasa mzima wa tovuti unaweza kugawanywa katika maeneo. Kwa mfano, kama hii:

Kushoto Fremu ya juu
Sawa

Muundo kama huu (unaitwa nested) unaweza kupatikana kwa kuandika sifa ya cols ndani ya lebo, ambayo inamaanisha eneo la fremu kwa mlalo, na safu mlalo - wima. Ifuatayo, ishara=imewekwa na vipimo vimewekwa. Kwa mfano, 60%, 40% - asilimia (dirisha moja itachukua 60% ya nafasi ya kivinjari, nyingine, kwa mtiririko huo, 40%). Au 100, 200 - uwiano wa kipengele katika saizi. Ukubwa wa moja ya fremu hauwezi kuwekwa kabisa (itawekwa kwa chaguo-msingi). Ili kufanya hivyo, baada au kabla ya koma, unahitaji kutaja ishara.

Nestingkila eneo jipya linaonyeshwa na mpangilio mpya wa fremu.

Mfano wa kanuni:

Kumbuka kwamba katika mfano wetu, kwa fremu ya pili na ya tatu, ukubwa hubainishwa mara moja pekee.

Mawazo mengi hukuruhusu kukamilisha fremu. Mifano ya eneo lao kwenye dirisha la kivinjari inaweza kutolewa bila mwisho (kubadilisha msimbo ipasavyo). Walakini, habari hii haijapata matumizi ya vitendo kwa muda mrefu. Fremu, zikitumika leo wakati wa kuunda tovuti, ziko katika muundo wa moduli tu katika CMS isiyolipishwa au katika mfumo wa iframe.

fremu inayoelea

tovuti kwenye muafaka
tovuti kwenye muafaka

Inashangaza kwa nini ilipata jina kama hilo, neno "imejengwa ndani" linafaa zaidi hapa. Fremu hii imeundwa ili kuonyesha yaliyomo kwenye faili. Unapakia hati au faili yoyote kwenye hifadhidata, andika njia yake kwa kutumia vitambulisho vya iframe - na wageni wataona maandishi ya faili (video au picha). Kwa bahati mbaya, vivinjari hazitoi yaliyomo kila wakati. Ili kufanya hivyo, wajenzi wa wavuti huingiza kifungu kati ya vitambulisho vya kufungua na kufunga: "Kivinjari chako hakionyeshi maudhui."

Kwa mfano, Seopult.ru ni huduma inayojulikana kwa mabwana wa kukuza. Sio tu tovuti yake kuu, lakini kioo I.seopult.pro, iliyoundwa kwa ajili ya wateja wa portal. Msimbo wa iframe umeandikwa hapa kama ifuatavyo:

Maelekezo

. Lebo iko wapi

  • iliundwa ili kufafanua kipengee cha orodha. Inaauniwa na vivinjari vyote.

    Kwenye ukurasa wa kioo yenyewe, unaweza kuona neno "Maagizo" katika umbo la kitufe. Kuibofya katikati ya dirisha la kivinjari hufungua wasilisho.

    Yote makubwatovuti za kutazama filamu na mfululizo zinaundwa kwa kutumia iframes (kwa mfano, "Imhonet"), pamoja na mitandao ya kijamii. Hata ukurasa mkuu wa "Yandex" una lebo hii, na zaidi ya jozi moja.

    Jinsi ya kuandika iframe

    Unaweza kupakia hati katika mfumo wa dirisha yenye upau wa kusogeza mahali popote kwenye tovuti. Kawaida vitambulisho huwekwa ndani ya mwili. Zaidi ya kiwango

    na, kama inavyoonyeshwa kwenye mfano hapo juu, lebo ya orodha pia inaweza kutumika -

    • Sifa zinaongezwa kwa iframe:

      • upana (upana) na urefu (urefu=);
      • mpangilio wa kingo;
      • indenti ambazo zinaweza au zisibainishwe: thamani chaguo-msingi ni 6 - hii inatosha kabisa;
      • kwa kutumia kuruhusuuwazi, unaweza kuweka uwazi wa eneo la fremu ili mandharinyuma ya ukurasa yaweze kuonekana;
      • pamoja na maandishi yanayojulikana, jina, kusogeza, mpaka.

      Kusogeza kwa iframe

      Ustadi wa kuvutia zaidi wa kutunga ni kuandika msimbo unaokuruhusu kufungua maudhui kwenye dirisha kwa kiungo, ambayo ndivyo waundaji wa kioo cha Seopult walifanya, kwa kutumia viungo kadhaa pekee kwa wakati mmoja (vinapatikana kwa mtumiaji kwa wakati mmoja. ukurasa huo huo).

      Kwa hili, iframe inachukuliwa, jina pia huandikwa ndani yake kupitia name=. Kwa mfano, kichwa. Zaidi ya hayo, kabla yake katika vitambulisho na viungo huandikwa kupitia HREF=na dalili ya lazima ya sifa baada yao. Kabla ya kutumia lebo ya kufunga a, maandishi yanaonyeshwa ambayo yatatumika kama kitufe cha kiungo. Lebo "a" kufungua na kufungazimeambatanishwa katika lebo uk.

      Unaweza kuandika mistari kadhaa kama hii katika msimbo ili hatimaye kupata vitufe kadhaa vya viungo katika safu mlalo kwenye tovuti, kwa kubofya ni maudhui gani tofauti yataonyeshwa kwenye dirisha hapa chini.

      Msimbo utaonekana kama hii:

      Chapisha tangazo

      Tazama Matangazo

      Image
      Image

      Jinsi itakavyoonekana kwenye tovuti:

      Jinsi ya kuingiza iframe kwenye tovuti ya Joomla

      Kama kawaida, paneli dhibiti ya Joomla ina moduli iliyowezeshwa (tayari kutumia) ya "HTML-code". Kwa hiyo, unaweza kuingiza msimbo wowote mahali popote kwenye tovuti. Walakini, kwa ukaidi anapuuza msimbo wenye lebo ya iFrem. Kwa hivyo, tutatumia moduli maalum ya Jumi.

      Kwanza kabisa, unahitaji kuipakua kutoka kwa Mtandao na kusakinisha kupitia paneli ya utawala ya Joomla: "Viendelezi" - "Kidhibiti cha Kiendelezi" - "Chagua Faili". Bainisha njia ya kumbukumbu iliyopakuliwa na ubofye "Pakua".

      Baada ya kusakinisha kwa mafanikio, nenda kwenye "Kidhibiti cha Moduli" na uunde kipya. Chagua aina ya Jumi. Katika dirisha linalofungua, kwenye uwanja wa "Msimbo wa Desturi", ingiza iFrem iliyoandaliwa, kama inavyoonyeshwa katika aya iliyotangulia ya kifungu hicho. Ipe moduli jina, taja nafasi ya uwekaji na kurasa za tovuti. Bofya hifadhi na uitazame.

      Vivinjari na fremu

      Vivinjari vyote maarufu huonyesha yaliyomo kwenye fremu vizuri: Chrome, Safari, Firefox, Android, iOS. Internet Explorer na Opera zina kiwango cha juu sana katika suala hili. Na bado hakuna dhamanakwamba mgeni kwenye tovuti yako ataona yaliyomo kwenye madirisha yote. Katika kesi hii, unapaswa kuacha ujumbe kwa kutumia lebo ya noframe (kufungua na kufunga). Unaweza kuingiza zifuatazo ndani yake: "Kivinjari chako kimepitwa na wakati. Sasisha toleo ili kuonyesha yaliyomo kwenye tovuti." Ikiwa kivinjari cha mtumiaji kitatoa fremu kwa usahihi, hataona ujumbe huu.

      Kwa hivyo fremu ni eneo au dirisha la tovuti ambalo lina URL yake. Inatumika kuonyesha kurasa kadhaa za wavuti au hati huru katika uga mmoja wa kivinjari mara moja, pia kuwa na URL zao. Licha ya ukweli kwamba muafaka hukuwezesha kuandaa tovuti ngumu vizuri, haijatumiwa kwa muda mrefu, isipokuwa kwa iframe. Matumizi ya lebo hii bado ni muhimu kwa kupakia mawasilisho, kicheza video, hati za maandishi kwenye dirisha maalum. Inatumiwa kikamilifu na rasilimali kubwa na zinazojulikana za wavuti.

Ilipendekeza: