Bootstrap - Бул эмне? Twitter Bootstrap - долбоорлоо жана сайттарды түзүү

Дизайн чөйрөсүндө менен бир аз иш жана сайттарды жана дизайны жана аны чыгаруу иш менен тааныш эмес адамдар, сиздин мазмунду элестете жөндөмү чыгып канчалык жакында билишет. кайсы сайттан, CSS технологиялар, JavaScript жана Flash, бирге урматында чыныгы чебер, түрү чеберчиликтин замандашы ишин жасай албайт. Ошондой эле алар, албетте, көп дизайнерлер кылып жатат, ал эми компаниялардын саны көп берешендик кереметтүү арибинин менен порталы буйрук кылган. Андан тышкары, "оо таасири" беттерин тийгизген таасири ар кандай бир катар жолу менен гана эмес, жетсе болот, бирок ошол эле учурда жөнөкөй, бирок кооз жылдырганда, ЖМК жана башка байланыштардын жардамы менен.

Бул ар бир дизайнер жана асуп ал, сен акыркы "чыгарманы" түзө турган бир базалык шаблон керек ресурстарын өнүктүрүүгө убакытты үнөмдөө үчүн билет деп айтууга болот. Бул Bootstrap платформа түзүлгөн деген: бүгүнкү күндө бул убакытты үнөмдөөгө жана интернет дизайнерлердин миӊдеген ишин жөнөкөйлөтүү үчүн жардам берет.

Bootstrap - Бул эмне?

Демек, буюмдун өзүнүн жалпы мүнөздөмөсү болушу керек баяндоосу менен башталат. аянтча, сайтка уникалдуу калыптар бир катар айтылган - Ошондуктан, биз Bootstrap деп белгилешет. Алардын ар бири сүрөттөрү камтыйт, CSS Өмүрдү, жана, албетте, HTML менен.

Бул белгиленген расмий сахнадан акысыз көчүрүп алса болот, бир кезекте турат. ж.б.у.с. сайттан белгилеп, блокторго камдасын, негизги сүрөтчөлөргө үчүн расписание терип жана: Ошентип, сайтты иштеп келген адам, бул топтому пайдаланып, ал негизги кадамдарды жасоо, нөлдөн баштап, ар бир бетине жазып да жок кылат. Бул учурда, Twitter Bootstrap ар топтому такыр башкача. Биздин кадимки үлгүлөрүнүн айырмаланып, муктаждык тазалоо же алмаштыруу үчүн, ашыкча эч нерсе жок. Алардын тукуму эстүү түзүү түздөн-түз Bootstrap негизинде болот.

сайтты түзүү Эмнеден баштоо керек?

Ошондуктан, биз буга чейин көргөн сахнада менен, азыр анын уникалдуу сайттын иштеп баштайт кантип кайрылып. Албетте, сөз менен баштайт үчүн, Twitter Bootstrap үлгүдө Archive жуктоп алыш керек. Ал аз орунду ээлейт, жана GetBootstrap беттеги ала аласыз. Жок сиз сайттын керек тандоо жана турак-жай блокторун, болот. Мисалы, бир сүрөттө менен конуп-беттеги түрүндө барактар бар, ошондой эле алдын ала таасири менен бир нече жогорку, жана сыдырма жок. Сиз жөн гана чечим чыгарууга жана Bootstrap негизинде түзүлгөн сайта, жарактуу билэни, жүктөп алуу үчүн керек. бул топтому эмне, сиз жүктөп кийин дароо эле көрөт.

жекече темалар

ар бир теманын өзү кандайдыр бир интернет, HTML Files, CSS жана сүрөттөрдү жыйындысы болуп саналат. Платформа иштеп Ошентип Теманы жекелештирүү үчүн максималдуу мүмкүнчүлүк берип, ошол эле стандарттарга ылайык долбоорлоо нормаларын сумманы камсыз кылуу үчүн аракет кылышкан. Ошондуктан, бир туугандар, сайт уникалдуу кылыш үчүн, Сен аппарат платформа түшүнүү керек сайттын архитектурасына ар бир үлгүсү ага кандай белгиленген кодексине. Ал бир жолу жүргүзүлүшү керек, андан кийин долбоорлорду жүктөгүч колдонуу кыйын болот түзөт. CSS жана сүрөттөр бардык маселелер боюнча бирдей. Бул ыкманын артыкчылыгы бар.

Биз кызыкдар эмес экенин баары - темасы (ал "CSS" бар, андан папкасында башка эки негизги орнотуулар билэ аянтчаны табат жайгаштырылат, алар тие албайбыз) аты менен CSS-делосу; ошондой эле "index.html", башкы беттин калыбын билдирген эле. Sliders түрүндө ушул жана башка белгилүү толуктоолорду нааразы болот, кээ бир Javascript бир сайтты түзүү үчүн милдет тарабынан аныкталат керек таасир болуп саналат. Мисалы, бир меню Калыпка Bootstrap бир беткей боз түстө иштелип чыккан болушу мүмкүн. Сиздин сайтка үчүн, сен, албетте, бир тема же түстүү жана оң таасири менен ишке ашырылган, ошондуктан аны өзгөртүү. Бул так жекече, бирок Bootstrap бар эле, убакытты үнөмдөөгө турган тырмоо, кереги жок, бир менюсун түзүү.

дизайнерлердин мүмкүнчүлүктөрү

Чынында, азыр платформа сунуштаган мүмкүнчүлүктөр жөнүндө Bootstrap. эмне бул материалдар менен иштөө - келечек күтүп турат? Алар ушунчалык сонун кандай болуп калмак?

Чынында эле, Twitter иштеп үчүн аянтча эч нерсе эмес. идея абдан жөнөкөй, ошондой эле аны ишке ашыруу болуп саналат. Бирок азыр, дизайнер башынан баштап бир сайттын барагын түзүү эмес, керек болсо, анда аны сен каалаган карап берүү үчүн. Жок, ал негизги жайгаштыруу сыяктуу жөнөкөй эле нерселерди багытталган сайт дизайны менен адис, катмарындагы түздөн-түз баштоо мүмкүн эмес. Бул учурда натыйжалуу жана сарамжалдуу пайдалануу боюнча үлгү эмеспи?

Мындан тышкары, эч бир артыкчылыгы Bootstrap бар эле - ал typesetter пайдалуу болушу мүмкүн болгон бардык документтер, болгон калып жатат, анткени, CSS долбоору жогорку денгээлде түзүү ыкмаларын өнүктүрүү, кесиптик дизайнын түзүү үчүн тааныш эмес адамдарга жардам берүү үчүн бир жолу сүйлөгөн сөзү. сайттар негиздерди түзүү жөнүндө билген адам алда канча жөндөмдүү. Бул Bootstrap пайдасына абдан маанилүү кошуу болуп саналат.

Азыр долбоор иштеп чыгуу стадиясында турат, ал 2011-жылы кайра ишке экендигине карабастан, ошондон бери эл ми менен иштей баштады. Балким, иштеп дизайн менен иштеп жөнөкөйлөтүү жана эл жаңы, жекелештирилген жана пайдалуу дүйнөнү бир нерсени түзүүгө жардам берүүсүн улантат.