Bootstrap - nədir? Twitter Bootstrap - saytların dizaynı və yaradılması

Veb dizayn sahəsi ilə ən azı işləyən və veb saytların yaradılması və onların dizaynı ilə tanış olanlar, məzmunu görselləşdirmə imkanlarının nə qədər yaxın keçdiyini bilirlər. Hər hansı bir saytda birləşdirilmiş CSS, JavaScript və Flash texnologiyaları sayəsində müasir sənətin bu cür əsərini hazırlamaq mümkündür. Əlbəttə ki, bir çox dizayner bu işlə məşğuldur və çox sayda şirkət inanılmaz qrafika ilə portalların inkişafına səxavətlə sifariş verir. Üstəlik, səhifənin "wow effekti" yalnız bir sıra effektlərdən ibarət deyil, eyni zamanda sadə, lakin gözəl keçidlər, infoqrafiya, əlaqə və s. Vasitəsilə əldə edilə bilər.

Bununla belə, hər bir dizayner və layout dizayner bilir ki, müəyyən bir bazaya, şablonlara malik olmaq üçün lazım olan hər hansı bir resursun inkişafında vaxt qazanmaq üçün sonuncu "şah əsəri" yarada bilərsiniz. Buna görə Bootstrap platforması yaradılıb: bu gün minlərlə veb-dizaynerlər üçün vaxt qənaət etməyə və tapşırıqları asanlaşdırmağa kömək edir.

Bootstrap - nədir?

Beləliklə, məhsulun təsviri onun ümumi xüsusiyyətləri ilə izah etməyə başlayır. Buna görə də, Bootstrap sayt üçün bir sıra unikal şablonlarda ifadə edilmiş bir platformdur. Onların hər biri qrafika, CSS formatı və əlbəttə, HTML daxildir.

Bütün bunlar rəsmi platforma səhifəsindən pulsuz olaraq yüklənə biləcək bir arxivdədir. Beləliklə, öz saytlarını inkişaf etdirmək istəyən hər kəs bu dəsti istifadə edə bilər və hər bir səhifəni sıfırdan yazmağı və əsas fəaliyyət göstərməsini tələb etməyəcəkdir: saytın işarələməsi, bloka salınması, əsas ikonalar üçün qrafika seçilməsi və s. Bu halda, Twitter Bootstrap hər dəsti olduqca fərdi. Adi şablonlardan fərqli olaraq, kənarlaşdırılmalı və əvəz edilməli olan bir şey yoxdur. Birbaşa Bootstrap əsasında sizin brainchild dizaynerinizi yaradın.

Bir veb sayt yaratmaq üçün necə?

Beləliklə, platforma özü ilə qarşılaşdıq, indi biz sizin nadir saytınızı necə inkişaf etdirməyə başlayırıq. Əlbəttə ki, başlamalıyıq ki, Twitter Bootstrap şablonu ilə arxivi yükləyin. Çox az yer tutur və GetBootstrap səhifəsində əldə edə bilərsiniz. Bundan əlavə, sayt üçün lazım olan blokların yerini seçə bilərsiniz. Məsələn, bir şəkil ilə açılış səhifəsi şəklində səhifələr var, əvvəlcədən quraşdırılmış effektlər və s. Ilə bir neçə başlığı olan bir kaydırıcıya malikdir və s. Bootstrap əsasında saytınıza uyğun olan arxivi seçmək və yükləmək lazımdır. Bu set nədir, downloaddən dərhal sonra görəcəksiniz.

Mövzunun fərdiləşdirilməsi

Hər bir mövzu, hər hansı bir site, HTML, CSS və qrafik faylları dəstini kimi təqdim edir. Platformanın inkişaf etdiriciləri, dizayn standartlarını eyni standartlara gətirməyə çalışarkən, mövzunu fərdiləşdirmək üçün maksimum imkanlar verir. Buna görə, sitenizi benzersiz hale getirmek üçün, cihaz platformasını, sitenin mimarisini ve her şablon üçün kodun nasıl belirlendiğini anlamanız lazımdır. Bunu bir dəfə etməlisiniz, bundan sonra Bootstrap istifadə edərək layihələrinizi yaratmaq daha asan olacaq. CSS və qrafika bütün mövzularda eynidır. Bu və bununla yanaşı bu yanaşma.

Bizi maraqlandıran mövzu, tema adı ilə bir CSS faylıdır ("css" qovluğunda yerləşdirilir, bundan başqa orada platformanın əsas parametrlərinin iki daha çox faylını tapacaqlar, tək qalmayacaqlar); Həm də "index.html", ana səhifənin bir qeydidir. Bununla başlamalısınız və sürtgəclər şəklində digər xüsusi əlavələrdən istifadə etməlisiniz, bəzi Javascript effektləri bu və ya həmin sayt yaratmaq üçün vəzifəniz tərəfindən artıq müəyyənləşdiriləcəkdir. Məsələn, standart Bootstrap şablonundakı menyu, darıxdırıcı boz rəngdə tərtib edilə bilər. Sizin saytınız üçün, əlbəttə ki, onu doğru rəngdə və bütün zəruri effektlərlə yerinə yetirmək üçün dəyişdirin. Bu çox fərdiləşdirmə, lakin eyni zamanda Bootstrap olduğundan, sıfırdan menyular yaratmaq lazım deyil ki, bu da vaxt qənaət edir.

Dizaynerlər üçün imkanlar

Əslində, indi platforma Bootstrap'ın imkanları haqqında . Bu perspektivlər hansılardır - bu cür arxivlərlə işləmək? Göründüyü kimi, onlar nə qədər diqqət çəkirlər?

Əslində, Twitter-dən inkişaf platformasında belə bir şey yoxdur. Ideya onun tətbiqi kimi çox sadədir. İndi dizayner saytın səhifəsini sıfırdan yaratmamalı, ona lazımi görünüş verməlidir. Xeyr, indi bir mütəxəssis birbaşa əsas dizaynı kimi əsas şeylərdən yayınmamaqla, saytın dizaynından birbaşa qəfildən başlaya bilər. Bu zamanın səmərəli və rasional istifadə nümunəsi deyilmi?

Üstəlik, Bootstrap üçün heç bir üstünlük yox idi - bu, yüksək səviyyəli CSS düzəlişini necə yaratmaq bilməyənlərə, öz peşəkar dizaynını yaratmağa kömək edən bir yoldur, çünki layout dizayner üçün faydalı ola biləcək bütün vasitələr artıq şablonlarda müzakirə olunur Konuşma. Sayt bazalarının yaradılmasını bilən bir adam daha çox bacara bilir. Və bu, həqiqətən, Bootstrap lehinə ağır bir artıdır.

İndi layihə 2011-ci ildə başlayıb və ondan sonra minlərlə insan işə başlamağa baxmayaraq, inkişaf mərhələsindədir. İnşallah developers web dizaynı ilə işi sadələşdirməyə davam edəcək və insanların yeni, fərdi və dünyaya faydalı bir şey yaratmasına kömək edəcəkdir.