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

Съдържание:

Bootstrap - какво е това? Twitter Bootstrap - дизайн и разработка на уебсайтове
Bootstrap - какво е това? Twitter Bootstrap - дизайн и разработка на уебсайтове
Anonim

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

bootstrap какво е това
bootstrap какво е това

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

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

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

twitter bootstrap
twitter bootstrap

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

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

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

меню за стартиране
меню за стартиране

Персонализиране на темата

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

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

bootstrap css
bootstrap css

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

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

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

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

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

Препоръчано: