Bootstrap - ano ito? Twitter Bootstrap - disenyo at pag-unlad ng website

Talaan ng mga Nilalaman:

Bootstrap - ano ito? Twitter Bootstrap - disenyo at pag-unlad ng website
Bootstrap - ano ito? Twitter Bootstrap - disenyo at pag-unlad ng website
Anonim

Yaong mga nagtatrabaho ng kahit kaunti sa larangan ng disenyo ng web at pamilyar sa proseso ng paglikha ng mga site at pagdidisenyo ng mga ito, alam kung gaano kalayo ang mga posibilidad para sa pag-visualize ng iyong nilalaman kamakailan lamang. Salamat sa mga teknolohiyang CSS, JavaScript at Flash, na pinagsama, ang anumang site ay maaaring maging isang tunay na obra maestra, isang uri ng gawa ng modernong sining. At, siyempre, maraming mga taga-disenyo ang gumagawa nito, at ang isang malaking bilang ng mga kumpanya ay mapagbigay na kinomisyon ang pagbuo ng mga portal na may hindi kapani-paniwalang mga graphics. Bukod dito, ang "wow-effect" ng page ay maaaring makamit hindi lamang sa pamamagitan ng isang hanay ng iba't ibang mga epekto, kundi pati na rin sa tulong ng simple ngunit magagandang transition, infographics, link, at higit pa.

bootstrap ano ito
bootstrap ano ito

Totoo, alam ng bawat taga-disenyo at taga-disenyo ng layout na upang makatipid ng oras sa pagbuo ng anumang mapagkukunan, kailangan mong magkaroon ng isang tiyak na base, isang template, kung saan maaari kang lumikha ng panghuling "obra maestra". Iyan ang ginawa ng Bootstrap: ngayon ay nakakatulong itong makatipid ng oras at gawing mas madali ang mga bagay para sa libu-libong mga web designer.

Bootstrap - ano ito?

Kaya, ang paglalarawan ng produkto ay dapat magsimula sa mga pangkalahatang katangian nito. Samakatuwid, tandaan namin na ang Bootstrap ay isang platform na ipinahayag sa isang setorihinal na mga template para sa site. Kasama sa bawat isa ang mga graphics, CSS, at siyempre HTML.

twitter bootstrap
twitter bootstrap

Ang buong set ay nasa isang archive, na maaaring i-download nang libre mula sa opisyal na pahina ng platform. Kaya, ang sinumang gustong bumuo ng kanilang site ay maaaring gumamit ng set na ito, at hindi niya kakailanganing isulat ang bawat pahina mula sa simula, paggawa ng mga pangunahing aksyon: pagmamarka sa site, paghiwa-hiwalayin ito sa mga bloke, pagpili ng mga graphics para sa mga pangunahing icon, at iba pa. Kasabay nito, ang bawat hanay ng Twitter Bootstrap ay medyo indibidwal. Hindi tulad ng mga template na nakasanayan natin, walang kalabisan dito na kailangang tanggalin o palitan. Magagawa ng taga-disenyo ang kanyang brainchild nang direkta batay sa Bootstrap.

Paano magsimulang bumuo ng website?

Kaya, nakilala na natin ang mismong platform, ngayon ay lumipat tayo sa kung paano simulan ang pagbuo ng iyong natatanging website. Upang makapagsimula, siyempre, kailangan mong i-download ang archive gamit ang template ng Twitter Bootstrap. Ito ay tumatagal ng napakaliit na espasyo, at makukuha mo ito sa pahina ng GetBootstrap. Doon ay maaari mo ring piliin ang paglalagay ng mga bloke na kailangan mo para sa site. Halimbawa, may mga pahina sa anyo ng isang landing-page na may isang larawan, na may slider, na may ilang mga heading, na may mga preset na effect, at iba pa. Kailangan mo lamang na pumili at i-download ang archive na angkop para sa iyong site na nilikha batay sa Bootstrap. Ano ang set na ito, makikita mo kaagad pagkatapos mag-download.

menu ng bootstrap
menu ng bootstrap

Pag-customize ng tema

Ang bawat paksa ay kumakatawan sa sarili nito, tulad ng anumang site,isang set ng HTML, CSS at mga graphics file. Ang mga developer ng platform ay nagsikap na dalhin ang mga pamantayan sa disenyo sa parehong mga pamantayan, habang nagbibigay ng pinakamataas na pagkakataon para sa pag-customize ng iyong tema. Samakatuwid, upang gawing kakaiba ang iyong site, kakailanganin mong maunawaan ang istruktura ng platform, ang arkitektura ng site dito, at kung paano isinulat ang code ng bawat template. Kailangan mong gawin ito nang isang beses, pagkatapos nito ay magiging mas madaling gawin ang iyong mga proyekto gamit ang Bootstrap. Ang CSS at graphics ay pareho sa lahat ng tema. Ito ang plus ng diskarteng ito.

Ang tanging interesado kami ay ang CSS file na may pangalan ng tema (ito ay nakalagay sa "css" na folder, bilang karagdagan dito ay makakahanap ka ng dalawa pang mga file ng mga pangunahing setting ng platform, ikaw maaaring iwanan sila nang mag-isa); pati na rin ang "index.html", na siyang markup ng pangunahing pahina. Dapat kang magsimula mula dito, at iba pang mga partikular na karagdagan sa anyo ng mga slider, ang ilang mga epekto ng Javascript ay matutukoy na ng iyong gawain upang lumikha ng isang partikular na site. Halimbawa, sa karaniwang template ng Bootstrap, maaaring idisenyo ang menu sa isang mapurol na kulay abo. Para sa iyong site, siyempre, babaguhin mo ito upang magawa ito sa tamang kulay at sa lahat ng nais na mga epekto. Ito ang mismong pag-customize, ngunit dahil may Bootstrap, hindi na kailangang gumawa ng menu mula sa simula, na nakakatipid ng oras.

bootstrap css
bootstrap css

Mga Pagkakataon para sa mga designer

Actually, ngayon tungkol sa mga posibilidad na ibinibigay ng Bootstrap platform. Ano ang mga prospect na ito - upang gumana sa mga naturang archive? Mukhang, bakit sila kapansin-pansin?

Posa katunayan, walang ganoon sa platform ng developer mula sa Twitter. Ang ideya ay napaka-simple, tulad ng pagpapatupad nito. Ngunit ngayon ang isang taga-disenyo ay hindi kailangang lumikha ng isang pahina ng site mula sa simula, pagkatapos ay bigyan ito ng nais na hitsura. Hindi, ngayon ang isang espesyalista ay maaaring magsimula nang direkta mula sa shell, mula sa disenyo ng site, nang hindi ginulo ng mga pangunahing bagay bilang pangunahing markup. Hindi ba ito isang halimbawa ng mabisa at mahusay na paggamit ng oras?

Sa karagdagan, ang isa pang bentahe ng Bootstrap ay hindi nabanggit - na ito ay isang paraan upang matulungan ang mga taong walang mataas na antas ng mga kasanayan sa markup ng CSS na lumikha ng kanilang sariling propesyonal na disenyo, dahil ang lahat ng mga tool na maaaring gawin ng isang taga-disenyo ng layout. ang pangangailangan ay nasa mga template na pinag-uusapan. Ang isang taong may alam tungkol sa pagbuo ng mga web site ay may kakayahang higit pa. At isa na itong talagang makabuluhang plus pabor sa Bootstrap.

Ngayon ang proyekto ay nasa ilalim ng pagbuo, sa kabila ng katotohanan na ito ay inilunsad noong 2011 at mula noon libu-libong tao ang nagsimulang magtrabaho dito. Sana ay patuloy na gawing mas madali ng mga developer ang disenyo ng web at tulungan ang mga tao na lumikha ng bago, personal at kapaki-pakinabang sa mundo.

Inirerekumendang: