5-OY — CSS & Visual Thinking
Oy maqsadi
O‘quvchida:
- CSS asoslarini to‘liq tushunish
- rang, shrift, joylashuvni his qilish
- dizayn orqali fikr yetkazish
- “men chiroyli sayt qila olaman” degan ishonch
ni shakllantirish.
5-OY TEST SAVOLLARI (30 ta)
1. CSS nima?
A) Dasturlash tili
B) Dizayn tili
C) Belgilash tili
D) Server
Javob: B
2. CSS nimani boshqaradi?
A) Mantiq
B) Ma’lumot
C) Ko‘rinish
D) Server
Javob: C
3. CSS qayerda yoziladi?
A) Faqat HTML ichida
B) Faqat alohida faylda
C) Inline, internal, external
D) JavaScript’da
Javob: C
4. Inline CSS qayerda yoziladi?
A) <style> ichida
B) .css faylda
C) HTML teg ichida
D) <head> da
Javob: C
5. External CSS qanday ulanadi?
A) <css>
B) <script>
C) <link>
D) <style>
Javob: C
6. CSS selector nima?
A) Rang
B) Element tanlash usuli
C) Rasm
D) Fayl
Javob: B
7. Element selector misoli?
A) .box
B) #box
C) div
D) @media
Javob: C
8. Class selector belgisi?
A) #
B) .
C) *
D) &
Javob: B
9. ID selector belgisi?
A) .
B) *
C) #
D) !
Javob: C
10. Rang berish uchun property?
A) background
B) font
C) color
D) align
Javob: C
11. Orqa fon rangini berish?
A) color
B) background-color
C) border
D) font
Javob: B
12. Matn o‘lchamini o‘zgartirish?
A) font-style
B) font-size
C) text-align
D) line-height
Javob: B
13. Matnni markazga joylash?
A) align
B) position
C) text-align
D) center
Javob: C
14. Shriftsiz sayt bo‘ladimi?
A) Yo‘q
B) Ha
C) Faqat rasm bilan
D) Internet bo‘lsa
Javob: B
15. Shriftsiz sayt qaysi holatda chiqadi?
A) font-family yo‘q
B) HTML yo‘q
C) CSS yo‘q
D) JS yo‘q
Javob: A
16. Box Model tarkibi?
A) Color, font, size
B) Margin, border, padding, content
C) Width, height
D) Flex, grid
Javob: B
17. Padding nima?
A) Tashqi bo‘shliq
B) Ichki bo‘shliq
C) Chegara
D) Rang
Javob: B
18. Margin nima?
A) Ichki bo‘shliq
B) Chegara
C) Tashqi bo‘shliq
D) Fon
Javob: C
19. Border nima?
A) Rang
B) Bo‘shliq
C) Chegara chiziq
D) Rasm
Javob: C
20. Width nimani belgilaydi?
A) Balandlik
B) Kenglik
C) Rang
D) Shriftsiz
Javob: B
21. Height nimani belgilaydi?
A) Kenglik
B) Rang
C) Balandlik
D) Chegara
Javob: C
22. Display nima?
A) Rang
B) Ko‘rinish turi
C) Shriftsiz
D) Server
Javob: B
23. Block element qanday joylashadi?
A) Yonma-yon
B) Qatorni to‘ldiradi
C) Inline
D) Yashirin
Javob: B
24. Inline element qanday joylashadi?
A) Pastma-past
B) Yonma-yon
C) Qatorni to‘ldiradi
D) Markazda
Javob: B
25. CSS yordamida dizayn nima beradi?
A) Tezlik
B) Chiroy
C) Mantiq
D) Server
Javob: B
26. Vizual fikrlash nimani anglatadi?
A) Kod yozish
B) Rang va joylashuvni his qilish
C) Matematik hisob
D) Server
Javob: B
27. Ranglar uyg‘unligi nima uchun muhim?
A) O‘yin
B) Foydalanuvchi qulayligi
C) Server
D) Kod
Javob: B
28. CSS o‘rganish natijasi?
A) Backend
B) Dizaynli sayt
C) AI
D) O‘yin
Javob: B
29. CSS frontendning qaysi qismi?
A) Mantiq
B) Ko‘rinish
C) Server
D) Ma’lumot
Javob: B
30. CSS bilgan o‘quvchi nimani qila oladi?
A) Chiroyli sahifa
B) Server sozlash
C) AI
D) O‘yin
Javob: A
5-OY LOYIHA — “Mening Birinchi Dizaynli Sahifam”
Loyiha tavsifi
O‘quvchi HTML + CSS yordamida chiroyli, oddiy landing page yaratadi.
Sahifa tarkibi
- Sarlavha (title)
- Qisqa matn
- Rasm joyi
- Tugma
- Bo‘limlar (div)
Dizayn talablari
- Kamida 3 xil rang
- 1 ta shrift
- Padding va margin ishlatilgan
- Sahifa markazlangan
Topshiriq talablari
O‘quvchi:
- External CSS ishlatadi
- Class selectorlar qo‘llanadi
- Box model ko‘rinadi
Baholash mezoni (100 ball)
- Ranglar uyg‘unligi: 30 ball
- Layout va joylashuv: 30 ball
- CSS tozaligi: 25 ball
- Umumiy ko‘rinish: 15 ball
5-OY YAKUNI
O‘quvchi:
- CSS asoslarini biladi
- Sahifani chiroyli qila oladi
- Dizayn ko‘zi shakllanadi
- Keyingi bosqich — Responsive Designga tayyor bo‘ladi