logo
  1. Bosh sahifa
  2. Referatlar
  3. Informatika va AT
  4. Freym tushunchasi freym yaratuvchi asosiy teglar kardlar yaratish freymlar yordamida web sahifani qismlarga bo’lish

Freym tushunchasi freym yaratuvchi asosiy teglar kardlar yaratish freymlar yordamida web sahifani qismlarga bo’lish

Yuklangan vaqt:

20.09.2019

Ko'chirishlar soni:

0

Hajmi:

80.5 KB
Ko'chirib olish
Freym tushunchasi freym yaratuvchi asosiy teglar kardlar yaratish freymlar yordamida web sahifani qismlarga bo’lish R е ja: 1. Freymlar h aqida umumiy ma’lumot. 2. Web sahifada freym tegiga misollar. 3. Freym tegining atributlari. Brauzer oynasidagi mustaqil to&#39;g&#39;ri to&#39;rtburchak shaklidagi maydon bo&#39;lib, u o&#39;z ichiga boshqa alohida mustaqil HTML hujjatlarni birlashtira oladi. Freymlar brauzerdagi yangi oyna emas, balki bu alohida oyna yoki ramka bo&#39;lib, u brauzerning oynasi o’zida aks ettiriladi. Freymning umumiy tuzilishini quyidagicha: <FRAME> … </FRAME> Freymni asosiy parametri bu src parametridir. Src parametr web sahifadagi mavjud freym oynasiga kengaytmasi html bo’lgan faylni bog’laydi. Masalan: <freym src=“d:\test.html”> </freym> Freymlar joriy brauzerda bir nechta oynalar hosil qiladi. Bu oynalarga faqat kengaytmasi html bo’lgan fayllarni bog’lash mumkin. <html> <head> <title> Freymlar </title> </head> <body> <iframe src= “kengaytmasi html fayl yo’li yoziladi”> </iframe> </body> </html> Freym   bu — bir necha veb sahifalarni bitta veb sahifada birlashtirish. Saytlar har xil bo‘lishi mumkin, misol uchun, 3 ta ustunli 3 ta qatorli, 2 ta ustunli, 2 qatorli 2 ustunli,…, lekin hozirgi kunda bunday ko‘rinishdagi saytlar o‘z o‘rinlarini noodatiy strukturaga ega saytlarga bo‘shatib bermoqda. Shunday bo‘lsa ham, bunday « klassik » usul doimo o‘z ommabopligini saqlab qolmoqda. 3 ta ustunli 3ta qatorli   sayt: 2 qatorli 2 ustunli   sayt: Bunday shakldagi saytlarni bir necha usullarda qilish mumkin: jadvallar, bloklar va freymlar orqali. Freymlarda, har bir qism alohida yaratilib, keyin birlashtiriladi. Keling misol ko‘ramiz, quyidagi kodni « frame.html » deb saqlang. 1 2 3 4 5 6 7 8 9 10 <html> <head> <title>Frame misol</title> </head> <frameset cols=&#34;30%,70%&#34;> <frame src=&#34;chap.html&#34;> <frame src=&#34;asosiy.html&#34; name=&#34;asosiy&#34;> <noframes>Sizning brauzeringiz freymlarni qabul qilmaydi</noframes> </frameset> </html> Bu kod orqali, veb sahifamizning karkasini freym yordamida yaratdik, u quyidagicha ko‘rinishda bo‘ldi. Ko‘rib turganingizdek, veb sahifa ikkiga bo‘lindi, birinchi qism umumiy qismning   30%   egallab, bu qismga « chap.html » degan veb sahifa javob beradi, iikinchi qism esa umumiy qismning   70%   egallab, bu qismga « asosiy.html » veb sahifasi javob berar ekan. E’tibor bergan bo‘lsangiz, kodda « body » tegi ishtirok etmayapti, uning o‘rniga « frameset » tegi sahifa tanasiga javob bermoqda. Endi, « chap.html » sahifasini ko‘dini yozamiz. 1 2 3 4 5 6 7 8 9 <html> <head> <title>Chap</title> </head> <body> <a href=&#34;asosiy.html&#34; target=&#34;asosiy&#34;>Asosiy sahifa</a><br> <a href=&#34;ikkinchi.html&#34; target=&#34;asosiy&#34;>ikkinchi sahifa</a> </body> </html> bu kodda 2 ta havola mavjud(asosiy.html, ikkinchi.html), bu sahifalarni ham yaratamiz. asosiy.html 1 2 3 4 <html> <head> <title>Chap</title> </head> 5 6 7 8 <body> <h2>Asosiy sahifa</h2> </body> </html> ikkinchi.html 1 2 3 4 5 6 7 8 <html> <head> <title>Chap</title> </head> <body> <h2>Ikkinchi sahifa</h2> </body> </html> Endi, « frame.html » hujjatini ishga tushirsangiz, 2 ta ustunli sahifa hosil bo‘ladi, chap tomondagi « Asosiy sahifa » yozuvini bossangiz, o‘ng tomonda « asosiy.html » sahifasi yuklanadi. Agar chap tomondagi « Ikkinchi sahifa » yozuvini bossangiz, o‘ng tomonda « ikkinchi.html » sahifasi yuklanadi va chap tomon o‘zgarmasdan qoladi. Demak tushuntiraman, uchta veb sahifa( chap.html, asosiy.html, ikkinchi.html ) bitta veb sahifada( frame.html ) birlashtirildi. To‘liq veb sahifani ishga tushirish uchun « frame.html » sahifasi yuklanadi, bu sahifada saytning karkasi qilingan. chap.html   sahifada ikkita havola yaratildi( asosiy sahifa, ikkinchi sahifa ) va ikkita sahifani chaqirish mumkin bo‘ldi. Eng asosiysi qanday qilib, chap tomondagi sahifadagi havola bosilsa, o‘ng tomonda sahifa o‘zgarmoqda? Bu ish ikkita attribut orqali amalga oshirilmoqda, « name » va « target «.   Frame.html   sahifada, « frame » tegining « name » attributi orqali « asosiy.html » sahifa nomlanmoqda(asosiy), undan so‘ng   chap.html   sahifada yaratilayotgan havolalarning(a tegi orqali) « target » nomli attributiga, aynan qaysi oynada ochilishi kerakligi( asosiy.html ) ko‘rsatilmoqda holos. O‘ylashimcha hammasi tushunarli bo‘ldi, faqat   frame.html   sahifasidagi teglarni ko‘rib chiqish kerak.   <frameset>…</frameset>   — yaratilayotgan freym strukturasini hosil qiluvchi teg, uning attributlari: border   — freymlar oralig‘idagi chegaralar qalinligi. bordercolor   — freymlar oralig‘idagi chegaralar rangi. cols   — freymlarni ustunlarga bo‘lish, har bir ustun qanday o‘lchamdaligi beriladi(foiz yoki pikselda). frameborder   — freymlar orasiga ramka qo‘yish kerak yoki kerak emasligini aniqlash, qiymati:   no, yes. rows   — qator ko‘rinishidagi freymlar hosil qilish va ularni o‘lchamini berish. <frame>…</frame>   — har bir alohida freymni sozlash, bu teg nechta bo‘lsa, shuncha veb sahifa bitta freymga qo‘shilayotgan bo‘ladi. Attributlari: bordercolor   — chegara rangini berish. frameborder   — freymlar orasiga ramka qo‘yish kerak yoki kerak emasligini aniqlash, qiymati: no, yes. name   — freym uchun takrorlanmas nom berish. noresize   — foydalanuvchi tomonidan freym o‘lchamini o‘zgartirish mumkin emas. scrolling   — freymlar ekranga sig‘masa, paydo bo‘ladigan aylantirgich holatini o‘rnatish, qiymatlari: *auto   — kerak bo‘lsa, brauzer tomonidan aylantirgich hosil qilinadi. *no   — aylantirgich hosil bo‘lmaydi. *yes   — freymlar ekranga sig‘sa, sig‘masa ham aylantirgich paydo bo‘ladi. src   — freym sahifasini adresini, qaysi veb sahifani qo‘shishni ko‘rsatish.   <noframes>…</noframes>   — agar brauzer tomonidan freymlar ishlatilishiga blok qo‘yilgan bo‘lsa, yoki brauzer umuman freym tushunchasini tanimasa, bu teg ichidagi yozuv brauzerga chiqadi. YUqoridagi tushunarsiz teglar bilan tanishib chiqdik, endi ham ustun ham qatorli freym hosil qilishni kodini va natijasini ko‘rsataman, manimcha tushuntirishga hojat bo‘lmadi. <html> <head> <title>Ustun vs Qator</title> </head> <frameset rows=&#34;15%,70%,15%&#34;> <frame src=&#34;top.html&#34;> <frameset cols=&#34;25%,75%&#34;> <frame src=&#34;menu.html&#34;> <frame src=&#34;content.html&#34; name=&#34;main&#34;> </frameset> <frame src=&#34;footer.html&#34;> <noframes>Sizning brauzeringiz frame tushunchasini tanimaydi</noframes> </frameset> </html> Frame tegi va uning parametrlari. Frameborder- parametri freym chegara hoshiyalarining bo’lish yoki bo’lmasligini ko’rsatadi. Parametr qiymati 0 yoki 1 sonlari bo’lishi mumkin. Hech qanday qiymat berilmasa 1 qiymat qabul qiladi va freym chegara hoshiyasi ko’rinuvchi bo’ladi. Agar qiymat 0 freym chegarasi hoshiyasi ko’rinmaydi. Scrolling- parametri foydalanuvchiga freymdagi o’tkazish y o’ lakchasini boshqarish imkonini beradi. Qiymat sifatida quyidagi 3 ta qiymat qabul qiladi:  Auto;  Yes;  No; Auto - h ech qanday qiymat berilmasa auto qiymati qabul qilingan bo ’ ladi , bu esa freymdagi ma ’ lumotlar tasvirlanish sohasiga joylashmagan vaqtda o ’ tkazish yo ’ lakchasi paydo bo ’ lishini bildiradi . Yes - qiymati esa freymdagi ma ’ lumot tasvirlanish sohasiga sig ’ ishi yoki sig ’ masligidan q at ’ iy nazar o ’ tkazish yo ’ lakchasi doimo chi q ib turishini bildiradi . No - qiymati esa freymda o’tkazish y o’ lakchasining chiqishini umuman ta’qiqlaydi. <html> <head> <title>Freymlar</title> </head> <body> <iframe src= “kengaytmasi html fayl yo’li yoziladi” frameborder=0 scrolling=no> </iframe> </body> </html> Web sahifaga bir nechta freymlar joylashtirish. Web sahifaga freymlar sonini ko’paytirish uchun <iframe> … </frame> larni takror yozish kerak. Web sahifaga nechta oyna kerak bo’lsa, shuncha marta freymlar yoziladi. <html> <head> <title>Freymlar</title> </head> <body> <iframe src= “kengaytmasi html fayl yo’li yoziladi” > </iframe> <iframe src= “kengaytmasi html fayl yo’li yoziladi” > </iframe> <iframe src= “kengaytmasi html fayl yo’li yoziladi” > </iframe> <iframe src= “kengaytmasi html fayl yo’li yoziladi” > </iframe> </body> </html> Adabiyotlar: 1. Кarimov I.A. “Yuksak ma’naviyat – yengilmas kuch” Tosh kent ma’naviyat 2008 yil 2. Abduqodirov A. va boshqalar. Informatika va hisoblash texnikasi asoslari – Т .: O`qituvchi, 1996 y. 3. Hoshimov O. Kompyuterli va raqamli texnologiyalar. - Т .: Yangi asr avlodi, 2009 y. 4. Usmonov R.N. Кompyuter tizimlariga texnik xizmat ko’rsatish” “Ilm ziyo” 2012. 5. http://www.borlpasc.narod.ru/ . 6. http://www.intuit.ru

O'xshashlar

Web-uzelni yaratish asoslari
HTML haqida tushuncha
MS FRONT PAGE yordamida web-sayt yaratish
HTML gipеrmatnli tili yordamida Web-sahifa yaratish
Web sahifa tushunchasi va strukturasi