Qarshi innovatsion ta’lim universiteti 2-kurs 22-21 guruh talabasi Fayzullayeva Sevinch Web dasturlash fanidan mavzu: Windows operatsion tizimida konsol rejimida tarmoq bilan ishlash Qarshi – 2023

QARSHI INNOVATSION TA’LIM UNIVERSITETI 2-kurs 22-21 guruh talabasi Umirzoqova Dinora Web dasturlash fanidan 4-amaliy mashg’ulot ishi MAVZU:CSS yordamida Web sahifa elementlariga soya berish haqida taqdimot Qarshi – 2023

REJA:
CSS-ning afzalliklari
CSS nima?
CSS qoidasi
Kaskadli uslublar jadvali veb-ustaga nafaqat chiroyli manba yaratishga, balki uning hajmini sezilarli darajada kamaytirib, kodni o'qiydigan qilishga imkon beradi. CSS-dan foydalanib, HTML-sahifani belgilashda mumkin bo'lmagan parametrlarni o'rnatishingiz mumkin.
CSS yordamida manba sahifalarining ko'rinishini bir necha marta bosish orqali tom ma'noda o'zgartirishingiz mumkin. Bu juda qulay, ayniqsa sayt ko'p sahifali bo'lsa. Barcha dizayn o'zgarishlari resurslarning har bir sahifasida parametrlarni almashtirish bilan emas, balki kaskadli uslublar jadvalida amalga oshiriladi. Faqat CSS tufayli blokirovka qilishni amalga oshirish mumkin.
CSS-ning asosiy tamoyillari haqida gapirganda, birinchi navbatda kaskadli uslublar jadvalini HTML-faylga qanday bog'lashni o'rganish kerak. Jarayon etarlicha sodda. Birinchi qadam HTML hujjat yaratishdir. Hali bilmaganlar uchun bu bloknot dasturida yaratilgan. Keyin, "Saqlash" funksiyasidan foydalanib, HTML kengaytmasini o'rnatishingiz kerak.
Xuddi shu tarzda, kaskadli uslublar jadvali yaratiladi, faqat faylga CSS kengaytmasi berilishi kerak. Olingan hujjat HTML fayllari bilan bir xil papkada saqlanishi kerak. Aytaylik, uslublar varag'i hujjati style.css deb nomlangan. Uni HTML hujjatiga ulash uchun tegdan foydalanish kerak , tashqi fayllarni ulash uchun javobgardir. Teglar orasida , quyidagilarni kiritishingiz kerak:

CSS - Cascading Style Sheets qisqartmasi.U sahifadagi ob'ektlarni vizual dizayni uchun javobgar bo'lgan parametrlardan iborat.

• HTML bilan tanish bo'lganlarga bu sahifani belgilash tili deb aytishning hojati yo'q. Ammo uning yaratuvchilari unga tashqi ko'rinishi va dizayni uchun javob beradigan teglarni qo'shishga qaror qilishdi. Faqatgina ushbu yondashuv bilan sahifa kodi juda katta va amalda o'qib bo'lmaydigan bo'lib qoldi. Tabiiyki, bu yo'l hech qaerga olib bormadi, shuning uchun murakkab qaror qabul qilindi: HTML sahifalarning joylashuvi uchun, CSS esa vizual dizayn uchun javobgardir.

Sinflarga ega bo'lgan har qanday ob'ektlar bo'lishi mumkin.

Xuddi shu ob'ekt uchun siz sinfni ham, identifikatorni ham belgilashingiz mumkin - bu CSS belgilariga zid emas. Ammo identifikator ustuvorligi yuqori bo'lganligi sababli, ob'ekt uchun uslubning uslubi ishlatiladi. CSS-da sahifani joylashtirishda buni ko'rib chiqing.

Identifikatorlar va sinflar har qanday ob'ektga qo'llanilishi mumkin. Agar matn va rasm uchun bitta uslubni o'rnatish zarurati bo'lsa, unda element nomini, masalan (p # pink, p.red) bo'lgani kabi, chiqarib tashlashingiz mumkin. Siz shunchaki nuqta yoki panjara qo'yishingiz mumkin. Selektorlarni ham guruhlash mumkin. Masalan, h1, h2, h3 {rang: qizil; font-sixe: 17px}.

Selektorlar

• CSS formatini o'rganish sintaksisni o'rganishdan boshlanishi kerak. Kaskadli uslublar jadvalida teglar, skriptlar yoki parametrlar mavjud emas. Faqat bitta qoidaga amal qilish kerak. U selektordan va uslublar blokidan iborat. Aytaylik, kaskadli uslublar jadvalidagi holat: tanasi {fon: qora; rang: oq}.
• Bu erda tanani sayt tanasini bezash uchun javobgar tanlaydi; fon: qora va rang: oq xususiyatlar va ularning qiymatlari. Ular vergul bilan ajratilgan holda yoziladi. Ushbu holat saytning fonini qora va matnni oq rangga aylantiradi.

• Boshlanadigan birinchi narsa bu maketni yaratishdir. Bu psd kengaytmasi bilan muntazam rasm bo'lishi kerak. Uni yaratgandan so'ng (sotib olish yoki yuklab olish), rasmni bloklarga ajratib, bitta papkaga joylashtirishingiz kerak (yaxshisi alohida). Ushbu qismlar bloklar uchun fon sifatida ishlatiladi.
• Blokni joylashtirish uchun HTML hujjat tegidan foydalanadi
• ... Undagi hamma narsa qatlam deyiladi va bu qatlamning formati kaskadli uslublar jadvalida sinflar yoki identifikatorlar yordamida ko'rsatilgan.
• Sayt joylashuvi qismlarga bo'linib bo'lgandan keyin birinchi narsa bu tegni HTML yordamida sayt tuzilishini o'rnatishdir