• Guruh: 7 sB – 19 TJA Tekshirdi: Boybutayev S. CSS va CSS3 da rasmlarni ekranga joylashtirish. Reja
  • Rasmni ozgartirish
  • O`zbekiston Respublikasi oliy ta'lim, fan va innovatsiyalar vazirligi. Navoiy Davlat Konchilik va Texnologiyalar Universiteti. Elektro – mexanika fakulteti. Web ilovalar ishlab chiqish fanidan mustaqil ish




    Download 123.87 Kb.
    bet1/3
    Sana22.09.2023
    Hajmi123.87 Kb.
    #83536
      1   2   3
    Bog'liq
    mirjon web ilova MI
    6-lekciya-1, Xoltoʻrayev Layoqatsizlik , ATT 2-maruza, таквим, 111Skanerlar, Очик дарс охирги, 317-320 Xamrayev O, Mavzu tj abslar faoliyatining umumlashtirilgan sxemasi. Reja K, Kompyuter tarmoqlari-fayllar.org, 18 NAVOIY RIDONA GAZALLARI, Mehmondorchilik, davlat boshqaruvida ATK mustaqil ish — копия, Konfrensiyaga, Н

    O`zbekiston Respublikasi oliy ta'lim, fan va innovatsiyalar vazirligi. Navoiy Davlat Konchilik va Texnologiyalar Universiteti.
    Elektro – mexanika fakulteti.


    WEB ilovalar ishlab chiqish fanidan
    MUSTAQIL ISH.
    Mavzu: CSS va CSS3 da rasmlarni ekranga joylashtirish.
    Bajardi: Ibragimov M. A.
    Guruh: 7 sB – 19 TJA
    Tekshirdi: Boybutayev S.
    CSS va CSS3 da rasmlarni ekranga joylashtirish.
    Reja:

    1. CSS-da rasmni o'zgartirish

    2. CSS-da rasmlarni orqa fon sifatida ishlatish

    3. CSS-da fon rangini o'rnatish

    4. Rang, fon rangi va fon tasviri

    Rasmni o'zgartirish
    CSS sizga rasmning sahifada qanday ko'rsatilishini sozlash imkonini beradi. Bu sizning sahifalaringizni izchil saqlashda juda foydali bo'lishi mumkin. Barcha rasmlar uchun uslublarni o'rnatib, siz rasmlaringiz uchun standart ko'rinishni yaratasiz. Siz qila oladigan ba'zi narsalar:
    Rasmlar atrofida ramka yoki kontur qo'shing
    Bog'langan tasvirlar atrofida rangli chegarani olib tashlang
    Rasmlarning kengligi va / yoki balandligini sozlash
    Soya qo'shing
    Rasmni aylantirish
    Rasm tugashi bilan uslublarni o'zgartiring
    O'zingizning rasmingizga chegara berishni boshlash uchun ajoyib joy. Ammo siz nafaqat chegaradan ko'proq narsani e'tiborga olishingiz kerak - rasmingizning butun chekkasini o'ylab ko'ring va chekka va to'ldirishni sozlang. Yupqa qora hoshiyali tasvir yaxshi ko'rinishga ega, ammo hoshiya va rasm orasiga biroz to'ldirish qo'shilishi yanada yaxshi ko'rinishi mumkin.
    Mumkin bo'lgan taqdirda har doim dekorativ bo'lmagan rasmlarni bir-biriga bog'lab qo'yish yaxshi. Ammo buni amalga oshirganingizda, ko'pgina brauzerlar tasvir atrofida rangli chegarani qo'shib qo'yishini unutmang.Agar siz chegarani o'zgartirish uchun yuqoridagi koddan foydalansangiz ham, havolaning chegarasini olib tashlamasangiz yoki o'zgartirmasangiz, havola uni bekor qiladi. Buni amalga oshirish uchun bog'langan rasmlar atrofidagi chegaralarni olib tashlash yoki o'zgartirish uchun CSS qoidalaridan foydalanishingiz kerak:
    O'zingizning rasmlaringizning balandligi va kengligini o'zgartirish yoki sozlash uchun siz CSS-dan foydalanishingiz mumkin. Yuklash tezligi tufayli rasmlarning o'lchamlarini o'zgartirish uchun brauzerdan foydalanish tavsiya etilmasa ham, ular rasmlarning o'lchamlarini sezilarli darajada yaxshilaydi, shunda ham ular yaxshi ko'rinishga ega. Va CSS-da siz barcha rasmlarni konteynerga nisbatan standart kenglik yoki balandlikka, hatto o'lchamga o'rnatishingiz mumkin.

    Shuni esda tutingki, rasmlarning o'lchamlarini o'zgartirganda, eng yaxshi natijalarga erishish uchun faqat bitta o'lcham - balandlik yoki kenglik o'lchamlarini o'zgartirish kerak. Bu rasmning o'zaro nisbatini saqlab turishini va shuning uchun g'alati ko'rinmasligini ta'minlaydi. Boshqa qiymatni belgilang avtomatik yoki brauzer tomonlar nisbatini o'zgartirmasligi uchun qoldiring.


    CSS3 ushbu muammoni yangi xususiyatlar bilan hal qilishni taklif qiladi mos keladigan va ob'ekt pozitsiyasi ... Ushbu xususiyatlar yordamida siz tasvirning aniq balandligi va kengligini va tomonlarning nisbati qanday ishlashini aniqlay olasiz. Bu sizning rasmlaringiz atrofida xat qutisi effektini yaratishi yoki kerakli o'lchamga mos ravishda kesishi mumkin.
    Ko'pgina brauzerlarda yaxshi qo'llab-quvvatlanadigan boshqa CSS3 xususiyatlari mavjud, ular sizning rasmlaringizni o'zgartirish uchun ham foydalanishingiz mumkin. Hozirgi zamonaviy brauzerlarda soyalarni tushirish, yumaloq burchaklar va rasmlarni burish, burish yoki siljitish uchun o'zgartirish kabi narsalar. Keyinchalik, rasmlarni sichqonchaning ustiga bosish, bosish yoki ma'lum vaqtdan so'ng darhol o'zgartirish uchun CSS Transitions-dan foydalanishingiz mumkin.

    Download 123.87 Kb.
      1   2   3




    Download 123.87 Kb.

    Bosh sahifa
    Aloqalar

        Bosh sahifa



    O`zbekiston Respublikasi oliy ta'lim, fan va innovatsiyalar vazirligi. Navoiy Davlat Konchilik va Texnologiyalar Universiteti. Elektro – mexanika fakulteti. Web ilovalar ishlab chiqish fanidan mustaqil ish

    Download 123.87 Kb.