Amaliy ish №16. Veb-sahifalar va saytlarni yaratish uchun dasturiy ta'minot Ishning maqsadi

Jadvallar bilan ishlash

Sahifada elementlarning mutlaq va nisbiy joylashuvi kabi qulayroq ko'rinadigan vositalar paydo bo'lishiga qaramay, jadvallar hali ham WWW uchun hujjatlarni formatlashning asosiy vositalaridan biri hisoblanadi. Bu erda gap shundaki, har qanday yangi boshlovchi DHTML asoslarini bilishni talab qiladigan va hech bo'lmaganda derazalarning xususiyatlari va ularning xatti-harakatlari haqida taxminiy tasavvurga ega bo'lgan joylashishni aniqlash vositalaridan farqli o'laroq, jadvallar yordamida sahifalarni formatlashi mumkin. Jadvallar bilan sahifalarni formatlash juda oson, hatto matnga asoslangan HTML muharrirlarida ham Dreamweaver kabi vizual muharrirlarni hisobga olmaganda .
Keling, Dreamweaver dasturining vizual vositalaridan foydalanib, jadvalni kiritishga va unga qo'llanilishi mumkin bo'lgan asosiy parametrlarni tushunishga harakat qilaylik .
Keling, oddiy jadvalni kiritamiz. Buning uchun " Obyektlar " panelidagi jadval tasviri bo'lgan tugmani bosing (13-rasm).
Natijada quyidagi dialog oynasi paydo bo'ladi (14-rasm), unda bizdan jadvalning asosiy parametrlarini o'rnatish so'raladi.

13-rasm. Jadvallarni kiritish tugmasi bo'lgan ob'ektlar paneli

14-rasm. Jadval xususiyatlari dialog oynasi

Keling, jadvaldagi ma'lumotlarni batafsil ko'rib chiqaylik:
Rows - jadval qatorlari soni, kelajakda bu parametr, qolganlari kabi, o'zgartirilishi mumkin.
Columns - ustunlar soni.
Width - jadvalning kengligi, ochiladigan ro'yxatning o'ng tomonida siz ushbu parametrni o'rnatish uchun birliklarni tanlashingiz mumkin. Jadvalning kengligi piksellarda o'rnatilgan bo'lsa, oxirgi foydalanuvchi uchun har qanday ekran o'lchamlarida jadval ekranda ma'lum joyni egallaydi. Misol uchun, agar siz jadvalning kengligini 780 pikselga o'rnatgan bo'lsangiz, u holda ekran o'lchamlari 640x480 bo'lgan foydalanuvchi sizning jadvalingizni ekranga sig'dirmaydi va brauzer oynasining pastki qismida gorizontal aylantirish paneli paydo bo'ladi; va ekran o'lchamlari 1600x1200 bo'lgan foydalanuvchi uchun jadval ekran kengligining yarmidan kamini egallaydi. Agar siz jadval kengligini foiz sifatida o'rnatgan bo'lsangiz, u holda har qanday foydalanuvchi ekran o'lchamlarida jadval siz ko'rsatgan ekran foizini egallaydi - 100% bo'lsa, o'rnatilgan ruxsatdan qat'i nazar, jadval butun ekran kengligini egallaydi.
Border - stol ramkasining qalinligi. Odatiy bo'lib (agar bu parametr o'tkazib yuborilsa), chegara qalinligi 1 pikseldir. Bundan tashqari, agar butun jadval uchun chegara 0 ga o'rnatilgan bo'lsa, u holda hujayralar uchun bu parametr avtomatik ravishda 0 ga aylanadi. Agar jadval chegarasi nolga teng bo'lmasa, u holda har bir katak atrofida avtomatik ravishda ramka ko'rsatiladi.
O'ng ustun jadvalning hujayralar oralig'i va katakchalarni to'ldirish parametrlarini o'rnatadi.
Cell Padding - o'rnatish cellpadding parametri . Ushbu parametr jadval katakchasining chetidan (chegarasidan) uning mazmunigacha bo'lgan chekinish hajmini aniqlaydi. Odatiy bo'lib, bu parametr nolga teng emas, shuning uchun agar siz hujayraning tarkibi uning chetiga yaqin bo'lishini istasangiz, dialog oynasining ushbu ustuniga "0" ni kiritishingiz kerak. Agar bu maydon bo'sh qoldirilgan bo'lsa, Dreamweaver sahifaning HTML-ga uyali to'ldirish parametrini yozmaydi , brauzer standart qiymatni qo'llaydi va jadvalingizdagi katakning cheti va uning mazmuni o'rtasida 1 piksel bo'sh joy qoladi.
Cell Spacing - HTML kodidagi hujayralar oralig'i parametriga mos keladi. Ushbu parametr qo'shni jadval hujayralari chegaralari orasidagi masofani aniqlaydi. Odatiy bo'lib, bu parametr ikki pikselga teng, shuning uchun hujayralarni bir-biriga yaqin bosishingiz kerak bo'lsa, ushbu ustunga nol kiritishingiz kerak. Jadval kiritilgandan so'ng, bir xil ob'ekt xususiyatlari panelidan foydalanib, butun jadvalning ham, uning alohida kataklarining ham xususiyatlarini o'zgartirishingiz mumkin (15-rasm).
Agar butun jadval tanlangan bo'lsa, quyidagi xususiyatlar mavjud:
Table Name (jadval nomi). Ushbu maydonni to'ldirish tegining nom parametrini yaratadi .

