Nima bu - Asosiy html fayl

|
Asosiy html fayl
|
bet | 5/8 | Sana | 23.12.2023 | Hajmi | 0,92 Mb. | | #127593 |
Bog'liq web dastur bootstrap Nima bu
Osonlik bilan moslashtiriladigan va sezgir dizayn, bugungi kunda mashhur bo'lgan Bootstrap-ni taqdim etadi. Modal oyna, veb-saytlar yaratishda foydalanishingiz mumkin bo'lgan shakl, rasm, video va boshqa elementlarni namoyish etishga yordam beradi. Qalqib chiquvchi yuklashning ajratib bo'linadigan qismlaridan iborat: sarlavha, korpus va altbilgi. Ushbu elementlarning har biri boshqacha ma'noga ega. Bootstrap modalining asosiy vazifasi - yangi boshlagan dizaynerlar tomonidan qo'shimcha kodlar yozmasdan veb-sahifalar yaratish uchun foydalanish. Modali oyna - bu yozilgan tarkib ko'rsatiladigan konteyner turidir. Modal komponent keng ko'lamli maqsadlarni hal qiladi.
Buni qanday qilish kerak?
Modal oynani yaratish, shuningdek uni boshqarish JavaScript, ma'lumotlar va CSS usullari yordamida amalga oshiriladi. Avval siz belgilashingiz kerak.U simli ramka, sarlavha, tana tarkibi va altbilgidan iborat. Bu erda kerakli elementlar podval (blok) va ramka. Belgilanganidan so'ng siz modal oynaga qo'ng'iroqni amalga oshirishingiz kerak. U ko'pincha veb-sahifani yuklaganidan va tegishli tugmani bosgandan so'ng chaqiriladi. Qo'ng'iroq ma'lumotlar va JavaScript yordamida amalga oshiriladi. Bootstrap modalini yopish avval yaratilgan va saqlangan vazifalarni bajaradi.
Modal oynaning o'ziga xos xususiyatlariga ega ekanligini unutmang. Bir nechta modallarni ochish uchun qo'shimcha kod yozilishi kerak. Html kodini asosiy yorliqdan keyin hujjatning yuqori qismiga qo'yish yaxshidir. Bu deraza vazifasini va ko'rinishini saqlashga yordam beradi. Mobil qurilmalarda modal komponentdan foydalanish bo'yicha ogohlantirishlar mavjud. Ular uning to'liq ishlatilishini cheklaydi. Bootstrap 3 sizga oyna o'lchamlarini sozlash va shuningdek, kataklardan foydalanish imkonini beradi.
Komponentlar
Bootstrap bilan ishlashni boshlashdan oldin uning nimadan iboratligini tushunishingiz kerak. Dastur veb-saytlarni yaratishda ishlatiladigan tayyor vositalar to'plamini o'z ichiga oladi. Tayyor uslublar JavaScript, CSS va HTML sezgir panjara tuzadi, displey tugmachalari, menyular, piktogramma, ko'rsatmalar va boshqalar. Dasturiy ta'minotning asosiy uslublari maket uchun juda zarur. Bosib chiqarish va matn uchun uslublarning mavjudligi brauzerni sahifani bosib chiqarish uchun tayyorlashga va saytning matn tarkibini loyihalashtirishga imkon beradi. Bootstrap komponentlari yordamida siz formalar, tugmalar va boshqa elementlarni yaratishingiz mumkin. Dasturda mobil qurilmalar uchun sahifalarni tez va qulay tarzda joylashtiradigan to'liq vositalar to'plami mavjud. Bootstrap JavaScript bilan bir qatorda boshqa ko'plab tafsilotlardan iborat. Ularni hatto yangi boshlovchi uchun ham o'rganish juda oson. Nazariy jihatdan Boostrap dasturining asoslarini tushunish oson emas. Amalda ushbu rivojlanish ko'plab tayyor tarkibiy qismlar mavjudligi sababli dizayner va maket dizaynerining ishini soddalashtiradi.
Xususiyatlari:
Bootstrap modali alohida afzalliklarga ega. Uning yordami bilan saytlar uchun sahifalar maketlarini ishlab chiqish yuqori tezlikda. Oynada katta elementlar to'plami va tayyor echimlar mavjud. Bootstrap saytingizni yanada sezgir qiladi.
Framework (dasturiy ta'minot) barcha brauzerlar uchun javob beradi va ularda to'g'ri ko'rsatiladi. Ushbu modaldan foydalanish oson. Bootstrap hatto CSS va HTML bo'yicha asosiy bilimlarga ega bo'lgan yangi boshlanuvchilarga ham vebsahifalar yaratishga imkon beradi.
Modali oynaning o'ziga xos xususiyati shundaki, foydalanuvchilar unga moslashishi oson. Ko'plab foydalanishga tayyor kod misollari va ajoyib hujjatlar Bootstrap yordamida tezlikni oshirishni osonlashtiradi. Uning sifatini dizayn uchun juda ko'p mavzular tanlovidan olish mumkin. Ushbu modal oyna bilan Wordpress, CMS, Joomla ishlab chiqilgan. Bootstrap bu kerakli tarkibiy qismlarni o'z ichiga olgan va o'ziga xos belgi shriftiga ega veb-ramka. Bunga ikki yuzdan ortiq piktogramma, shu jumladan asosiy ikonkalar kiradi.
|
| |