Frame misol

11-Mavzu: HTML dars – Freym (Frame) tushunchasi va uni hosil qiluvchi teglar
Reja:

1. 
   Freymlar
   
2. 
   Freymlarni yaratish
   

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

Sizning brauzeringiz freymlarni qabul qilmaydi

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

Asosiy sahifa ikkinchi sahifa Asosiy sahifa Ikkinchi sahifa