Frame - bu nima? Ramka tuzilishi va yaratilishi

Mundarija:

Frame - bu nima? Ramka tuzilishi va yaratilishi
Frame - bu nima? Ramka tuzilishi va yaratilishi
Anonim

Ramka - bu saytdagi (oyna) boshqa veb-sahifa ko'rinadigan maydon. Veb-ustalar ushbu imkoniyatdan do'stlari yoki hamkorlari saytlarining bosh sahifasini namoyish qilish uchun foydalanadilar. Xuddi shu usul qidiruv shaklini yonidagi natija bilan va hokazo maydonlarda ko'rsatish uchun ishlatiladi.

Lekin katta veb-portallarni yaratishda asosan freymlardan foydalaniladi, bu yerda juda koʻp menyu bandlari va pastki menyular talab qilinadi. Odatda bunday odamlar haqida shunday deyishadi: "freymlardagi veb-sayt". Bunday resurs yaratish uchun HTML tilini yaxshi bilish talab etiladi.

Veb-sayt quruvchida ramkalar yaratilmoqda

Ba'zi veb-sayt quruvchilar bunday kodni avtomatik yaratishni ta'minlaydi. Odatda ramka qo'shish tugmasi dasturning asosiy menyusida joylashgan. Avval kursorni sahifaning to'g'ri joyiga qo'yishingiz kerak, keyin tugmani bosing, oyna ochiladi (skrinshotda ko'rsatilganidek). Unda siz ramkada ochiladigan sahifa manzilini belgilashingiz va o'lchamlarni sozlashingiz mumkin: kenglik va balandlik.

Lekin katta veb-portallarni yaratishda asosan freymlardan foydalaniladi, bu yerda juda koʻp menyu bandlari va pastki menyular talab qilinadi. Odatda bunday odamlar haqida shunday deyishadi: "freymlardagi veb-sayt". Bunday manbani yaratish uchun yaxshi bilim talab etiladiHTML tili.

ramkalar yaratish
ramkalar yaratish

Ushbu "xizmat" yordamida sahifada bir nechta freymlar yaratish mumkin, lekin siz bu tarzda bir-biriga bog'langan elementlarni olmaysiz.

CMS-dagi ramkalar

Ko'pgina veb-saytlar yaratish dasturlarida mos keladigan modulni o'rnatish mumkin. Misol uchun, Joomla uchun ramka "O'rash" modulidir.

ramkaga soling
ramkaga soling

Uni Joomla CMS boshqaruv panelida topish va yaratish mumkin: "Kengaytmalar" - "Modul menejeri" - "Yaratish" (ichida ortiqcha belgisi bo'lgan yumaloq to'q sariq tugma). Qalqib chiquvchi oynada ro'yxatda siz "Wrapper" modulini ko'rasiz.

Agar u bu yerda boʻlmasa, u qoʻshilmaydi. Uni ishlatish uchun avval uni bu yerda faollashtirishingiz kerak: "Kengaytmalar" yorlig'i, keyin "Kengaytma menejeri", keyin "Boshqarish" yorlig'i. Va biz ochilgan ro'yxatni qidirmoqdamiz, "Filtr" maydonida tezkor qidiruv uchun so'zni kiriting: O'rash. Ushbu modulning qarshisida yashil belgi bo'lishi kerak, uning ichida tasdiq belgisi mavjud. Ichida nuqta boʻlgan qizil doira bu plagin oʻchirilganligini bildiradi.

Ushbu protseduradan soʻng siz “Modul menejeri”ga qaytishingiz, ramka yaratishingiz va uning parametrlarini oʻrnatishingiz mumkin.

ramka nima
ramka nima

Rasmda koʻrib turganingizdek, modul oʻrnatish imkonini beradi: ramka ustidagi sarlavha, modul oʻrnini, u koʻrsatiladigan sayt sahifalarini tanlash. Va shuningdek, kenglik, balandlikni sozlang; ramka qo'shing va aslidaveb-sahifaga havola. Agar siz ramkada saytning asosiy sahifasini to'liq kenglikda ko'rsatishni istasangiz, sukut bo'yicha o'rnatilgan 100% etarli bo'lmaydi. Siz darhol 400% xavfsiz tarzda qo'yishingiz mumkin. Sahifaning yuqori menyusini ko'rsatish uchun odatda 200 balandlik etarli. Agar foydalanuvchi (veb-saytga tashrif buyuruvchi) aylantirish panelidan foydalansa, qolgan barcha kontent ko‘rinadi.

Mana, Joomla'da ramka nima ekanligiga misol.

ramkalar misollari
ramkalar misollari

Famma yaratish uchun Jumla moduli juda qulay va ishlatish uchun qulay. Biroq, uning imkoniyatlari konstruktorning imkoniyatlari kabi cheklangan.

Tarix va haqiqatlar

Freymlardan saytlar yaratish amaliyotida bu teg (uning ilovasi) anchadan beri fonga oʻtib ketgan. Ularni modullar, sayt yaratuvchisi ishtirokisiz veb-sahifa uchun kod ishlab chiqaruvchi konstruktor dasturlaridagi sozlamalar bilan almashtirish mumkin edi. Biroq, ba'zi hollarda bu etarli emas. Misol uchun, ramka brauzerda ko'rsatiladigan hududlarning yaxlit murakkab tuzilishi bo'lsa. Murakkab tuzilgan saytlar egalari buni shunday ko'rishadi. Uni yaratish faqat ekstremal holatlarda qo'llaniladi, chunki ramka saytlari faqat maxsus teglar yordamida yaratilgan.

Murakkab tuzilgan saytlar

Ular uchun bir-biriga bogʻlangan bir nechta ramkalar yaratish manba sahifalarida kontentni tartibga solishning eng yaxshi yechimidir. Bular, qoida tariqasida, har yili kuchayib borayotgan yirik portallar.

Bir xil natijaga qanday erishish mumkin? Ram tuzilishi qanday yaratilgan?

ramka tuzilishi
ramka tuzilishi

Qanday qilib sahifa kodiga ramka kiritish

HTML formatidagi ramkalar teglar yordamida qoʻshiladi:

  • ramka (alohida oyna uchun);
  • frameset (butun strukturani yaratish uchun foydalanish);
  • iframe ("suzuvchi" ramka);
  • noframes (agar ramka foydalanuvchi brauzerida koʻrsatilmasa).

Birinchi belgilangan teg har doim va juftligiga mos keladi. Va u va o'rnini bosadi. Va tegishli atributlar yordamida siz har bir elementning xususiyatlarini sozlashingiz mumkin: nomi (nomi=), hajmi (cols=va qatorlar=), chegara mavjudligi (chegara), aylantirish panelining ko'rinishi va, Albatta, ko'rsatiladigan veb-sahifaga havola.

Dizayn variantlari

Saytning butun sahifasini hududlarga bo'lish mumkin. Masalan:

Chap Yuqori ramka
O'ng

Bunday strukturani (u ichki deb ataladi) tegning ichiga cols atributini yozish orqali erishish mumkin, bu ramkaning gorizontal joylashishini, qatorlar esa vertikalligini bildiradi. Keyin=belgisi qo'yiladi va o'lchamlar belgilanadi. Masalan, 60%, 40% - foiz (bir oyna brauzer maydonining 60% ni, ikkinchisi mos ravishda 40% ni egallaydi). Yoki 100, 200 - piksellar nisbati. Kadrlardan birining o'lchamini umuman o'rnatish mumkin emas (u sukut bo'yicha o'rnatiladi). Buning uchun verguldan keyin yoki oldin. belgisini belgilashingiz kerak.

Uyalashhar bir yangi maydon yangi ramkalar to'plami bilan belgilanadi.

Kod misoli:

Esda tutingki, bizning misolimizda ikkinchi va uchinchi kadrlar uchun oʻlchamlar faqat bir marta koʻrsatilgan.

Koʻp gʻoyalar ramkalarni toʻldirishga imkon beradi. Brauzer oynasida ularning joylashuviga misollar cheksiz keltirilishi mumkin (kodni mos ravishda o'zgartirish). Biroq, bu ma'lumot uzoq vaqt davomida amaliy qo'llanilishini topmadi. Kadrlar, agar bugungi kunda saytlarni yaratishda foydalanilsa, faqat bepul CMS modullari yoki iframe ko'rinishida bo'ladi.

Suzuvchi ramka

ramkalardagi sayt
ramkalardagi sayt

Nega bunday nom olgani g'alati, bu erda "o'rnatilgan" so'zi ko'proq mos keladi. Bu ramka fayl mazmunini ko'rsatish uchun yaratilgan. Siz ma'lumotlar bazasiga istalgan hujjat yoki faylni yuklaysiz, iframe teglari yordamida unga yo'lni yozasiz - va tashrif buyuruvchilar fayl matnini (video yoki rasm) ko'rishadi. Afsuski, brauzerlar har doim ham kontentni taqdim etavermaydi. Buning uchun veb-quruvchilar ochilish va yopish teglari orasiga quyidagi iborani kiritadilar: "Brauzeringiz kontentni ko'rsatmayapti."

Masalan, Seopult.ru reklama ustalari uchun mashhur xizmatdir. Faqat uning asosiy sayti emas, balki portal mijozlari uchun yaratilgan I.seopult.pro oynasi. iframe kodi bu yerda quyidagicha yozilgan:

Koʻrsatmalar

.tegi qayerda

  • roʻyxat bandini aniqlash uchun yaratilgan. Barcha brauzerlar tomonidan qo'llab-quvvatlanadi.

    Koʻzgu sahifasining oʻzida “Koʻrsatma” soʻzini tugma shaklida koʻrishingiz mumkin. Brauzer oynasining markazidagi ustiga bosish taqdimotni ochadi.

    Hammasi kattafilmlar va seriallarni tomosha qilish uchun saytlar iframes (masalan, "Imhonet"), shuningdek, ijtimoiy tarmoqlar yordamida yaratilgan. Hatto "Yandex" ning asosiy sahifasida ham ushbu teg va bir nechta juftlik mavjud.

    Qanday iframe yozish kerak

    Hujjatni aylantirish paneli bilan oyna shaklida saytning istalgan joyiga yuklashingiz mumkin. Odatda teglar tananing ichiga joylashtiriladi. Standartdan tashqari

    va, yuqoridagi misolda ko'rsatilganidek, ro'yxat tegidan ham foydalanish mumkin -

    • Atributlar iframe-ga qo'shilgan:

      • kenglik (kenglik) va balandlik (balandlik=);
      • chekkani tekislash;
      • belgilangan yoki koʻrsatilmagan chegaralar: standart qiymat 6 – bu yetarli;
      • allowtransparency-dan foydalanib, siz sahifaning fonini ko'rish uchun ramka maydonining shaffofligini o'rnatishingiz mumkin;
      • plyus tanish skr, ism, aylantirish, hoshiya.

      Iframe bilan navigatsiya

      Kadrlashning eng qiziqarli mahorati bu sizga havola orqali oynadagi tarkibni ochish imkonini beruvchi kod yozishdir, Seopult oynasini yaratuvchilar buni birdaniga bir nechta havolalar bilan amalga oshirishgan (bir vaqtning o'zida foydalanuvchi uchun mavjud). xuddi shu sahifa).

      Buning uchun iframe olinadi, unda nom qoʻshimcha ravishda name=orqali yoziladi. Masalan, sarlavha. Undan oldin teglar va havolalar HREF=orqali yoziladi, ulardan keyin atribut majburiy ko'rsatiladi. A yopilish tegidan foydalanishdan oldin havola tugmasi vazifasini bajaradigan yozuv ko'rsatiladi. Teglar "a" ochilish va yopish p tegiga kiritilgan

      Quyidagi oynada turli xil kontent koʻrsatilishini bosish orqali saytdagi bir qatorda bir nechta havola tugmalarini olish uchun kodga bir nechta shunday qatorlarni yozishingiz mumkin.

      Kod quyidagicha ko'rinadi:

      Reklama joylash

      Reklamalarni koʻrish

      Image
      Image

      Veb-saytda qanday koʻrinadi:

      Joomla saytiga iframeni qanday kiritish kerak

      Standart sifatida Joomla boshqaruv paneli yoqilgan (foydalanishga tayyor) "HTML-kod" moduliga ega. Uning yordamida siz saytning istalgan joyiga istalgan kodni kiritishingiz mumkin. Biroq, u o'jarlik bilan iFrem yorlig'i bilan kodni e'tiborsiz qoldiradi. Shuning uchun biz maxsus Jumi modulidan foydalanamiz.

      Avvalo, uni Internetdan yuklab olishingiz va Joomla ma'muriy paneli orqali o'rnatishingiz kerak: "Kengaytmalar" - "Kengaytma menejeri" - "Faylni tanlang". Yuklab olingan arxivga yoʻlni belgilang va “Yuklab olish” tugmasini bosing.

      Muvaffaqiyatli oʻrnatishdan soʻng “Modul menejeri”ga oʻting va yangisini yarating. Jumi turini tanlang. Ochilgan oynada "Maxsus kod" maydoniga maqolaning oldingi bandida ko'rsatilganidek, tayyorlangan iFremni kiriting. Modulga sarlavha bering, joylashtirish pozitsiyasini va sayt sahifalarini belgilang. Saqlash tugmasini bosing va tekshiring.

      Brauzerlar va ramkalar

      Barcha mashhur brauzerlar ramka oynalari tarkibini yaxshi aks ettiradi: Chrome, Safari, Firefox, Android, iOS. Internet Explorer va Opera bu borada ayniqsa yuqori ko'rsatkichga ega. Va hali hech qanday kafolat yo'qsaytingizga tashrif buyuruvchi barcha oynalar mazmunini ko'radi. Bunday holda, siz noframe tegidan foydalangan holda xabar qoldirishingiz kerak (ochish va yopish). Unga quyidagilarni kiritishingiz mumkin: "Brauzeringiz eskirgan. Sayt mazmunini ko'rsatish uchun versiyani yangilang." Agar foydalanuvchi brauzeri ramkalarni toʻgʻri koʻrsatsa, ular bu xabarni koʻrmaydi.

      Demak, ramka oʻz URL manziliga ega boʻlgan sayt maydoni yoki oynasidir. Bir vaqtning o'zida bitta brauzer maydonida bir nechta veb-sahifalarni yoki mustaqil hujjatlarni ko'rsatish uchun foydalaniladi, shuningdek, o'z URL manziliga ega. Ramkalar murakkab saytni yaxshi tashkil qilish imkonini berishiga qaramay, ular iframe-dan tashqari uzoq vaqt davomida ishlatilmaydi. Ushbu tegdan foydalanish ma'lum bir oynada taqdimotlar, video pleer, matnli hujjatlarni yuklash uchun hali ham dolzarbdir. U yirik va taniqli veb-resurslar tomonidan faol foydalaniladi.

Tavsiya: