va ularga mos yopuvchi teglar. Web-sahifada sarlavha




Download 0,61 Mb.
bet7/10
Sana12.12.2023
Hajmi0,61 Mb.
#117133
1   2   3   4   5   6   7   8   9   10
Bog'liq
9 Mavzu Web texnologiya

,

,

,

,
va ularga mos yopuvchi teglar.

Web-sahifada sarlavha


Web-sahifada sarlavha


Web-sahifada sarlavha


Web-sahifada sarlavha


Web-sahifada sarlavha

Web-sahifada sarlavha



  1. Web-sahifada abzats. Web-sahifada abzatslarni belgilash uchun
    tegi ishlatiladi. Bu descriptor abzats boshlanishida yoziladi va o'zidan keyin yozilgan matndan oldin bo'sh satr qoldiradi.
    descriptor yopilishi shart bo'Imagan tegiar sirasiga kiradi. Ya'ni abzats
    deskriptor bilan yakunlanmaydi.

  2. Web-sahifada yangi satrga o’tish. Matnda yangi satrga o'tish uchun
    deskri ptoridan foydalaniladi. Bu dcskriptomi matnda bo'sh satr qoldirish uchun ham ishlatish mumkin.

  3. Matnning qo'shimcha o'lchamlarini belgilash. Matndagi harf yoki simvollarni ajratib ko’rsatish uchun , va uning atributlaridan foydalaniladi.

    • SIZE - harf o'lchamini belgilashda qo'llaniladi. Matndagi harflar o'lchamini 1 dan boshlab hohlagan son bilan belgilash mumkin.

    • COLOR - bu komandadan so'ng rang nomi yoki rangni belgilovchi olti xonali alfavitli-raqamli kod kiritiladi va shu tariqa harf rangi belgilanadi.

    • FACE - matnni qanday shriftda yozilishini belgilash uchun shrift nomi keltiriladi. Shrift nomi kompuyterda o'rnatilgan bo'lishi kerak, yoki omumiy ishlatiladigan shriftlardan foydalanish mumkin. Agar siz qo'llagan shrift foydalanuvchining kompyuterida topilmagan taqdirda brauser satndart shriftni tanlaydi.


yozuv shakli -Arial
rangi qizil

o'lchami 20




Matnning biror qismiga e'tiborni jalb etish maqsadida ba'zi so'zlar ajratib ko'rsatiladi. MS Word hujjatida bunga matndagi ma'lum so'zlarni qalin, og'ma yoki tagchiziqli ko'rinishda yozish bilan erishish mumkin edi. HTML tilida ham shu kabi imkoniyat bo'lib, quyidagi juft te-glardan foydalaniladi:

- qalin shrift (Bold)

yoki o'rniga



- og'ma shrift (Ilalik)

yoki

- tagchiziqli shrift
(Underline)


HTML tilida ham matnni web-sahifada turlicha joylashtirish imkoni bor va bu vazifa

juftmas tegi yoki

,

,

,

,

,
juft teglariga ALIGN


(tekislash) parametrini qo'shish yo'li bilan amalga oshiriladi:

.
Joylashtirish parametri qiymati o'rniga "Left", "Right", "Center" va "Justify" so'zlaridan biri yozitadi.

- abzasni sahifaning chap tomoniga joylashtiradi.

- abzasni sahifaning o'rtasiga joylashtiradi.

- abzasni sahifaning o'ng tomoniga joylashtiradi.

- abzasni sahifaning kengligi bo'yicha chap va o'ng tomondan tekislashga harakat qiladi.


