Nom kiritish bosManishini

Download 389,97 Kb.

bet	137/142
Sana	01.01.2022
Hajmi	389,97 Kb.
	#291707

1 ... 134 135 136 137 138 139 140 141 142

Bog'liq
9- sinf dars ishlanmalari

^{Rasmlar

Formati

Rasm o'lchami

Grafik fayl hajmi

BMP

130x100 piksel

38,3 kilobayt

JPEG

130x100 piksel

4,44 kilobayt

GIF

130x100 piksel

6,5 kilobayt

Web-sahifaga rasm joylashtirish uchun juftmas tegi (image ing. tasvir) qo'llaniladi. Rasm faylini ko'rsatish uchun mazkur tegga SRC (source - manbaa) parametri qo'shilishi shart. Masalan, web-sahifaga joylashtirilayotgan rasm faylining nomi «mypic.jpg» bo'lsa, HTML-hujjatga quyidagi satr qo'shiladi:

,

bu yerda mypic.jpg SRC parametrining qiymati.

Awalgi mavzularda matnni web-sahifada ALIGN parametri yordamida joylashtirish bilan tanishdingiz. Mazkur parametrni web-sahifada rasmni chap yoki o'ng tomonga joylashtirish uchun ham qo'llash mumkin. Aslida bu parametr rasm yoniga matnni turli holatlarda joylashtirish uchun qo'llaniladi, ammo rasm joylashgan satrda matn bo'lmasa, u rasmning joylashishiga ta'sir etadi. Masalan, yoki yozuvi "mypic.jpg" rasmni web-sahifaning o'ng tomoniga joylashtiradi.

Web-sahifada matn va rasmni ALIGN parametrining quyidagi jadvaldagi qiymatlariga mos holatlardan birida joylashtirish mumkin:

MIDDLE

Rasmning o'rtasi joriy (rasmdan keyingi) satrning tagiga tekislanadi

ABSMIDDLE

Rasmning o'rtasi joriy satrning o'rtasiga tekislanadi

BOTTOM

Rasmning quyi chegarasi joriy satrning tagiga tekislanadi

Kubning rasmi

Kubning rasmi

g| Kubning 6 ta yoni, 12 ta qirrasi, 8 ta uchi bor.

Kubning 6 ta yoni, 12 ta qirrasi, 8 ta uchi bor.

_v!

2. yozuviweb-sahifaga "kub.bmp" rasminio'nghoshiyagategizib, rasmningyuqorichegarasinijoriysatrningengkattaelementigatekislaydivajoriysatrrasmnichaptomonigayoziladi:

1

Kubning rasmi

Kubning rasmi J

-kub.bmp" ALIGN=

"right" >

Kubning 6 ta yoni, 12 ta qirrasi, 8 ta uchi ,

Kubmng 6 ta yoni, 12 ta qirrasi, 8

ta uchi bor.

bor.

' 1

Shunita'kidlashjoizki, web-sahifadamatnvarasmningjoylashishholatlarimatnformatigaxosteglarningishlatilishigahambog'liq, buniko'rishuchunyuqoridagimisollardanikkinchisida
teginiolibtashlashningo'zikifoya.
Web-sahifaga rasm joylashtirishda uning o'lchamlarini ham tanlash mumkin. Buning uchun WIDTH (eni, kengligi) va HEIGHT (bo'yi, balandligi) parametrlaridan foydalaniladi. Mazkur 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 noqulay (ba'zi brauzerlar foizni qabul qilmaydi). Masalan,

yozuvi mypic.jpg faylidagi rasmning (yuqoridagi jadvaldagi 130x100 pikselli rasm) asl o'lchamlari qanday bo'lishidan qatiy nazar uni web-sahifaga 50x100 piksel o'lchamli qilib joylashtiradi:

Rasm o'lchamlarini kattalashtirish uning sifatini yomonlashishiga c^fj olib kelishini unutmang! Rasmni biror grafik muhharir yordamida kerakli o'lchamga keltirib olib, so'ngra web-sahifaga joylashtirish maqsadga muvofiqdir!

Web-sahifaga rasm joylashtirilganda uning atrofida bo'sh joy bo'lmasligi, ya'ni, ekranda bu rasmga matn yoki boshqa rasm «tegib» chiqishi mumkin (yuqoridagi 1-misol). Web-sahifadagi rasm atrofida bo'sh joy (bo'shliq — space) qoldirish (rasmdan chekinish) uchun HSPACE (rasmning chap va o'ng tomonidan bo'sh joy qoldiradi) va VSPACE (rasmning tepasi va tagidan bo'sh joy qoldiradi) buyruqlari qo'llaniladi. Qoldiriladigan bo'sh joy piksellarda beriladi. Masalan,

yozuvi web-sahifadagi (lola.jpg) rasmning o'ng, chap, tepa va pastki tomonlaridan kengligi 15 pikselga teng (ramkasimon) bo'sh joy qoldiradi:

Web-sahifadagi rasm atrofida bo'sh joy qoldinsh (rasmdan chekinish) uchun HSPACE va VSPACE buyruqlan qo'llaniladi. Qoldmladigan be' sh joy piksellarda beriladi.

HSPACE - rasmning chap va o'ng tomonidan bo'sh joy qoldiradi. VSPACE - rasmning tepasi va tagidan bo'sh joy qoldiradi.
Rasm atrofida (qora) ramka hosil qilish uchun BORDER (chegara) parametridan foydalaniladi. Bunda parametr qiymati sifatidagi ramka qalinligini piksellarda olinadi, ya'ni masalan:

>.}

