Bootstrap - bu nədir? Twitter Bootstrap - vebsayt dizaynı və inkişafı

Mündəricat:

Bootstrap - bu nədir? Twitter Bootstrap - vebsayt dizaynı və inkişafı
Bootstrap - bu nədir? Twitter Bootstrap - vebsayt dizaynı və inkişafı
Anonim

Veb dizayn sahəsi ilə az da olsa işləyən və saytların yaradılması və onların dizaynı prosesi ilə tanış olanlar, son vaxtlar məzmununuzu vizuallaşdırmaq imkanlarının nə qədər irəli getdiyini bilirlər. CSS, JavaScript və Flash texnologiyalarının birləşməsi sayəsində istənilən saytı əsl şah əsərə, müasir incəsənətin bir növünə çevirmək olar. Və təbii ki, bir çox dizaynerlər bunu edir və çoxlu sayda şirkət inanılmaz qrafika ilə portalların hazırlanmasını səxavətlə tapşırır. Üstəlik, səhifənin "vay-effekti" təkcə müxtəlif effektlər toplusu vasitəsilə deyil, həm də sadə, lakin gözəl keçidlər, infoqrafika, keçidlər və s. köməyi ilə əldə edilə bilər.

bootstrap bu nədir
bootstrap bu nədir

Düzdür, hər bir dizayner və maket dizayneri bilir ki, hər hansı resurs hazırlayarkən vaxta qənaət etmək üçün müəyyən bazaya, şablona malik olmaq lazımdır, onun əsasında son “şedevr” yarada bilərsiniz. Bootstrap məhz bunun üçün yaradılmışdır: bu gün o, vaxta qənaət etməyə və minlərlə veb-dizayner üçün işləri asanlaşdırmağa kömək edir.

Bootstrap - bu nədir?

Beləliklə, məhsulun təsviri onun ümumi xüsusiyyətlərindən başlamalıdır. Buna görə də qeyd edirik ki, Bootstrap dəstdə ifadə olunan platformadırsayt üçün orijinal şablonlar. Hər birinə qrafika, CSS və əlbəttə HTML daxildir.

twitter bootstrap
twitter bootstrap

Bütün dəst bir arxivdə gəlir, onu platformanın rəsmi səhifəsindən pulsuz yükləmək olar. Beləliklə, öz saytını inkişaf etdirmək istəyən hər kəs bu dəstdən istifadə edə bilər və o, hər səhifəni sıfırdan yazmağa, əsas hərəkətləri yerinə yetirməyə ehtiyac duymayacaq: saytı işarələmək, onu bloklara bölmək, əsas ikonlar üçün qrafikləri seçmək və s. Eyni zamanda, Twitter Bootstrap-ın hər bir dəsti olduqca fərdidir. Öyrəndiyimiz şablonlardan fərqli olaraq, orada çıxarılmalı və ya dəyişdirilməli olan artıq bir şey yoxdur. Dizayner öz ideyasını birbaşa Bootstrap əsasında yarada biləcək.

Veb-sayt yaratmağa necə başlamaq lazımdır?

Beləliklə, biz artıq platformanın özü ilə tanış olmuşuq, indi gəlin unikal veb saytınızı necə inkişaf etdirməyə başlayaq. Başlamaq üçün, əlbəttə ki, Twitter Bootstrap şablonu ilə arxivi yükləməlisiniz. O, çox az yer tutur və onu GetBootstrap səhifəsində əldə edə bilərsiniz. Orada siz həmçinin sayt üçün lazım olan blokların yerləşdirilməsini də seçə bilərsiniz. Məsələn, açılış səhifəsi şəklində bir şəkil, sürüşmə, bir neçə başlıq, əvvəlcədən təyin edilmiş effektlər və s. Sadəcə seçim etmək və Bootstrap əsasında yaradılmış saytınıza uyğun arxivi yükləmək lazımdır. Bu dəst nədir, endirdikdən dərhal sonra görəcəksiniz.

