Yuqori va ichki - O‘zbekiston respublikasi oliy va o‘rta maxsus ta’lim vazirligi guliston davlat universiteti yuldashev...

134
Yuqori va ichki
o‘ng ramka
Yuqori
joylashtirilgan
o‘ng
Xuddi shu to‘plamga tok ustidagi
ramkani kiritadi, joriy freymda ikkita
gorizontal ramka bilan ichki
o‘rnatilgan to‘plamni hosil qiladi va
ichki o‘rnatilgan to‘plamning chap
ramkasini oqimga aylantiradi
Keling, o‘z ramkamizni yaratishga kirishamiz.
Avvalo sayt nomini o‘z ichiga oladigan yuqori freym yarataylik. Yuqori ramka
tugmachasini bosing. Natijada gorizontal holda joylashgan bir-birining ustki
qismida joylashgan ikkita ramka bo‘ladi.
Endi matn kursori pastki ramkada ekanligiga ishonch hosil qiling va Pastki
ramka tugmachasini bosing. Natijada,
biz yana bir ramka olamiz, ammo bu safar
hozirgi ramkadan pastroq.
Endi sichqoncha kursorini yuqori va o‘rta ramkalar orasidagi chegaraga
qo‘ying (navbati bilan sarlavha va asosiy tarkib). Kursor ikki boshli o‘q shaklini
olishini ko‘rasiz, bu barcha Windows dasturlarida faqat bitta narsani anglatadi: har
qanday narsani yuqoriga va pastga siljitish mumkin. Bunday holda, ramkalarni
o‘lchamlarini o‘zgartirish orqali chegarani siljitish mumkin. Siz xuddi shu narsani
o‘rta va pastki ramkalar orasidagi chegara bilan ham qilishingiz mumkin (asosiy
tarkib va mualliflik huquqi to‘g‘risidagi ma’lumotlar).
Freymlarning o‘lchamini o‘zgartiring, shunda o‘rta
kvadrat iloji boricha
ko‘proq ekran maydonini egallaydi. (Saytning asosiy tarkibi haqida nima
deganimizni eslang?) Yuqori va pastki ramkalarni juda tor qiling. Agar keyinchalik
tarkib ularga mos kelmasa, biz ularni ko‘paytiramiz.
Yana bitta ramka yaratish kerak - chapda, bu erda ko‘priklar to‘plami
joylashtiriladi. Biz uni biroz boshqacha shaklda yaratamiz,
buning uchun Modify
menyusining Frameset pastki menyusidan foydalanamiz.
136
ramkani olasiz. Uning kengligini kamaytiring - bu gorizontal ramkalarda bo‘lgani
kabi amalga oshiriladi. Siz anjirda ko‘rsatilgandek o‘xshash narsalar bilan
yakunlashingiz kerak.
50-rasm
Freymlarning tayyor to‘plami
Endi tugallangan sahifani "Ivan I. Ivanov" nomli ramkalar to‘plami bilan bering
va Fayl menyusidagi Save All bandini tanlab saqlang - bu ham barcha ramkalar
tarkibini saqlaydi. Ekranda Windows-da fayllarni saqlash bo‘yicha standart dialog
oynasi paydo bo‘lib, freymlar to‘plamini o‘zi UntitledFrameset-l.htm
sifatida
saqlashingizni so‘raydi. Uni default.htm sifatida yangi saytning ildiz papkasida
saqlang.
Dreamweaver endi to‘plamdagi har bir freym tarkibini birma-bir saqlashni
talab qiladi (alohida web-sahifa ramka tarkibini belgilab qo‘yishini unutmang).
Bunday holda, hozirgi vaqtda tarkibi saqlanib kelinayotgan ramka qalin chiziq bilan
belgilanadi, shuning uchun siz Dreamweaver nimani saqlayotganini va qaysi
sahifani qanday nomlashini bilasiz.
137
51-rasm. Qalin chiziqli chiziq hozirda tarkibi saqlanayotgan ramkani
bildiradi.
Saytning boshqa barcha sahifalarini HTML papkasida saqlang. Mualliflik
huquqi sahifasini Copyright.htm deb nomlang. Asosiy sahifada Main.htm standart
sahifasini, Nav.htm ko‘prik ro‘yxati sahifasini va Header.htm sayt sarlavhasini
nomlang.
Diqqat! Agar mavjud web-sahifani ramkalar to‘plamiga aylantirsangiz,
Dreamweaver ushbu sahifaning tarkibini joriy freymga joylashtiradi.
Agar bu
sizning saytingizning asosiy sahifasi bo‘lsa (default.htm), unda freymlar to‘plamini
yaratishdan oldin uni qayta nomlashingiz kerak bo‘ladi, aks holda siz default.htm
nomi ostida sahifani ramka to‘plami bilan saqlay olmaysiz.
Freymlar yaratishning yana bir usuli bor. Endi biz siz bilan birga ko‘rib
chiqamiz.
Bizning butun ramkamizni o‘rab turgan qalin kulrang chegaraga e’tibor bering.
Siz ob’ektlar paneli yoki menyudan foydalanmasdan to‘plamning yangi ramkalarini
138
yaratishingiz mumkin, lekin shunchaki sichqoncha yordamida ushbu ramkani
ushlab, yangi yaratilgan Freymlar chegarasi joylashgan joyga sudrab boring.
Xususan, shu tarzda bitta freymni ikkiga bo‘lishingiz mumkin.
Endi biz qisqa tanaffus qilishimiz mumkin, shundan so‘ng biz ramkalar va
Dreamweaver ularni qanday qo‘llab-quvvatlashi haqida bir oz ko‘proq bilib olamiz.