Rasm atrofida ramka hosil qilishni o'zingiz mustaqil bajarib ko'ring.

Web-sahifadagi rasm atrofida bo'sh joy qoldinsh (rasmdan chekinish) uchun HSPACE va VSPACE buyruqlari qo'llaniladi Qoldmladigan 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.
Musatahkamlash uchun savol va topshiriqlar

1. Qanday grafik formatlarni bilasiz?

2. BMP formatli rasmni JPEG va GIF formatiga PAINT dasturi yordamida o'tkazing.

3. Web-sahifaga rasm joylashtirish qanday tashkil etiladi?

4. tegining qanday parametrlari bor?

5. Rasmni web-sahifaning chap yoki o'ng tomonida joylashtirish qanday tashkil etiladi?

6. Web-sahifaga rasm o'lchamlarini o'zgartirilgan holda qanday joylashtirish mumkin ?

7. Qaysi parametrlar yordamida web-sahifada rasmning atrofida bo'sh joy qoldiriladi?
Uyga vazifa quyidagi mashqlarni bajarish.

«Buyuk ajdodlarimiz» nomli web-sahifaga ajdodlarimiz yutuqlarga erishgan sohaga mos rasmlarni turli oichamlarda joylashtiring.

«Men sevgan kasb» nomli web-sahifaga kasbga oid rasmlar joylashtirib, rasmlar atrofida 15 pikselli ramka hosil qiling.

«Mening oilam» nomli web-sahifaga oila a'zolaringiz kasbiga oid rasmlarni joylashtiring. Bunda joylashtirish turli usullaridan foydalaning.

56- dars. 9- sinf 16.04.2012yil
MAVZU: Web-sahifada grafika mavzusini takrorlash

Darsmaqsadi: a) Ta’limiy

b) Tarbiyaviy

c) Rivojlantiruvchi

Darsjihozi: Kompyuter, ekran, doska, bo’r, kitob, daftar

Dars uslubi: Aralash

Darsning borishi: a) O’tilganlarni takrorlash

b) Yangi mavzu bayoni
«Bizning sinf» nomli web-sahifaga 3 ta rasm joylashtiring.

«Vatanimizning tarixiy shaharlari» nomli web-sahifaga rasmlar joylashtiring. Rasmlar joylashishi turli holatlarda va o'lchamlarda bo'lsin (yo'llanma: rasmlarni internet tarmog'idan olish mumkin).

