Mkanda wa buti - ni nini? Twitter Bootstrap - muundo na maendeleo ya tovuti

Orodha ya maudhui:

Mkanda wa buti - ni nini? Twitter Bootstrap - muundo na maendeleo ya tovuti
Mkanda wa buti - ni nini? Twitter Bootstrap - muundo na maendeleo ya tovuti
Anonim

Wale wanaofanya kazi angalau kidogo na uga wa muundo wa wavuti na wanafahamu mchakato wa kuunda tovuti na kuzisanifu, wanajua ni kwa kiasi gani uwezekano wa kuibua maudhui yako umefika hivi majuzi. Shukrani kwa teknolojia za CSS, JavaScript na Flash, pamoja, tovuti yoyote inaweza kubadilishwa kuwa kito halisi, aina ya kazi ya sanaa ya kisasa. Na, bila shaka, wabunifu wengi wanafanya hivyo, na idadi kubwa ya makampuni huagiza kwa ukarimu maendeleo ya portaler na graphics za ajabu. Zaidi ya hayo, "wow-effect" ya ukurasa inaweza kupatikana si tu kwa njia ya seti ya madhara mbalimbali, lakini pia kwa usaidizi wa mabadiliko rahisi lakini mazuri, infographics, viungo, na zaidi.

bootstrap ni nini
bootstrap ni nini

Kweli, kila mbunifu na mbunifu wa mpangilio anajua kwamba ili kuokoa wakati wakati wa kutengeneza rasilimali yoyote, unahitaji kuwa na msingi fulani, kiolezo, kwa msingi ambao unaweza kuunda "kito" cha mwisho. Hiyo ndiyo sababu Bootstrap iliundwa kwa ajili yake: leo inasaidia kuokoa muda na kurahisisha mambo kwa maelfu ya wabunifu wa wavuti.

Mkanda wa buti - ni nini?

Kwa hivyo, maelezo ya bidhaa yanapaswa kuanza na sifa zake za jumla. Kwa hivyo, tunaona kuwa Bootstrap ni jukwaa lililoonyeshwa kwa setiviolezo asilia vya tovuti. Kila moja inajumuisha michoro, CSS, na bila shaka HTML.

twitter bootstrap
twitter bootstrap

Seti nzima inakuja katika kumbukumbu moja, ambayo inaweza kupakuliwa bila malipo kutoka kwa ukurasa rasmi wa jukwaa. Kwa hivyo, mtu yeyote ambaye anataka kuendeleza tovuti yake anaweza kutumia seti hii, na hatahitaji kuandika kila ukurasa kutoka mwanzo, kufanya vitendo vya msingi: kuashiria tovuti, kuivunja kwenye vitalu, kuchagua graphics kwa icons za msingi, na kadhalika. Wakati huo huo, kila seti ya Twitter Bootstrap ni ya mtu binafsi. Tofauti na templates ambazo tumezoea, hakuna kitu kisichozidi ndani yake ambacho kinahitaji kuondolewa au kubadilishwa. Mbuni ataweza kuunda ubunifu wake moja kwa moja kwa msingi wa Bootstrap.

Jinsi ya kuanza kuunda tovuti?

Kwa hivyo, tayari tumefahamiana na jukwaa lenyewe, sasa hebu tuendelee na jinsi ya kuanza kutengeneza tovuti yako ya kipekee. Ili kuanza, bila shaka, unahitaji kupakua kumbukumbu na kiolezo cha Twitter Bootstrap. Inachukua nafasi kidogo sana, na unaweza kuipata kwenye ukurasa wa GetBootstrap. Huko unaweza pia kuchagua uwekaji wa vitalu ambavyo unahitaji kwa tovuti. Kwa mfano, kuna kurasa katika mfumo wa ukurasa wa kutua na picha moja, na slider, na vichwa kadhaa, na madhara preset, na kadhalika. Unahitaji tu kufanya chaguo na kupakua kumbukumbu ambayo inafaa kwa tovuti yako iliyoundwa kwa misingi ya Bootstrap. Seti hii ni nini, utaona mara baada ya kupakua.

menyu ya bootstrap
menyu ya bootstrap

Ubinafsishaji wa mandhari

Kila mada inajiwakilisha yenyewe, kama tovuti yoyote,seti ya faili za HTML, CSS na michoro. Wasanidi programu wa jukwaa wamejitahidi kuleta kanuni za muundo kwa viwango sawa, huku wakitoa fursa ya juu zaidi ya kubinafsisha mada yako. Kwa hiyo, ili kufanya tovuti yako ya kipekee, utahitaji kuelewa muundo wa jukwaa, usanifu wa tovuti juu yake, na jinsi kanuni ya kila template imeandikwa. Unahitaji kufanya hivi mara moja, baada ya hapo itakuwa rahisi kuunda miradi yako kwa kutumia Bootstrap. CSS na michoro ni sawa kwenye mada zote. Hii ndiyo nyongeza ya mbinu hii.

Tunachovutiwa nacho ni faili ya CSS iliyo na jina la mada (imewekwa kwenye folda ya "css", pamoja na hayo utapata faili mbili zaidi za mipangilio ya msingi ya jukwaa, wewe wanaweza kuwaacha peke yao); pamoja na "index.html", ambayo ni alama ya ukurasa kuu. Unapaswa kuanza kutoka kwa hili, na nyongeza zingine maalum katika mfumo wa vitelezi, athari zingine za Javascript tayari zitaamuliwa na kazi yako kuunda tovuti fulani. Kwa mfano, katika kiolezo cha kawaida cha Bootstrap, menyu inaweza kuundwa kwa rangi ya kijivu iliyokolea. Kwa tovuti yako, bila shaka, utaibadilisha ili ifanyike kwa rangi sahihi na kwa athari zote zinazohitajika. Huu ndio ubinafsishaji hasa, lakini kwa kuwa kuna Bootstrap, hakuna haja ya kuunda menyu kutoka mwanzo, ambayo huokoa wakati.

bootstrap css
bootstrap css

Fursa kwa wabunifu

Kwa kweli, sasa kuhusu uwezekano ambao mfumo wa Bootstrap unatoa. Ni matarajio gani haya - kufanya kazi na kumbukumbu kama hizo? Inaonekana, kwa nini ni ya ajabu sana?

Pokwa kweli, hakuna kitu kama hicho kwenye jukwaa la msanidi kutoka Twitter. Wazo ni rahisi sana, kama vile utekelezaji wake. Lakini sasa mtengenezaji hawana haja ya kuunda ukurasa wa tovuti kutoka mwanzo, kisha kuwapa sura inayotaka. Hapana, sasa mtaalamu anaweza kuanza moja kwa moja kutoka kwa ganda, kutoka kwa muundo wa tovuti, bila kupotoshwa na vitu vya msingi kama alama kuu. Je, huu si mfano wa matumizi bora ya wakati?

Kwa kuongeza, faida nyingine ya Bootstrap haikubainishwa - kwamba ni njia ya kuwasaidia watu ambao hawana ujuzi wa kiwango cha juu wa kuweka alama kwenye CSS kuunda muundo wao wa kitaalamu, kwa sababu zana zote ambazo mbuni wa mpangilio anaweza. hitaji tayari liko kwenye violezo vinavyohusika. Mtu anayejua kuhusu kujenga tovuti ana uwezo wa kufanya mengi zaidi. Na hii tayari ni nyongeza muhimu kwa kupendelea Bootstrap.

Sasa mradi unaendelezwa, licha ya ukweli kwamba ulizinduliwa mwaka wa 2011 na tangu wakati huo maelfu ya watu wameanza kuufanyia kazi. Hebu tumaini kwamba wasanidi programu wataendelea kurahisisha muundo wa wavuti na kuwasaidia watu kuunda kitu kipya, cha kibinafsi na muhimu kwa ulimwengu.

Ilipendekeza: