Bootstrap - bu nima? Twitter Bootstrap - veb-sayt dizayni va ishlab chiqish

Mundarija:

Bootstrap - bu nima? Twitter Bootstrap - veb-sayt dizayni va ishlab chiqish
Bootstrap - bu nima? Twitter Bootstrap - veb-sayt dizayni va ishlab chiqish
Anonim

Veb-dizayn sohasida ozgina boʻlsada ishlagan va saytlarni yaratish va ularni loyihalash jarayoni bilan tanish boʻlganlar soʻnggi paytlarda kontentingizni vizualizatsiya qilish imkoniyatlari qanchalik kengayganini bilishadi. CSS, JavaScript va Flash texnologiyalari birlashgan holda har qanday saytni haqiqiy durdonaga, zamonaviy sanʼat asariga aylantirish mumkin. Va, albatta, ko'plab dizaynerlar buni qilmoqdalar va ko'plab kompaniyalar ajoyib grafikaga ega portallarni ishlab chiqishga saxiylik bilan buyurtma berishadi. Bundan tashqari, sahifaning “voy effekti”ga nafaqat turli effektlar to‘plami, balki oddiy, ammo chiroyli o‘tishlar, infografika, havolalar va boshqalar yordamida ham erishish mumkin.

bootstrap bu nima
bootstrap bu nima

To'g'ri, har bir dizayner va maket dizayneri biladiki, har qanday resursni ishlab chiqishda vaqtni tejash uchun sizda ma'lum bir baza, shablon bo'lishi kerak, uning asosida yakuniy "asar" yaratishingiz mumkin. Bootstrap aynan shu maqsadda yaratilgan: bugungi kunda u vaqtni tejashga yordam beradi va minglab veb-dizaynerlar uchun ishlarni osonlashtiradi.

Bootstrap - bu nima?

Demak, mahsulot tavsifi uning umumiy xususiyatlaridan boshlanishi kerak. Shuning uchun biz Bootstrap to'plamda ifodalangan platforma ekanligini ta'kidlaymizsayt uchun original shablonlar. Har biriga grafik, CSS va albatta HTML kiradi.

twitter bootstrap
twitter bootstrap

Toʻplam bitta arxivda joylashgan boʻlib, uni platformaning rasmiy sahifasidan bepul yuklab olish mumkin. Shunday qilib, o'z saytini rivojlantirmoqchi bo'lgan har bir kishi ushbu to'plamdan foydalanishi mumkin va u har bir sahifani noldan boshlab, asosiy harakatlarni bajarishi shart emas: saytni belgilash, uni bloklarga bo'lish, asosiy piktogrammalar uchun grafiklarni tanlash va hokazo. Shu bilan birga, Twitter Bootstrap-ning har bir to'plami juda individualdir. Biz o'rganib qolgan shablonlardan farqli o'laroq, unda olib tashlash yoki almashtirish kerak bo'lgan ortiqcha narsa yo'q. Dizayner bevosita Bootstrap asosida o'z aqlini yaratishi mumkin.

Veb-sayt yaratishni qanday boshlash kerak?

Demak, biz allaqachon platformaning oʻzi bilan tanishib chiqdik, endi oʻz noyob veb-saytingizni qanday ishlab chiqishni boshlashga oʻtamiz. Boshlash uchun, albatta, arxivni Twitter Bootstrap shabloni bilan yuklab olishingiz kerak. U juda kam joy egallaydi va uni GetBootstrap sahifasida olishingiz mumkin. U erda siz sayt uchun kerakli bloklarni joylashtirishni ham tanlashingiz mumkin. Masalan, bitta rasmli, slayderli, bir nechta sarlavhali, oldindan o'rnatilgan effektlar va boshqalar bilan ochilish sahifasi ko'rinishidagi sahifalar mavjud. Siz shunchaki tanlov qilishingiz va Bootstrap asosida yaratilgan saytingizga mos keladigan arxivni yuklab olishingiz kerak. Bu toʻplam nima ekanligini yuklab olgandan soʻng darhol koʻrasiz.

