Laboratoriya ishi №5 “html tilida web sahifalar yaratish” Ishning maqsadi

Jadvallar bilan ishlash

Jadvallar, sahifadagi elementlarning nisbiy joylashuvi yaratishda ancha qulayroы vositalar paydo boʻlishiga qaramasdan WWW uchun hujjatlarni formatlashning asosiy vositalaridan biri boʻlib qolmoqda. Gap shundaki, DHTML asoslarini mukamal bilishni talab qilmaydigin oddiy jadvallar bilan ishlay oldadigan har qanday yangi oʻrganuvchi bu usuldan ortiqcha koʻnikma bilmlarsiz foydalana olishidadir. Sahifalarni jadvallar bilan formatlash, hatto HTML matn tahrirlovchisida oson amalga oshiriladi, Dreamweaverning vizul taxrirlovchis xaqida gapirmasa xam boʻladi.
Jadval joylashtirib koʻramiz va uni Dreamweaverning vizual vositalari yordamida asosiy kattaliklarini bilan tanishib chiqamiz.
Bir necha jaddvallar joylay miz. Bunig uchun payeldagi (ras.9) jadval rasimli tugmasiga bosish kerk boʻladi.
Natijada jadvalning asosiy kattaliklarini kiritishni taklif qiluvchi quyidagicha muloqot (ras.10) oynasi paydo boʻladi.

Ras.10. Jadval kattaliklarini kiritsh muloqot oynasi

Jadval kattaliklarni koʻrib chiqamiz:
Rows – jadvaldagi qatorlar soni, bu kattalikni qolgan kattaliklar kabi oʻzgartish mumkin.
Columns – ustunlar soni.
Width – jadval kengligi, oʻngdagi ochiluvchi roʻyxatdan bu kattalikni qanda qoʻrinishda berishni tanlash mumkin. Agar jadval kengligi piksellarda berilgan boʻlsa, istalgan ekranda xosil qilingan jadval belgilangan joyni egallaydi. Misol uchun agar siz jadvalni kengligini 780 piksel etib tayinlagan boʻlsangiz, 640x480 ekranli foydalanuvchida bu jadval toʻlaligicha koʻrinmaydi, 1600x1200 ekranli foydalauvchida esa ekranni bir qismini egallaydi xolos. Agar siz jadval kengligini foizlarda belgilagan boʻlsangiz, istalga kengligdagi ekranda jadval ekranni siz belgilagan foizni egallaydi – agar 100% belgilangan boʻlsa unda jadval ekranni ulchamidan qattiy nazar ekrani toʻlaligicha egalaydi.
Border – jadval ramkasini qalinligi. Bu kattalik tinch xolatda 1pikselga teng boʻladi. Agar jadval uchun bu kattalik border 0 ga teng deb belgilangan boʻlsa , unda jadvalning barcha yacheykalari uchun xam 0 boʻladi. Agar jadvalning border 0 boʻlmasa unda xab bir yacheyka atrofida xam ramka koʻrinadi.
Oʻng uchtunda jadvalning cellspacing va cellpadding kattaliklari kiritiladi.
Cell Padding – bu kattalik jadvalning yacheykasini chegarasidan undangi maʼlumotgacha boʻlgan masofani anglatadi. Agar bu kattalik kiritlmasa Dreamweaver saxifani HTML-koddida bu kattalikni koʻrsatmaydi, brauzer bu kattalikni tinch xolatdagi qiymatida deb xisoblaydi va sizni jadvalingizdagi yacheyka va uni ichidagi maʼlumot orasidagi masofa 1 pikselga teng boʻladi.
Cell Spacing – bu kattalik qoʻshni yacheykalar orasidagi masofani belgilaydi. Tinch xolatda bu kattalik qiymati 2 pikselga teng boʻladi. Jadval joylangandan soʻng xam bu kattaliklarni oʻzgartirish mumkin boʻladi, u jadval xosalari oynasida joylashgan (ras.12).
Agar jadval toʻlaligicha belgilangan boʻlsa, quyidagicha xossalarni koʻrish mumkin boʻladi:
Table Name (jadval nomi). Bu maydoni toʻldirish tegnida name kattaligini xosil qiladi.

Ras.12. Jadval xossalarini oʻzgartish.
Qator va ustunlar soni (Rows va Cols).
Jadvalnig kengligi (W) va boʻyi (H) foizlarda yoki piksellarda.
Cell Pad va Cell Space – yuqorida koʻrilgan cellspacing va cellpadding.
Align – saxifada jadvalnip rostlash.
Border –ramka qalinligi.
Pastki cham burchagdagi 4 ta kichkin tugmachalar:

• 
  qator boʻyini qiymatni tozalash;
  
• 
  uchtunlar kengligi qiymatni tozalash;
  
• 
  ustun kengligi qiymatni pikselga aylantirish;
  
• 
  jadval kengligi qiymatni foizga aylantirish.
  

V Space va H Space – jadvalga yaqin joylashga matn orasidagi vertikal va gorizontal joylashuvi oraligʻi.
Light Brdr va Dark Brdr – toʻgʻri ranglar tanlanganda jadval uchun xajimli chegara xosil qilishda foydalaniladi.
Bg – bu kabi maydon ikkita berilgan. Yuqoridagisi jadval uchun fon li rasim tanlash imkonini beradi, butun jadval uchun fonli rang tanlash imkonini beradi. Eʼtibor qilin siz aloxida yacheykalar uchun aloxid fon rangini tanlashingiz mumkin. Bunda jadvalning asosiy fon rangi jadval yacheykalari orasidan koʻrinib turadi, misol uchuvn cellspacing kattaligi 0 ga teng boʻlmasa. Bu orqali ajoyib effekt xosil qilish mumkin.
Brdr – bu maydon jadval chegarasiga rangberish imuonini beradi.