Kirish 5
“Yoshlarimizning mustaqil fikrlaydigan, yuksak intellektual va ma’naviy salohiyatiga ega bo’lib, dunyo miqyosida o’z tengdoshlariga hech qaysi sohada bo’sh kelmaydigan insonlar bo’lib
kamol topishi, baxtli bo’lishi uchun davlatimiz va jamiyatimizning bor kuch va imkoniyatini safarbar etamiz”. 5
SH.M.Mirziyoyev. 5
I-BOB: HTML HAQIDA UMUMIY MA'LUMOTLAR 7
1.1 HTML nima? 7
1.2 Html elementlari va atributlari 9
1.3 Html strukturasini tashkil etish 16
II-BOB CSS HAQIDA UMUMIY MA'LUMOTLAR 19
2.1 CSS nima? 20
CSS haqida 20
CSS tarixi 21
CSS ni afzalliklari 21
• Kontekst ajratgichlari 22
• ID ajratgichi 22
• CLASS ajratgichi 22
• Parametrli ajratgichlar 22
• Standart ajratgichlar kabi turlarga bo‘linadi. 22
Biz standart ajratgichini misolda qarab chiqdik. Yana bir misol: 23
a:visited { color: red; } 23
a:link { color: blue; } 23
HTML teglariga CSS ko‘rinishlarini berishning to‘rt xil usuli mavjud: 23
• Inline usuli 23
• Joriy etish usuli 23
• Import qilish usuli 23
• Fayldan yuklash usuli 23
Inline usuliga doir misol: 23
Matn 23
Ushbu misolda “Matn” 150% o‘lchamga o‘zgaradi va markazga tekislanadi. Fayldan yuklash usuli ko‘p qo‘llaniladi va hujjatning bosh qismida tegi orqali fayl ulanadi. Misol: Bayon etilgan to‘rtta usulning bajarilishi tartibi quyidagicha: 23
• Fayldan yuklash usuli 23
• Import qilish usuli 23
• Joriy etish usuli 23
• Inline usuli 23
Demak, Inline usulining bajarilishi ehtimoli katta. Butun sayt uchun umumiy usul fayldan yuklash usuli hisoblanadi. Web-saytning bir nechta sahifasiga boshqalaridan farq qiladigan alohida ko‘rinish berish uchun Import qilish usuli qo‘llaniladi. Bitta sahifa uchun joriy etish usuli qo‘llanilishi maqsadga muvofiq. Inline usulini sahifa ichidagi biror abzatsni ajratib ko‘rsatish uchun qo‘llash mumkin. CSS yordamida hujjat ustida harakatlanuvchi sichqon ko‘rsatgichining (kursor) ko‘rinishlarini o‘zgartirish mumkin. Masalan, odatdagi holatda strelka ko‘rinishida, matn ustida vertikal tayoqcha ko‘rinishida bo‘lishi uchun kursor ko‘rinishlari turlicha ko‘rsatiladi. Kursor ko‘rinishi quyidagicha beriladi. 23
p { cursor: pointer; } 24
Element Selektor 25
Id selektor 26
Klas selektor 26
Guruh selektor 27
CSS da izohlar 28
III-BOB RESPONSIV DIZAYN VA MEDIA SO'ROVLAR 28
Xulosa 37
Web dizayn fani 60110600 – Matematika va informatika ta’lim yoʻnalishida tahsil olayotgan talabalar uchun moʻljallangan bo‘lib, fanni o‘qitish natijasida bo‘lajak informatika o‘qituvchilari web-saytlar yaratishda qo‘yiladigan talablar, dasturiy
vositalar va ularning tasnifi, ulardan foydalangan holda web-saytlar yaratishga oid bugungi kunning zamonaviy bilimlari bilan qurollantirishga e’tibor qaratiladi. Web dizayn fanini o‘qitishdan maqsad - informatika o‘qituvchisining kasbiy sohasida egallashi lozim web-dizaynga oid bo‘lgan bilimlar va amalda qo‘llash uchun ko‘nikma va malakalarni shakllantirish va rivojlantirishdan iborat. Unda har bir kasb egasining faoliyati kerak bo‘lgan tayanch nazariy va amaliy ma’lumotlami o‘z ichiga oladi. 37
Bu kurs ishida yoritilgan mavzu Web dizayn fanini talabalarga yanada yaxshiroq tushunish va kelajakda boshqa ilm oluvchilarga o’rgatishlari uchun katta 37
yordam va dasturul amal bo’lib xizmat qiladi. 38
FOYDALANILADIGAN ADABIYOTLAR RO`YXATI: 38
