Bootstrap - какво е това? Twitter Bootstrap - проектиране и създаване на сайтове

Тези, които работят поне малко в сферата на уеб дизайна и са запознати с процеса на създаване на уеб сайтове и техния дизайн, знаят докъде стигат наскоро възможностите за визуализиране на вашето съдържание. Благодарение на технологиите CSS, jаvascript и Flash, комбинирани заедно, от всеки сайт е възможно да се направи настоящия шедьовър, такава работа на модерното изкуство. И, разбира се, много от дизайнерите се занимават с това, а голям брой от компаниите щедро поръчват разработването на портали с невероятна графика. Нещо повече, на страниците "уау ефект" могат да се постигнат не само чрез набор от различни ефекти, но също така и с помощта на прости, но красиви преходи, инфографики и други връзки.

Вярно е, че всеки дизайнер и оформление дизайнер знае, че за да спестите време в разработването на всеки ресурс, трябва да имате определена база, шаблон, въз основа на който можете да създадете крайния "шедьовър". Ето защо платформата Bootstrap е създадена: днес тя помага да се спести време и да се опрости задачата за хиляди уеб дизайнери.

Bootstrap - какво е това?

Така че, за да започнете описанието на продукта, следвайте неговите общи характеристики. Следователно, имайте предвид, че Bootstrap е платформа, изразена в набор от уникални шаблони за сайта. Всеки от тях включва графики, CSS маркиране и, разбира се, HTML.

Всичко това се предлага в един архив, който може да бъде изтеглен безплатно от страницата на официалната платформа. По този начин, всеки, който иска да се разработи уеб сайт, може да се възползва от този набор, и това няма да се налага да пиша на всяка страница от нулата, като основни стъпки: маркиране на сайта, като ги разделя на блокове, бране на график за основните икони и така нататък. В този случай всеки набор от Twitter Bootstrap е съвсем индивидуален. За разлика от обичайните модели, няма нищо излишно в него, което ще трябва да бъде премахнато или заменено. Създайте вашият дизайнер на идеи може директно на базата на Bootstrap.

Как да започнете да създавате уебсайт?

Така че, с самата платформа вече се срещнахме, сега се обръщаме към това как да започнете да развивате своя уникален сайт. За да започнете, разбира се, трябва да изтеглите архив с шаблона на Bootstrap за Twitter. Това отнема много малко място и можете да го получите на страницата GetBootstrap. Там можете също така да изберете разположението на блоковете, от които се нуждаете за сайта. Например има страници под формата на страница за кацане с една снимка, има плъзгач, няколко заглавки, предварително инсталирани ефекти и т.н. Трябва само да направите избор и да изтеглите този архив, който е подходящ за вашия сайт, базиран на Bootstrap. Какъв е този набор, ще видите веднага след изтеглянето.

Индивидуализиране на темата

Всяка тема представлява, както всеки сайт, набор от HTML, CSS и графични файлове. Разработчиците на платформата се опитаха да приведат стандартите за дизайн на същите стандарти, като максимално дават възможност за индивидуализация на вашата тема. Ето защо, за да направите сайта си уникален, ще трябва да разберете платформата на устройството, архитектура на сайта върху него и как се предписва кодът на всеки шаблон. Трябва да направите това веднъж, след което ще бъде по-лесно да създадете проектите си посредством Bootstrap. CSS и графиките са едни и същи по всички теми. В този и плюс този подход.

Всичко, което ни интересува - на CSS-файл с името на темата (тя се поставя в папка «CSS задачите», освен него там ще намерите още две основни настройки файл платформа, те не могат да се докоснат) - и «index.html», представляващ самият изглед на главната страница. Трябва да започнете от това и други конкретни допълнения под формата на плъзгачи, някои ефекти на jаvascript вече ще бъдат определени от задачата ви да създадете този или онзи сайт. Например, в стандартния шаблон за Bootstrap, менюто може да бъде проектирано в скучно сиво. За вашия сайт вие, разбира се, го промените по такъв начин, че да се изпълнява в правилния цвят и с всички необходими ефекти. Това е много индивидуализацията, но в същото време, тъй като има Bootstrap, не е необходимо да създавате менюта от нулата, което спестява време.

Възможности за дизайнери

Всъщност, сега за възможностите, които дава платформата За първоначално зареждане. Какво е това? за перспективите - да работите с такива архиви? Изглежда, че те са толкова забележителни?

Всъщност няма нищо подобно в платформата за разработчици от Twitter. Идеята е изключително проста, както и нейното изпълнение. Но сега дизайнерът не трябва да създава страница от сайта от нулата, за да му даде необходимата форма. Не, сега специалист може да започне директно от черупката, с дизайна на сайта, без да се разсейва от такива основни неща като основен маркер. Това не е ли пример за ефективно и рационално използване на времето?

Освен това, не е имало още едно предимство за първоначално зареждане - това е начин да се помогне на хората, които не знаят умения за създаване на CSS оформление на високо ниво, за да се създаде професионален дизайн, защото всички инструменти, които могат да бъдат полезни за словослагател, вече е в образец на които е реч. Човек, който знае за създаването на сайтовете на фондацията, може много повече. И това наистина е значителен плюс в полза на Bootstrap.

Сега проектът е в процес на разработка, въпреки че беше стартиран през 2011 г. и оттогава хиляди хора започнаха да работят по него. Да се ​​надяваме разработчиците да продължат да опростяват работата с уеб дизайна и да помагат на хората да създават нещо ново, индивидуално и полезно за света.