CSS o‘quv dasturi


ULASHISH

Kirish

W3Schools CSS darsligi keng qamrovli va yangi boshlovchilar uchun qulaydir.

U sizga CSS bo‘yicha fundamental bilim beradi.

U yangi boshlovchilar uchun mo‘ljallangan va dasturlash bo‘yicha oldindan tajriba talab qilmaydi.

Mazmun mayda bo‘laklarga ajratilgan, oddiy va tushunarli bo‘lishi uchun ehtiyotkorlik bilan tayyorlangan.

Mazmun yillar davomida millionlab foydalanuvchilar tomonidan sinovdan o‘tgan. U tez-tez yangilanadi va yaxshilanadi.

Dastur rejasi va uning ketma-ketligi CSS’ni kirishdan boshlab birinchi ilovangizni yaratishgacha bosqichma-bosqich o‘rganishingiz uchun tuzilgan.

CSS bilan ishni boshlang »


O‘quv natijalari

  • Veb-sahifalarni formatlash va uslublash uchun CSS qanday ishlatilishini tushuning.
  • HTML elementlarning ko‘rinishini belgilash uchun CSS qoidalari va sintaksisidan foydalaning.
  • Veb-sahifa matnini moslashtirish uchun ranglar, shriftlar va matn xossalaridan foydalaning.
  • Maqsadli uslublash uchun turli selektor turlarini (masalan, klass, ID, element selektorlari) qo‘llang.
  • Layout yaratish va o‘zgartirish uchun box model xossalaridan (border, padding va margin) foydalaning.
  • Sahifadagi elementlarni tartibga solish uchun joylashtirish xossalaridan (static, relative, absolute va fixed) foydalaning.
  • Moslashuvchan veb-sahifalar yaratish uchun media so‘rovlaridan foydalaning.
  • Chegaralar va fonlarni turli sifatlar hamda effektlar bilan uslublang.
  • Moslashuvchan va moslashadigan layoutlar yaratish uchun CSS Flexbox’dan qanday foydalanishni o‘rganing.
  • Tashqi CSS faylini HTML hujjatiga bog‘lang.
Eslatma: Siz CSS-ni o‘rgatuvchi o‘qituvchimisiz? W3Schools Akademiyasi - bu sizga o‘rgatishda yordam beradigan xususiyatlar to‘plami. U oldindan tuzilgan o‘quv rejalari, class boshqaruvi va boshqalar kabi class xususiyatlarini taklif etadi. Academy haqida bu yerda batafsil o‘qing.

CSS qaysi fanlar uchun muhim?

  • Veb-sahifalar: HTML veb-sahifalar yaratish uchun standart markup tilidir va CSS ularni uslublash uchun ishlatiladigan tildir.
  • Kompyuter fanlari (CS) / axborot texnologiyalari (IT): HTML bilan CSS birgalikda internet, veb-dasturlash va programmalashni tushunish uchun fundamentaldir.
  • Ra qamli media: Matn, fotosuratlar va boshqa media CSS bilan HTML birgalikda ra qamli platformalarga qo‘shilishi mumkin, bu kontent yaratish va boshqarish uchun muhimdir.
  • Biznes / Tadbirkorlik:
    Veb-sayt yaratishni bilish internet bilan bog‘liq loyihalar uchun foydali.
  • San’at va dizayn: CSS veb-dizayn, ijod va vizual kommunikatsiya g‘oyalarini qo‘llab-quvvatlaydi, bularning barchasi veb-dizaynning bir qismidir.
  • STEM (fan, texnologiya, muhandislik, matematika): HTML va CSS bilan veb-sahifalar qurish STEM loyihalarida texnologiya integratsiyasining bir qismi bo‘lib, mantiqiy fikrlash va muammoni hal qilishni o‘rgatadi.
  • Kasbiy va texnik ta’lim (CTE): CSS bilan HTML birgalikda kasbga yo‘naltirilgan kurslar, ayniqsa veb-dasturlash, IT yordami va ra qamli marketing bilan bog‘liq kurslar o‘quv dasturining bir qismidir.

Boshlash



Mashg‘ulotlar va amaliyot

Bu darslikda CSS’ni bepul o‘rganishingiz uchun turli faoliyatlar taklif qilamiz:


O‘zgarishlarni kuzatish uchun tizimga kiring

Shuningdek, farovonligingizni kuzatish uchun akkaunt yaratasiz.

Kirgan foydalanuvchi sifatida siz quyidagi xususiyatlarga ega bo‘lasiz:

  • O‘qish yo‘llari
  • Sandbox va laboratoriya muhitlari
  • Yutuqlar
  • Va yana ko‘plari!

ro‘yxatdan o‘ting


Sandbox va laboratoriya muhiti

CSS, boshqa har qanday dasturlash tili kabi, kod bilan amaliy ishlash orqali eng yaxshi o‘rganiladi.

Kodni bizning "O‘zingiz sinab ko‘ring" tahrirlovchisi bilan oson sinab ko‘ring.

Bu yerda CSS kodini tahrirlashingiz va natijani ko‘rishingiz mumkin:

CSS misoli

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}
O‘zingiz sinab ko‘ring »

Ko‘proq o‘rganish va loyihangizni joylashtirishni xohlasangiz, statik saytlar qurish, sinash va joylashtirish imkonini beradigan Spaces deb nomlangan imkoniyatimiz bor.

Bu yerda siz Spaces nomli xavfsiz sandbox muhitini olasiz, unda kodlashni mashq qilishingiz va loyihalarni real vaqtda sinashingiz mumkin.

Spaces kodni sinash, qurish va joylashtirish imkonini beradi. Bunga W3Schools subdomeni, hosting va xavfsiz SSL sertifikatlari kiradi.

Spaces o‘rnatishni talab qilmaydi va brauzerda to‘g‘ridan-to‘g‘ri ishlaydi.

Xususiyatlar:

  • Hamkorlik
  • File navigator
  • Terminal & log
  • Package manager
  • Database
  • Environment manager
  • Analytics
Dynamic Spaces

Spaces akkaunti yaratish


CSS sertifikati

W3Schools yo‘l yakuni sertifikatlash dasturini taklif etadi.

Bu yerda sertifikat olish uchun imtihon topshirishingiz mumkin.

CSS imtihoni W3Schools CSS dasturini qisqacha takrorlaydigan testdir.

Imtihondan o‘tgach "Certified CSS Developer" sertifikatini olasiz.

Ikki xil sertifikat turi bor:

  • Moslashuvchan bo‘lmagan (non-adaptive)
  • Moslashuvchan (adaptive)

Moslashuvchan bo‘lmagan — o‘tdi yoki o‘tmadi.

Moslashuvchan sertifikat moslashuvchan va baholanadi; talabalar o‘rta, ilg‘or va professional darajalaridan baho oladilar.

Sertifikat sotib olish »


O‘qituvchimisiz?

W3Schools Akademiyasi yordamida CSS o‘rgatishni o‘rganishga qiziqasizmi?

W3Schools Akademiyasi demosini ko‘ring. U qanday ishlashini ko‘rasiz va dasturlashni o‘qitishni qanday osonlashtirishi va qiziqarli qilishini bilib olasiz.

Demoni ko‘rish »




W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!