Uyga vazifa : «Uy hayvonlari» nomli web-sahifa tayyorlang. Unda hayvonlarning rasmlari joylashtirilsin va rasm yonida hayvon nomi yozilgan bo'lsin (yo'llanma: rasmlarni MS Word kolleksiyasidan olish mumkin).

58- dars. 9- sinf 23.04.2012yil
MAVZU: Web-sahifaga ro'yxat joylashtirish

Dars maqsadi: a) Ta’limiy

b) Tarbiyaviy

c) Rivojlantiruvchi

Dars jihozi: Kompyuter, ekran, doska, bo’r, kitob, daftar

Dars uslubi: Aralash

Darsning borishi: a) O’tilganlarni takrorlash

b) Yangi mavzu bayoni

58- dars.

MS Word matn protsessori yordamida tayyorlangan hujjatda ro'yxat hosil qilishning 2 xil usuli bo'lib, biri markerli ( Etugmasi yordamida) ikkinchisi tartiblangan ( E tugmasi yordamida) ro'yxatdir, masalan:

Web-sahifaga ro’yhat kiritish uchun

(nomerlangan ro’yhat) deskriptorlaridan foydalaniladi. Bu deskriptorlar mos ravishda

va deskriptorlari bilan yakunlanadi. Ro‘yxat punktlarini belgilash uchun

deskriptori qo’llaniladi. Masalan,

Informatika
Matematika
Tarix

ro’yhatni ifodalovchi HTML-hujjat lavhasi quyidagicha yoziladi:

Informatika
Matematika
Tarix

Huddi shu ro’yhatda tartib raqami o’rniga marker qo’yilishi kerak bo’lsa, HTML-hujjat lavhasi quyidagi ko’rinishda bo’ladi:

Informatika
Matematika
Tarix

Agar ro’yxat tartib raqami 1 dan boshqa son bilan boshlanishi kerak bo’lsa,

Informatika
Matematika
Tarix

Informatika
Matematika
Tarix

Mavzuni mustahkamlash.

Uyga vazifa: Mavzuni o`qib kelish.

59- dars. 9- sinf 28.04.2012yil

MAVZU

Dars maqsadi: a) Ta’limiy

b) Tarbiyaviy

c) Rivojlantiruvchi

Dars jihozi: Kompyuter, ekran, doska, bo’r, kitob, daftar

Dars uslubi: Aralash

Darsning borishi: a) O’tilganlarni takrorlash

b) Yangi mavzu bayoni

1.3.7.

Web-sahifaga jadval kiritish uchun , va deskriptori jadval satrini, va va deskriptorlari bilan yopiladi. Masalan,

deskriptorlari qo’llaniladi. deskriptori jadval boshlanishini,
deskriptori esa jadval ohirini bildiradi.
deskriptori esa jadval ustunini belgilaydi. Jadval satrlardan tashkil topadi. O’z navbatida har bir satr ustunlarga bo’linadi.
deskriptorlari mos ravishda

Yanvar

Qishning 2-oyi

Yilning birinchi oyi

Dekabr

Qishning 1-oyi

Yilning oxirgi oyi

jadvalni ifodalovchi HTML-hujjat lavhasi quyidagicha yoziladi:

Yanvar Qishning 2-oyi Yilning birinchi oyi

Dekabr Qishning 1-oyi Yilning oxirgi oyi

Bu lavha web-sahifada jadval hosil qiladi. Ammo bu jadvalning chegara chiziqlari bo’lmaydi. Jadvalning chegara chiziqlari deskriptori yordamida hosil qilinadi. Buni inobatga olib, quyidagi lavhani hosil qilamiz:

Yanvar Qishning 2-oyi Yilning birinchi oyi

Dekabr Qishning 1-oyi Yilning oxirgi oyi

Quyidagi HTML-hujjat va unga mos web-sahifada ro’yhat va jadvallarning joylashishini ko’rish mumkin