29.3. Web-sahifada grafika
Internet bilan ishlovchi dasturlar tasvirlarni (grafik elementlar) ochish imkoniga ega bo'lishi bilan internetda mavjud sahifalarning deyarli barchasi tasvirli ahborotlarni nashir eta boshladi. Siz yaratgan veb sahifa qiziqarli va chiroyli dizayn asosiga qurilgan bo'lsa uning o'quvchilar soni shubhasiz ortadi. Tarvirlar yordamida harakatlanuvchi tugmalar va Gif animatziyalarni kiritish mumkin. Biroq tasvirlar bilan ishlashda ularni hajmi va formatiga etibor berish kerak. Hozirgi paytda internetga joylashtirilayotgan deyarli barcha sahifalarda ishlatilayotgan tasvirlar formati *.JPEG yoki *. GIF ni tashkil etadi. Bunga asosiy sabab, bu formatdagi tasvirlar hajmi juda ham oz. Bu formatdagi tasvirlar ishlatilganda Veb sahifa hajmi ortib ketmaydi va sizning veb sahifangizdan foydalanuvchi sahifani ochilishini uzoq vaqt kutmaydi. Agar siz boshqa formatdagi tasvirlardan veb sahifani bezashda foydalansangiz uning hajmi ortib ketadi va undan foydalanuvchilarga sahifani ochishda muammolar keltirib chiqaradi. Veb safini bezatishda uning dizayiniga *.GIF formatdagi tasvirlardan foydalaning boshqa tasvirlar uchun *.JPEG dan foydalanishingiz mumkin
Web-sahifani „jonlantirish"ning eng samarali usuli —unga lurli rasmlar joylashtirishdir. Faqat matndan iborat web-sahifa ma'lumotga boy bo'lishi mumkin, lekin zerikarli bo'ladi. Anmao wcb-sahifaga haddan ziyod rasm joylashtirish web-sahifani bach-kana qilib yuborishi bilan birga uning fayli hajmini kattalashtirib yuboradi. Fayl qanchalik katta hajmga ega bo'lsa, uni Internet tarmog'idan o'qib olish shuncha ko'p vaqt talab etadi. Shu sababli wcb-sahifaga fayl hajmi kichik bo'lgan rasmlarni joylashtirish maq-s;idga muvofiqdir. 9- sinfda (1- mavzu) rasm fayli formatlari haqida batafsil ma'lumot berilib, Intemetda asosan gif va jpeg formatli rasm fayllari qo'llanilishi aytilgan edi. Darhaqiqat, bmp formatli rasm faylini ./peg formatga o'tkazilsa, fayl hajmi bir necha barobar kichrayadi. Rasm faylini bir formatdan boshqasiga o'tkazish maxsus dasturlar (AcdSee, Photoshop,...) yordamida amalga oshiriladi.
Web-sahifaga rasm joylashtirish uchun tegi (image — tasvir) qo'llaniladi. Rasm faylini ko'rsatish uchun mazkur deskriptorga SRC operatori qo'shiladi. Masalan, Websahifaga joylashtirilayotgan rasm faylining nonii mypic.jpg bo'lsa, HTML-hujjatga quyidagi satr qo'shiladi:

Avalgi mavzularda matnni web-sahifada ALIGN buyrug'i yordamida joylashtirish bilan tanishdingiz. Mazkur buyraqni web-sahifada rasmni chap yoki o'ng tomonga joylashtirish uchun ham qo'llash mumkin. Aslida bu buyruq rasm yoniga matn joylashtirish uchun qo'llaniladi. Ammo rasm joylashgan satrda matn bo'lmasa, u rasmning joylashishiga ta'sir etadi. Masalan,
yozuvi „mypic.jpg" rasmni web-sahifaning o'ngtomonigajoylash-tiradi.
Web-sahifada matnni rasmga nisbatan quyidagi uch hil ko'ri-nishdan birida joylashtirish mumkin:

  • rasmning yuqori chegarasi bo'yicha;

  • rasmning o'rtasidan;

«» rasmning quyi chegarasi bo'yicha.
Buning uchun ALIGN buyrug'iga mos ravishda Top, Middle va Bottom ko'rsatmalari kiritiladi. Masalan,

yozuvi web-sahifaga „mypic.jpg" rasmini joylashtirib, undan keyin kiritilgan matnni
rasmning yuqori chegarasi bo'yicha joylashtiradi.
Web-sahifaga rasmni joylashtirish bilan bifga, uning o'lcham-larini ham o'zgartirish mumkin. Buning uchun WIDTH (eni, kengligi) va HEIGHT (bo'yi, balandligi) buyruqlaridan foydala-niladi. Markur buyruqlar yordamida web-sahifaga joylashtirilayotgan rasmning eni va bo'yi piksellarda yoki rasmning asl o'lchamiga nisbatan foiz hisobida beriladi. Rasmning o'lchamlarini foiz hisobida berilishi qulay. Ammo ba'zi brauzerlar uni qabul qilmaydi.
WIDTH va HEIGHT buyraqlari tegi bilan birga qo'llaniladi. Masalan,
yozuvi mypic.jpg faldagi rasmning asl o'lchamlari qanday bo'li-shidan qatiy nazar, uni web-sahifaga 50x100 piksel o'lchamli qilib joylashtiradi.
Web-sahifaga rasm joylashtirilganda uning atrofida bo'sh joy bo'lmaydi. Ya'ni, ekranda bu rasmga matn yoki boshqa rasm „yopishib" chiqadi. Web-sahifadagi rasm atrofida bo'sh joy qoldirish (rasmdan chekinish) uchun HSPACE va VSPACE buyraqlari qo'llaniladi.
Qoldiriladigan bo'sh joy piksellarda beriladi.
HSPACE — rasmning chap va o'ng tomonidan bo'sh joy qoldiradi.
VSPACE — rasmning tepasi va tagidan bo'sh joy qoldiradi.
Masalan,

yozuvi web-sahifadagi rasmning (mypic.jpg) o'ng, chap, tepa va pustki tomonlaridan
kengligi 5 pikselga teng bo'sh joy (ramka) qoldiradi.
tegi bilan bo'g'liq bolgan, quyida keltirilgan asosiy qoyidalar biloan tanishinb chiqing va oz sahifangizni yaratishda ushbu qoidalarga doim rioya qilishga harakat qiling.


Download 0,61 Mb.
1   2   3   4   5   6   7   8   9   10




Download 0,61 Mb.

Bosh sahifa
Aloqalar

    Bosh sahifa



va ularga mos yopuvchi teglar. Web-sahifada sarlavha

Download 0,61 Mb.