açılış menyusu
açılış menyusu

Mövzunun fərdiləşdirilməsi

Hər bir mövzu, hər hansı bir sayt kimi, özünü təmsil edir,HTML, CSS və qrafik faylları toplusu. Platformanın tərtibatçıları mövzunuzu fərdiləşdirmək üçün maksimum imkan verərkən dizayn normalarını eyni standartlara çatdırmağa çalışdılar. Buna görə də, saytınızı unikal etmək üçün platformanın strukturunu, ondakı saytın arxitekturasını və hər bir şablonun kodunun necə yazıldığını başa düşməlisiniz. Bunu bir dəfə etməlisiniz, bundan sonra Bootstrap istifadə edərək layihələrinizi yaratmaq daha asan olacaq. CSS və qrafiklər bütün mövzularda eynidir. Bu, bu yanaşmanın üstünlüyüdür.

Bizi maraqlandıran yalnız mövzunun adı olan CSS faylıdır ("css" qovluğunda yerləşdirilir, ona əlavə olaraq siz platformanın əsas parametrlərinin daha iki faylını tapa bilərsiniz, siz onları tək buraxa bilər); həmçinin əsas səhifənin işarələnməsi olan "index.html". Bundan və kaydırıcılar şəklində digər xüsusi əlavələrdən başlamalısınız, bəzi Javascript effektləri artıq müəyyən bir sayt yaratmaq tapşırığınızla müəyyən ediləcəkdir. Məsələn, standart Bootstrap şablonunda menyu tutqun boz rəngdə tərtib oluna bilər. Saytınız üçün, əlbəttə ki, onu dəyişdirəcəksiniz ki, o, lazımi rəngdə və bütün arzu olunan effektlərlə edilir. Bu, çox fərdiləşdirmədir, lakin Bootstrap olduğundan, sıfırdan menyu yaratmağa ehtiyac yoxdur, bu da vaxta qənaət edir.

bootstrap css
bootstrap css

Dizaynerlər üçün imkanlar

Əslində, indi Bootstrap platformasının verdiyi imkanlar haqqında. Bu hansı perspektivlərdir - belə arxivlərlə işləmək? Belə görünür ki, onlar niyə bu qədər diqqətəlayiqdirlər?

Poəslində Twitter-dən developer platformasında belə bir şey yoxdur. İdeya çox sadədir, onun həyata keçirilməsi də. Amma indi dizaynerə sıfırdan sayt səhifəsi yaratmağa, sonra ona istədiyi görünüşü vermək lazım deyil. Xeyr, indi bir mütəxəssis əsas işarələmə kimi əsas şeylərdən yayınmadan birbaşa qabıqdan, saytın dizaynından başlaya bilər. Bu, vaxtdan səmərəli və səmərəli istifadə nümunəsi deyilmi?

Bundan əlavə, Bootstrap-ın başqa bir üstünlüyü qeyd edilmədi - bu, yüksək səviyyəli CSS işarələmə bacarıqlarına malik olmayan insanlara öz peşəkar dizaynlarını yaratmağa kömək etmək üçün bir yoldur, çünki layout dizaynerinin edə biləcəyi bütün alətlər ehtiyac artıq söz mövzusu şablonlardadır. Veb saytların qurulmasını bilən insan daha çox şeyə qadirdir. Bu artıq Bootstrap-ın lehinə həqiqətən əhəmiyyətli bir artıdır.

Layihə 2011-ci ildə yenidən işə salınmasına və o vaxtdan minlərlə insanın üzərində işləməyə başlamasına baxmayaraq, hazırda inkişaf mərhələsindədir. Ümid edək ki, tərtibatçılar veb dizaynı asanlaşdırmağa və insanlara yeni, şəxsi və dünya üçün faydalı bir şey yaratmağa kömək etməyə davam edəcəklər.

Tövsiyə: