Tugma nomi - 6-ma‘ruza: Jaxon o’rgimchak uyasi va Web texnologiyalar tushunchasi

|
6-ma‘ruza: Jaxon o’rgimchak uyasi va Web texnologiyalar tushunchasi
|
bet | 10/11 | Sana | 05.01.2024 | Hajmi | 237,66 Kb. | | #130638 |
Bog'liq 6-Ma\'ruzaTugma nomi
|
Qo‘shish menyusining pastki menyu
bandi
|
Tavsif
|
Chap ramka
|
Chapda
|
Amaldagi (matnli kursor bilan) chap tomonidagi ramkani bir xil to‘plamga
kiritadi
|
O‘ng ramka
|
To‘g‘ri
|
Xuddi shu to‘plamga joriy ramkaning
o‘ng tomonidagi ramkani kiritadi
|
Yuqori ramka
|
Yuqori
|
Xuddi shu to‘plamga oqimning
yuqorisidan ramka kiritadi
|
Pastki ramka
|
Pastki
|
Hozirgi ramkaning ostidagi ramkani
xuddi shu to‘plamga kiritadi
|
Pastki va ichki chap ramka
|
Pastki ichki chap
|
Hozirgi Freym ostidagi freymni bir xil to‘plamga kiritadi, joriy ramkada ikkita gorizontal ramka bo‘lgan ichki to‘plamni hosil qiladi va ichki o‘rnatilgan to‘plamning o‘ng ramkasini
oqimga aylantiradi
|
Pastki va ichki o‘ng ramka
|
Pastki ichki o‘ng
|
Hozirgi Freym ostidagi freymni bir xil to‘plamga kiritadi, joriy ramkada ikkita gorizontal ramka bo‘lgan ichki to‘plamni hosil qiladi va ichki o‘rnatilgan to‘plamning chap ramkasini
oqimga aylantiradi
|
Chap va ichki pastki ramka
|
Chap ichki pastki
|
Xuddi shu to‘plamga chapning chap qismiga ramka kiritadi, joriy freymda ikkita vertikal ramka bilan ichki o‘rnatilgan to‘plamni hosil qiladi va ichki o‘rnatilgan to‘plamning hozirgi
yuqori ramkasini qiladi
|
O‘ng va ichki pastki ramka
|
To‘g‘ri ichki pastki
|
Xuddi shu to‘plamdagi oqimning o‘ng tomoniga ramka kiritadi, joriy freymda ikkita vertikal ramka bilan ichki o‘rnatilgan to‘plamni hosil qiladi va ichki o‘rnatilgan to‘plamning yuqori
ustki ramkasini hosil qiladi
|
Yuqori va pastki
ramkalar
|
Yuqori va pastki
|
Joriy ramkaning yuqorisiga va ostiga
ikkita ramka kiritadi
|
Chap va ichki ichki ramka
|
Chapga joylashtirilgan tepa
|
Xuddi shu to‘plamga chapning chap qismiga ramka kiritadi, joriy ramkada ikkita vertikal ramka bilan ichki o‘rnatilgan to‘plamni hosil qiladi va ichki o‘rnatilgan to‘plamning pastki
pastki ramkasini hosil qiladi
|
To‘g‘ri va ichki ichki ramka
|
To‘g‘ri joylashtirilgan tepa
|
Xuddi shu to‘plamdagi oqimning o‘ng tomoniga ramka kiritadi, joriy ramkada ikkita vertikal ramka bilan ichki o‘rnatilgan to‘plamni hosil qiladi va ichki o‘rnatilgan to‘plamning pastki
pastki ramkasini hosil qiladi
|
Yuqori va ichki chap ramka
|
Yuqoridan joylashtirilgan chap
|
Hozirgi ramkadan yuqorisidagi ramkani bir xil to‘plamga kiritadi, joriy freymda ikkita gorizontal ramka bilan ichki o‘rnatilgan to‘plamni hosil qiladi va ichki to‘plamning o‘ng ramkasini
oqimga aylantiradi
|
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.
Ikki gorizontal ramka
Uchta gorizontal ramka
Quyidagi narsalar mavjud:
Split Frame Left - joriy qismning chap tomoniga ramka yaratish;
Split Frame Right - amaldagidan o‘ng tomonga ramka yaratish;
Split Frame Up - joriy ramkaning yuqori qismida ramka yaratish;
Split Frame Down - joriy ramkaning ostida ramka hosil qiladi.
Shunday qilib, joriy o‘rta freymni yarating va Modify menyusining Frameset pastki menyusidan tanlang ... o‘ng, Split Frame Left. Sizga kerak bo‘lgan so‘nggi ramkani olasiz. Uning kengligini kamaytiring - bu gorizontal ramkalarda bo‘lgani kabi amalga oshiriladi. Siz anjirda ko‘rsatilgandek o‘xshash narsalar bilan yakunlashingiz kerak.
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 veb-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.
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.
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 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. Eslatma! Framesetlar
|
| |