Bootstrap - ce este? Twitter Bootstrap - design și creare de site-uri

Cei care lucrează cel puțin puțin în sfera de design web și sunt familiarizați cu procesul de creare a site-urilor web și a designului acestora, știe cât de departe au apărut recent oportunitățile de vizualizare a conținutului. Grație tehnologiilor CSS, jаvascript și Flash, combinate împreună, de pe orice site poate face o adevărată capodoperă, un fel a unei opere de artă contemporană. Și, desigur, mulți designeri o fac, precum și numărul mare de companii prin care se dispune generos de dezvoltare portal cu o grafică incredibilă. Mai mult decât atât, "efectul wow" al paginii poate fi atins nu numai printr-un set de efecte diferite, ci și cu tranziții simple, dar frumoase, infographics, link-uri și alte lucruri.

Adevărat, fiecare designer și designer de șantier știe că pentru a economisi timp în dezvoltarea oricărei resurse trebuie să aveți o anumită bază, un șablon pe baza căruia puteți crea capodopera finală. De aceea, platforma Bootstrap a fost creată: astăzi ajută la economisirea timpului și simplificarea sarcinii pentru mii de designeri web.

Bootstrap - ce este?

Deci, pentru a începe descrierea produsului urmează cu caracteristicile sale generale. Prin urmare, rețineți că Bootstrap este o platformă, exprimată într-un set de șabloane unice pentru site. Fiecare dintre ele include grafică, marcaj CSS și, desigur, HTML.

Tot acest set merge într-o singură arhivă, care poate fi descărcată gratuit de pe pagina oficială a platformei. Astfel, orice persoană care dorește să dezvolte un site web, poate profita de acest set, și nu va trebui să scrie fiecare pagină de la zero, făcând pași de bază: marcarea site-ul, împărțind-o în blocuri, iau programul pentru pictogramele de bază și așa mai departe. În acest caz, fiecare set de Twitter Bootstrap este destul de individual. Spre deosebire de modelele obișnuite, nu este nimic inutil în el care va trebui să fie înlăturat sau înlocuit. Creați-vă designer-ul creator poate direct pe baza Bootstrap.

Cum să începeți crearea unui site web?

Deci, cu platforma în sine am întâlnit deja, acum ne îndreptăm spre cum să începeți să vă dezvoltați site-ul unic. Pentru a începe, bineînțeles, trebuie să descărcați o arhivă cu șablonul Twitter Bootstrap. Este nevoie de un spațiu foarte mic și puteți să îl obțineți pe pagina GetBootstrap. De asemenea, puteți alege amplasarea blocurilor de care aveți nevoie pentru site. De exemplu, există pagini sub forma unei pagini de destinație cu o singură fotografie, cu un cursor, cu mai multe anteturi, cu efecte pre-instalate și așa mai departe. Trebuie doar să faceți o alegere și să descărcați acea arhivă, potrivită pentru site-ul dvs., bazată pe Bootstrap. Ce este acest set, veți vedea imediat după descărcare.

Individualizarea subiectului

Fiecare temă reprezintă, ca orice alt site, un set de fișiere HTML, CSS și grafice. Dezvoltatorii platformei au încercat să aducă standardele de design la aceleași standarde, în timp ce la maxim oferă oportunități pentru individualizarea subiectului tău. Prin urmare, pentru a face site-ul dvs. unic, va trebui să înțelegeți platforma dispozitivului, arhitectura site-ului pe el și modul în care codul fiecărui șablon este prescris. Trebuie să faceți acest lucru o dată, după care va fi mai ușor să vă creați proiectele folosind Bootstrap. CSS și grafica sunt aceleași pentru toate subiectele. În plus, această abordare.

Tot ceea ce ne interesează - un CSS-fișier cu numele temei (acesta este plasat în dosarul «css», în afară de el acolo veți găsi un alt două setări de bază platforma de fișiere, acestea nu pot atinge) - și «index.html», ceea ce reprezintă o aspectul dvs. al paginii principale. Ar trebui să porniți de la acest lucru și alte adăugări specifice sub formă de glisoare, unele efecte jаvascript-ul va fi deja determinat de sarcina dvs. de a crea acest site sau acel site. De exemplu, în șablonul standard Bootstrap, meniul poate fi proiectat în gri plictisitor. Pentru site-ul dvs., desigur, îl schimbați astfel încât să fie executat în culoarea potrivită și cu toate efectele necesare. Aceasta este tocmai individualizare, dar există Bootstrap, de a crea un meniu de la zero, nu este necesar, ceea ce economisește timp.

Oportunități pentru designeri

De fapt, acum despre oportunitățile oferite de platformă Bootstrap. Ce este asta? pentru perspective - de a lucra cu astfel de arhive? Se pare că sunt atât de remarcabile?

De fapt, nu există nimic de genul acesta în platforma dezvoltatorilor de pe Twitter. Ideea este extrem de simplă, ca și implementarea ei. Dar acum designerul nu ar trebui să creeze o pagină a site-ului de la zero, pentru a-i oferi forma necesară. Nu, acum un specialist poate porni direct de la coajă, cu designul site-ului, fără a fi distras de astfel de lucruri de bază ca marcarea de bază. Nu este acesta un exemplu de utilizare eficientă și rațională a timpului?

În plus, nu a existat nici un alt avantaj Bootstrap - este o modalitate de a ajuta oamenii care nu cunosc abilitățile de creare de aspect CSS la un nivel înalt, pentru a crea un design profesional, deoarece toate instrumentele care pot fi utile pentru o typesetter, este deja în șablonul de care este vorbire. O persoană care știe despre crearea site-urilor de fundație este capabilă de mult mai mult. Și acesta este un plus semnificativ în favoarea lui Bootstrap.

Acum, proiectul este în curs de dezvoltare, în ciuda faptului că a fost lansat în 2011 și de atunci mii de oameni au început să lucreze la acest proiect. Să sperăm că dezvoltatorii vor continua să simplifice munca cu designul web și să îi ajute pe oameni să creeze ceva nou, individual și util lumii.