yuklash menyusi
yuklash menyusi

Mavzuni moslashtirish

Har bir mavzu har qanday sayt kabi oʻzini ifodalaydi,HTML, CSS va grafik fayllar to'plami. Platformani ishlab chiquvchilar mavzuni sozlash uchun maksimal imkoniyatni berib, dizayn me'yorlarini bir xil standartlarga etkazishga harakat qilishdi. Shuning uchun, saytingizni noyob qilish uchun siz platformaning tuzilishini, undagi sayt arxitekturasini va har bir shablonning kodi qanday yozilganligini tushunishingiz kerak bo'ladi. Buni bir marta qilishingiz kerak, shundan so'ng Bootstrap yordamida loyihalaringizni yaratish osonroq bo'ladi. CSS va grafiklar barcha mavzularda bir xil. Bu yondashuvning ijobiy tomoni.

Bizni qiziqtirgan narsa - bu mavzu nomi bilan CSS fayli (u "css" jildiga joylashtirilgan, unga qo'shimcha ravishda siz platformaning asosiy sozlamalarining yana ikkita faylini topasiz, siz ularni yolg'iz qoldirishi mumkin); shuningdek, asosiy sahifaning belgisi bo'lgan "index.html". Siz bundan va slayderlar ko'rinishidagi boshqa o'ziga xos qo'shimchalardan boshlashingiz kerak, ba'zi Javascript effektlari ma'lum bir sayt yaratish uchun sizning vazifangiz bilan allaqachon aniqlanadi. Masalan, standart Bootstrap shablonida menyu zerikarli kulrang rangda yaratilgan bo'lishi mumkin. Sizning saytingiz uchun, albatta, siz uni to'g'ri rangda va barcha kerakli effektlar bilan amalga oshirilishi uchun o'zgartirasiz. Bu juda moslashtirilgan, lekin Bootstrap mavjud bo'lgani uchun noldan menyu yaratishning hojati yo'q, bu vaqtni tejaydi.

bootstrap css
bootstrap css

Dizaynerlar uchun imkoniyatlar

Aslida, endi Bootstrap platformasi beradigan imkoniyatlar haqida. Bu qanday istiqbollar - bunday arxivlar bilan ishlash? Ko'rinishidan, nega ular bunchalik ajoyib?

Poaslida Twitter-dan ishlab chiquvchilar platformasida bunday narsa yo'q. G'oya juda oddiy, uni amalga oshirish kabi. Ammo endi dizayner noldan sayt sahifasini yaratishi shart emas, keyin unga kerakli ko'rinishni beradi. Yo'q, endi mutaxassis asosiy belgilar kabi asosiy narsalar bilan chalg'itmasdan, to'g'ridan-to'g'ri qobiqdan, sayt dizaynidan boshlashi mumkin. Bu vaqtdan unumli va unumli foydalanishning namunasi emasmi?

Bundan tashqari, Bootstrap-ning yana bir afzalligi qayd etilmadi - bu yuqori darajadagi CSS belgilash ko'nikmalariga ega bo'lmagan odamlarga o'zlarining professional dizaynini yaratishda yordam berish usulidir, chunki maket dizayneri qo'llashi mumkin bo'lgan barcha vositalar. ehtiyoj allaqachon ko'rib chiqilayotgan shablonlarda mavjud. Veb-saytlar yaratishni biladigan odam ko'p narsaga qodir. Bu allaqachon Bootstrap foydasiga juda muhim ortiqcha.

Hozir loyiha ishlab chiqilmoqda, garchi u 2011-yilda ishga tushirilgan va oʻshandan beri minglab odamlar bu ustida ishlay boshlagan. Umid qilamizki, ishlab chiquvchilar veb-dizaynni osonlashtirishda va odamlarga yangi, shaxsiy va dunyo uchun foydali narsalarni yaratishda yordam berishda davom etadilar.

Tavsiya: