WEB dizayn fanidan
Ushbu laboratoriya ishi materiallari "Web dizayn" fanining zamonaviy o'qitish metodikasi talablariga mos ravishda ishlab chiqilgan bo'lib, u Web-sahifalar yaratish, ularni loyihalash va dizaynini yaratishga oid nazariy va amaliy bilimlarni o'z ichiga oladi. Laboratoriya ishining asosiy maqsadi talabalarga HTML, CSS va Bootstrap kabi asosiy texnologiyalarni o'rganish, ularni amalda qo'llash ko'nikmalarini shakllantirishdir. Ushbu qo'llanma talabalarga Web- Dizayn asoslarini mukammal o'zlashtirishga yordam beradi.
Asosiy mavzular
- Web dizaynni tashkil etuvchi dasturiy vositalar. Funksiyalardan foydalanib oynalarni ochish. JavaScript standart funksiyalaridan foydalanib sodda sahifalar yaratish.: Ushbu mavzu JavaScriptning asosiy tushunchalari, veb-sahifalarni boshqarish, HTML konteynerlari va atributlarini o'zgartirish, DHTML texnologiyasi, animatsiyalar, sahifa o'zgarishlari va yangi oyna ochish kabi mavzularni o'z ichiga oladi. Shuningdek, Dreamweaver dasturida JavaScriptdan foydalanish namunalari ko'rsatilgan.
- CSS sintaksisi. CSSni HTML-hujjatda qo'llash.: Bu mavzu CSS stillarining sintaksisi, HTML hujjatlarda CSSni qo'llash usullari, stil xususiyatlari, selektorlar va ularning turlari, shuningdek, CSSda jadval stillarini berish bilan tanishtiradi. Safari, Chrome va Firefox kabi brauzerlar uchun prefikslar va CSS3 ning animatsiyalari haqida ham ma'lumot berilgan.
- CSS texnologiyalari HTML xujjatga kaskadli stil jadvallarni qoʻllash usullari. Stillarni (Selektorlar) e'lon qilish.: Mavzu CSS stillarining kaskadli jadvallari, ularni HTML hujjatlariga ulash usullari, stil xususiyatlari va qiymatlari, selektorlar, shuningdek, fontlar, ranglar va fon bilan ishlash kabi mavzularni o'z ichiga oladi. Shuningdek, CSSda elementlarni stillashning turli usullari misollar bilan ko'rsatilgan.
- Selektorlarning sinfi, identifikator, psevdosinf va psevdoelement koʻrinishlari. Rang, shrift va roʻyxatlar uchun aniqlangan xossalarni qo'llash.: Ushbu mavzu CSS selektorlari (sinf, identifikator, psevdosinf, psevdoelement) va ularning qo'llanilishi, rang, shrift va ro'yxatlar bilan ishlash usullarini o'rganishga qaratilgan. Shuningdek, CSS orqali fonni o'zgartirish, rang berish va fon tasvirini qo'llash kabi amaliy ko'nikmalar berilgan.
- BootStrap dasturi bilan ishlash va boshlang'ich maʼlumotlarni kiritish.: Mavzu Bootstrap freymvorki, uning imkoniyatlari, veb-saytlarni tezkor va qulay ishlab chiqish, sezgir dizayn yaratish, grid tizimi, klasslar va ularning qo'llanilishi kabi masalalarni o'z ichiga oladi. Shuningdek, Bootstrapdan foydalanib oddiy sahifalar yaratish va o'lcham parametrlarini o'zgartirish misollari keltirilgan.
- BootStrapda tugmalar hosil qilish. O'rnatilgan tugmalarni obyekt yoki fayllar bilan bog'lash: Ushbu mavzu Bootstrapda tugmalar yaratish, ularning turlari, atributlari va qo'llanilishi, shuningdek, tugmalarni guruhlash va ularga turli stillar berishni o'rganishga qaratilgan. Tugmalarni gorizontal va vertikal joylashtirish, shuningdek, rangli tugmalar yaratish misollari bilan ko'rsatilgan.
- BootStrap da menyular hosil qilish.: Mavzu Bootstrapda menyular yaratish, ularning turlari, klasslari va qo'llanilishi, shuningdek, alertlar, tugmalar va shakllar bilan ishlashni o'z ichiga oladi. Navbloklar yaratish va qidiruv oynasini hosil qilish kabi amaliy ko'nikmalar ham berilgan.