Ang frame ay isang lugar sa isang site (window) kung saan makikita ang isa pang web page. Ginagamit ng mga webmaster ang pagkakataong ito upang ipakita ang home page ng mga site ng kanilang mga kaibigan o kasosyo. Ang parehong pamamaraan ay ginagamit upang ipakita ang form ng paghahanap sa mga kahon na may resulta sa tabi nito, atbp.
Ngunit karamihan sa mga frame ay ginagamit sa paggawa ng malalaking web portal, kung saan kinakailangan ang malaking bilang ng mga item sa menu at submenu. Karaniwan nilang sinasabi ang tungkol sa gayong mga tao: "website sa mga frame". Ang isang mahusay na kaalaman sa HTML ay kinakailangan upang lumikha ng gayong mapagkukunan.
Paggawa ng mga frame sa tagabuo ng website
Ang ilang tagabuo ng website ay nagbibigay ng awtomatikong pagbuo ng naturang code. Karaniwan ang pindutan ng magdagdag ng frame ay matatagpuan sa pangunahing menu ng programa. Una kailangan mong ilagay ang cursor sa tamang lugar sa pahina, pagkatapos ay i-click ang pindutan, magbubukas ang isang window (tulad ng ipinapakita sa screenshot). Dito, maaari mong itakda ang address ng page na magbubukas sa frame, at isaayos ang mga sukat: lapad at taas.
Ngunit karamihan sa mga frame ay ginagamit sa paggawa ng malalaking web portal, kung saan kinakailangan ang malaking bilang ng mga item sa menu at submenu. Karaniwan nilang sinasabi ang tungkol sa gayong mga tao: "website sa mga frame". Upang lumikha ng gayong mapagkukunan ay nangangailangan ng mahusay na kaalamanHTML na wika.
Sa tulong ng "serbisyo" na ito, posibleng gumawa ng ilang frame sa page, ngunit hindi ka makakakuha ng magkakaugnay na elemento sa ganitong paraan.
Mga Frame sa CMS
Sa maraming mga programa para sa paglikha ng mga website, posibleng i-install ang kaukulang module. Halimbawa, para sa Joomla, ang frame ay isang "Wrapper" na module.
Matatagpuan at malikha ito sa control panel ng Joomla CMS: "Mga Extension" - "Manager ng Module" - "Gumawa" (isang bilog na orange na button na may plus sign sa loob). Sa pop-up window, sa listahan, makikita mo ang module na "Wrapper."
Kung wala dito, hindi ito kasama. Upang magamit ito, kailangan mo munang i-activate ito dito: tab na "Mga Extension", pagkatapos ay "Tagapamahala ng Extension", pagkatapos ay ang tab na "Pamamahala." At naghahanap kami sa listahan na bubukas, para sa mabilis na paghahanap sa field na "Filter", ipasok ang salitang: Wrapper. Sa tapat ng modyul na ito ay dapat mayroong berdeng icon na may check mark sa loob. Ang isang pulang bilog na may tuldok sa loob ay nangangahulugan na ang plugin na ito ay hindi pinagana.
Pagkatapos ng pamamaraang ito, maaari kang bumalik sa "Module Manager", gumawa ng frame at itakda ang mga parameter nito.
Tulad ng makikita mo sa larawan, pinapayagan ka ng module na itakda ang: ang pamagat sa itaas ng frame, ang posisyon ng module, piliin ang mga pahina ng site kung saan ito ipapakita. At ayusin din ang lapad, taas; magdagdag ng isang frame at talaganglink sa isang web page. Kung sa isang frame gusto mong ipakita ang pangunahing pahina ng isang site sa buong lapad, kung gayon ang 100%, na itinakda bilang default, ay hindi magiging sapat. Maaari mong agad na ligtas na ilagay ang 400%. Karaniwang sapat ang taas na 200 para ipakita ang tuktok na menu ng page. Ang lahat ng iba pang nilalaman ay makikita kung ang user (bisita sa website) ay gumagamit ng scrollbar.
Narito ang isang halimbawa ng kung ano ang isang frame sa Joomla.
Ang Jumla module para sa paggawa ng frame ay napaka-maginhawa at madaling gamitin. Gayunpaman, limitado ang mga kakayahan nito, gayundin ang mga kakayahan ng constructor.
Kasaysayan at mga katotohanan
Sa pagsasanay ng paglikha ng mga site mula sa mga frame, ang tag na ito (ang application nito) ay matagal nang nawala sa background. Napalitan sila ng mga module, mga setting sa mga constructor program na bumubuo ng code para sa isang web page nang walang partisipasyon ng isang tagabuo ng site. Gayunpaman, sa ilang mga kaso ito ay hindi sapat. Halimbawa, kapag ang isang frame ay isang holistic na kumplikadong istraktura ng mga lugar na ipinapakita sa browser. Ito ay kung paano ito nakikita ng mga may-ari ng kumplikadong istrukturang mga site. Ang paggawa nito ay ginagamit lamang sa matinding mga kaso, dahil ang mga frame site ay nilikha ng eksklusibo sa tulong ng mga espesyal na tag.
Mga site na kumplikadong structured
Para sa kanila, ang paglikha ng ilang magkakaugnay na mga frame ay ang pinakamahusay na solusyon para sa pag-aayos ng nilalaman sa mga pahina ng mapagkukunan. Ito ay, bilang panuntunan, malalaking portal, na lumalakas bawat taon.
Paano makakamit ang parehong resulta? Paano nilikha ang istraktura ng frame?
Paanoipasok ang frame sa page code
Ang mga frame sa HTML ay idinaragdag gamit ang mga tag:
- frame (para sa isang hiwalay na window);
- frameset (ginagamit ito upang lumikha ng isang buong istraktura);
- iframe ("floating" frame);
- noframes (kung sakaling hindi ipakita ang frame sa browser ng user).
Ang unang tinukoy na tag ay palaging magkasya sa isang pares ng at. At pinapalitan nito at. At sa tulong ng naaangkop na mga katangian, maaari mong ayusin ang mga katangian ng bawat elemento: ang pangalan (pangalan=), laki (cols=at mga hilera=), ang pagkakaroon ng hangganan (hangganan), ang hitsura ng scrollbar at, siyempre, ang link sa web page na ipapakita.
Mga pagkakaiba-iba ng disenyo
Ang buong pahina ng site ay maaaring hatiin sa mga lugar. Halimbawa, tulad nito:
| Pakaliwa | Nangungunang frame |
| Tama |
Ang ganitong istraktura (tinatawag itong nested) ay maaaring makuha sa pamamagitan ng pagsulat ng cols attribute sa loob ng tag, na nangangahulugang pahalang ang lokasyon ng frame, at mga row - patayo. Susunod, ang=sign ay inilalagay at ang mga sukat ay inireseta. Halimbawa, 60%, 40% - porsyento (isang window ay kukuha ng 60% ng espasyo ng browser, ang isa pa, ayon sa pagkakabanggit, 40%). O 100, 200 - aspect ratio sa mga pixel. Ang laki ng isa sa mga frame ay hindi maaaring itakda sa lahat (ito ay itatakda bilang default). Upang gawin ito, pagkatapos o bago ang kuwit, kailangan mong tukuyin ang simbolo.
Nestingang bawat bagong lugar ay tinutukoy ng isang bagong frameset.
Halimbawa ng code:
Tandaan na sa aming halimbawa, para sa pangalawa at pangatlong frame, isang beses lang tinukoy ang mga sukat.
Maraming ideya ang nagbibigay-daan sa iyong kumpletuhin ang mga frame. Ang mga halimbawa ng kanilang lokasyon sa window ng browser ay maaaring ibigay nang walang katapusang (pagbabago ng code nang naaayon). Gayunpaman, ang impormasyong ito ay hindi nakahanap ng praktikal na aplikasyon sa loob ng mahabang panahon. Ang mga frame, kung ginagamit ngayon kapag gumagawa ng mga site, ay nasa anyo lamang ng mga module sa libreng CMS o sa anyo ng isang iframe.
Floating frame
Nakakapagtaka kung bakit nagkaroon ng ganoong pangalan, mas bagay dito ang salitang "built-in". Ang frame na ito ay nilikha upang ipakita ang mga nilalaman ng isang file. Nag-a-upload ka ng anumang dokumento o file sa database, isulat ang path dito gamit ang mga iframe tag - at makikita ng mga bisita ang text ng file (video o imahe). Sa kasamaang palad, hindi palaging nagre-render ng content ang mga browser. Para magawa ito, ilalagay ng mga web builder ang parirala sa pagitan ng pambungad at pagsasara ng mga tag: "Ang iyong browser ay hindi nagpapakita ng nilalaman."
Halimbawa, ang Seopult.ru ay isang kilalang serbisyo para sa mga master ng promosyon. Hindi lamang ang kanyang pangunahing site, ngunit isang salamin na I.seopult.pro, na nilikha para sa mga kliyente ng portal. Ang iframe code ay nakasulat dito tulad ng sumusunod:
Mga Tagubilin
. Nasaan ang tag
-
ay ginawa upang tukuyin ang isang item sa listahan. Sinusuportahan ng lahat ng browser.
Sa mismong mirror page, makikita mo ang salitang "Pagtuturo" sa anyo ng isang button. Ang pag-click dito sa gitna ng browser window ay magbubukas ng presentasyon.
Malaki lahatAng mga site para sa panonood ng mga pelikula at serye ay nilikha gamit ang mga iframe (halimbawa, "Imhonet"), pati na rin ang mga social network. Maging ang pangunahing pahina ng "Yandex" ay naglalaman ng tag na ito, at higit sa isang pares.
Paano magsulat ng iframe
Maaari kang mag-upload ng dokumento sa anyo ng isang window na may scroll bar sa anumang lugar sa site. Karaniwan ang mga tag ay inilalagay sa loob ng katawan. Lampas sa pamantayan
at, tulad ng ipinapakita sa halimbawa sa itaas, maaari ding gamitin ang list tag -
-
Ang mga katangian ay idinagdag sa iframe:
- lapad (lapad) at taas (taas=);
- pag-align ng gilid;
- mga indent na maaaring tukuyin o hindi: ang default na value ay 6 - ito ay sapat na;
- gamit ang allowtransparency, maaari mong itakda ang transparency ng frame area para makita ang background ng page;
- pati ang pamilyar na scr, pangalan, pag-scroll, border.
Pag-navigate gamit ang isang iframe
Ang pinakakawili-wiling kasanayan sa pag-frame ay ang pagsulat ng code na nagbibigay-daan sa iyong magbukas ng content sa isang window sa pamamagitan ng isang link, na kung ano ang ginawa ng mga creator ng Seopult mirror, na may ilang link lang nang sabay-sabay (sabay-sabay na available sa user sa sa parehong pahina).
Para dito, kinuha ang isang iframe, ang pangalan ay karagdagang nakasulat dito sa pamamagitan ng pangalan=. Halimbawa, header. Dagdag pa, bago ito sa mga tag at ang mga link ay isinulat sa pamamagitan ng isang HREF=na may obligadong indikasyon ng katangian pagkatapos ng mga ito. Bago gamitin ang pansarang tag na a, may ipinahiwatig na inskripsiyon na magsisilbing link-button. Mga tag na "a" pambungad at pagsasaraay nakapaloob sa tag na p.
Maaari kang magsulat ng ilang ganoong linya sa code upang makakuha ng ilang button ng link sa isang row sa site, sa pamamagitan ng pag-click kung aling iba't ibang content ang ipapakita sa window sa ibaba.
Magiging ganito ang code:
Mag-post ng ad
Tingnan ang Mga Ad
Image Ano ang magiging hitsura nito sa website:
Paano magpasok ng iframe sa isang Joomla site
Bilang pamantayan, ang control panel ng Joomla ay may naka-enable na (ready-to-use) na "HTML-code" module. Gamit ito, maaari kang magpasok ng anumang code saanman sa site. Gayunpaman, matigas niyang binabalewala ang code na may tag na iFrem. Samakatuwid, gagamit kami ng espesyal na Jumi module.
Una sa lahat, kailangan mong i-download ito mula sa Internet at i-install ito sa pamamagitan ng Joomla administrative panel: "Mga Extension" - "Extension Manager" - "Pumili ng File". Tukuyin ang path patungo sa na-download na archive at i-click ang "I-download".
Pagkatapos ng matagumpay na pag-install, pumunta sa "Module Manager" at lumikha ng bago. Piliin ang uri ng Jumi. Sa window na bubukas, sa field na "Custom Code", ipasok ang inihandang iFrem, tulad ng ipinapakita sa nakaraang talata ng artikulo. Bigyan ng pamagat ang module, tukuyin ang posisyon ng pagkakalagay at mga pahina ng site. I-click ang i-save at tingnan ito.
Browser at frame
Lahat ng sikat na browser ay nagpapakita ng mga nilalaman ng mga frame window nang maayos: Chrome, Safari, Firefox, Android, iOS. Ang Internet Explorer at Opera ay may partikular na mataas na rate sa bagay na ito. At gayon pa man walang garantiyana makikita ng bisita sa iyong site ang mga nilalaman ng lahat ng mga bintana. Sa kasong ito, dapat kang mag-iwan ng mensahe gamit ang noframe tag (pagbubukas at pagsasara). Maaari mong ipasok ang sumusunod dito: "Ang iyong browser ay luma na. I-update ang bersyon upang ipakita ang mga nilalaman ng site." Kung ang browser ng user ay nag-render nang tama ng mga frame, hindi nila makikita ang mensaheng ito.
Kaya ang frame ay isang lugar o window ng isang site na may sariling URL. Ginagamit upang magpakita ng ilang web page o mga independiyenteng dokumento sa isang field ng browser nang sabay-sabay, mayroon ding sariling URL. Sa kabila ng katotohanan na ang mga frame ay nagbibigay-daan sa iyo upang maayos na ayusin ang isang kumplikadong site, hindi pa sila ginagamit nang mahabang panahon, maliban sa iframe. Ang paggamit ng tag na ito ay may kaugnayan pa rin para sa paglo-load ng mga presentasyon, isang video player, mga dokumento ng teksto sa isang partikular na window. Aktibo itong ginagamit ng malaki at kilalang web resources.
-