15-rasm. Jadval xususiyatlarini o'zgartirish
Qator va ustunlar soni ( Rows va Cols) .
Jadvalning kengligi ( W ) va balandligi ( H ) foizda yoki pikselda (jadval balandligini foiz sifatida belgilash tavsiya etilmaydi, chunki kichraytirilgan brauzer oynasida nima bo'lishi mumkinligini o'zingiz tushunasiz ) .
Cell Pad va Cell Space - hamma narsa bular bir xil hujayra oralig'i va hujayra to'ldirish.
Align - sahifadagi jadvalni tekislash. Ushbu parametrning standart qiymati biroz g'alati tuyulishi mumkin - jadval vizual ravishda chapga tekislangan, ammo biz uning o'ng tomoniga hech narsa joylashtira olmaymiz. Shuning uchun, agar matn jadval atrofida o'ng tomonga aylanishini istasangiz, qiymatni chapga aniq belgilashingiz kerak .
Border - ramkaning qalinligi.
Pastki chap burchakda to'rtta kichik tugma (tartibda, chapdan o'ngga va yuqoridan pastga):

• 
  aniq qatorlar balandligi;
  
• 
  ustunlar kengligini aniqlang;
  
• 
  jadval kengligi qiymatini pikselga aylantirish;
  
• 
  jadval kengligi qiymatini foizga aylantirish.
  

V Space va H Space - jadvaldan matnni o'rab turgan vertikal va gorizontal chegaralar. Bu atributlar xuddi rasmlarning o'xshash atributlari kabi harakat qiladi.
Light Brdr va Dark Brdr - ranglarning to'g'ri tanlovi bilan uch o'lchamli chegara yaratish imkonini beradi. Navigator ushbu variantlarni qo'llab-quvvatlamaydi va IEda (agar ranglar to'g'ri tanlangan bo'lsa) bunday chegara shunchaki ajoyib ko'rinadi. Ranglar HSB tizimida ular orasidagi yorqinlikda ozgina farq bo'lishi uchun tanlanishi kerak - shunda ovoz balandligi effekti to'liq bo'ladi.
Bg - sizning oldingizda ushbu belgi bilan ikkita butun maydon mavjud. Yuqori qismi stolga fon tasvirini, pastki qismi esa butun jadvalni to'ldirishning fon rangini belgilashga imkon beradi. Shuni esda tutingki, alohida hujayralar uchun siz boshqa rangdagi fon to'ldirishni o'rnatishingiz mumkin. Bunday holda, agar hujayralar oralig'i parametri nolga teng bo'lmasa, jadvalning fon rangi hujayralar orasida "porlaydi" . Bu xususiyat ichki jadvallardan foydalanmasdan juda qiziqarli effektlarni yaratishga imkon beradi.
Brdr - bu maydon chegara rangini belgilash imkonini beradi. Ehtiyot bo'ling - agar siz chegaraning qorong'i va engil qismlari uchun rang sozlamalarini allaqachon ishlatgan bo'lsangiz, bu maydonni bo'sh qo'yganingiz ma'qul. Aks holda, brauzer qanday chegara rangini ko'rsatishi ma'lum emas.