Bootstrap - ce este? Twitter Bootstrap - design și dezvoltare site-uri web

Cuprins:

Bootstrap - ce este? Twitter Bootstrap - design și dezvoltare site-uri web
Bootstrap - ce este? Twitter Bootstrap - design și dezvoltare site-uri web
Anonim

Cei care lucrează măcar puțin cu domeniul web designului și sunt familiarizați cu procesul de creare a site-urilor și de proiectare a acestora, știu cât de departe au ajuns posibilitățile de vizualizare a conținutului tău în ultima vreme. Datorită tehnologiilor CSS, JavaScript și Flash, combinate între ele, orice site poate fi transformat într-o adevărată capodoperă, un fel de operă de artă modernă. Și, desigur, mulți designeri fac acest lucru, iar un număr mare de companii comandă cu generozitate dezvoltarea de portaluri cu o grafică incredibilă. Mai mult, „efectul wow” al paginii poate fi realizat nu numai printr-un set de efecte diferite, ci și cu ajutorul unor tranziții simple, dar frumoase, infografice, link-uri și multe altele.

bootstrap ce este
bootstrap ce este

Adevărat, fiecare designer și designer de layout știe că, pentru a economisi timp la dezvoltarea oricărei resurse, trebuie să ai o anumită bază, un șablon, pe baza căruia să poți crea „capodopera” finală. Pentru asta a fost creat Bootstrap: astăzi ajută la economisirea de timp și facilitează lucrurile pentru mii de designeri web.

Bootstrap - ce este?

Deci, descrierea produsului ar trebui să înceapă cu caracteristicile sale generale. Prin urmare, observăm că Bootstrap este o platformă exprimată într-un setșabloane originale pentru site. Fiecare include grafică, CSS și, desigur, HTML.

twitter bootstrap
twitter bootstrap

Întregul set vine într-o singură arhivă, care poate fi descărcată gratuit de pe pagina oficială a platformei. Astfel, oricine dorește să-și dezvolte site-ul poate folosi acest set și nu va trebui să scrie fiecare pagină de la zero, făcând acțiuni de bază: marcarea site-ului, împărțirea acestuia în blocuri, selectarea graficelor pentru pictogramele de bază și așa mai departe. În același timp, fiecare set de Twitter Bootstrap este destul de individual. Spre deosebire de șabloanele cu care suntem obișnuiți, nu există nimic de prisos în el care să fie eliminat sau înlocuit. Designerul își va putea crea ideea direct pe baza Bootstrap.

Cum să începeți să construiți un site web?

Deci, ne-am familiarizat deja cu platforma în sine, acum să trecem la cum să începem dezvoltarea site-ului dvs. unic. Pentru a începe, desigur, trebuie să descărcați arhiva cu șablonul Twitter Bootstrap. Ocupă foarte puțin spațiu și îl puteți obține pe pagina GetBootstrap. Acolo poți alege și plasarea blocurilor de care ai nevoie pentru site. De exemplu, există pagini sub forma unei pagini de destinație cu o singură imagine, cu un glisor, cu mai multe titluri, cu efecte prestabilite și așa mai departe. Trebuie doar să faceți o alegere și să descărcați arhiva care este potrivită pentru site-ul dvs. creată pe baza Bootstrap. Ce este acest set, veți vedea imediat după descărcare.

meniul bootstrap
meniul bootstrap

Personalizarea temei

Fiecare subiect se reprezintă, ca orice site,un set de fișiere HTML, CSS și grafice. Dezvoltatorii platformei s-au străduit să aducă normele de design la aceleași standarde, oferind în același timp oportunitatea maximă de personalizare a temei. Prin urmare, pentru a vă face site-ul unic, va trebui să înțelegeți structura platformei, arhitectura site-ului de pe aceasta și modul în care este scris codul fiecărui șablon. 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 pe toate temele. Acesta este plusul acestei abordări.

Tot ce ne interesează este fișierul CSS cu numele temei (este plasat în folderul „css”, pe lângă el vei găsi încă două fișiere ale setărilor de bază ale platformei, tu îi pot lăsa în pace); precum și „index.html”, care este marcajul paginii principale. Ar trebui să începeți de la aceasta și alte completări specifice sub formă de glisoare, unele efecte Javascript vor fi deja determinate de sarcina dvs. de a crea un anumit site. De exemplu, în șablonul standard Bootstrap, meniul ar putea fi proiectat într-o culoare gri plictisitoare. Pentru site-ul tau, desigur, il vei schimba astfel incat sa fie realizat in culoarea potrivita si cu toate efectele dorite. Aceasta este însăși personalizarea, dar deoarece există Bootstrap, nu este nevoie să creați un meniu de la zero, ceea ce economisește timp.

bootstrap css
bootstrap css

Oportunități pentru designeri

De fapt, acum despre posibilitățile pe care le oferă platforma Bootstrap. Care sunt aceste perspective - de a lucra cu astfel de arhive? S-ar părea, de ce sunt atât de remarcabile?

Pode fapt, nu există așa ceva în platforma de dezvoltatori de pe Twitter. Ideea este extrem de simplă, la fel ca și implementarea ei. Dar acum un designer nu trebuie să creeze o pagină de site de la zero, apoi să-i dea aspectul dorit. Nu, acum un specialist poate porni direct de la shell, de la designul site-ului, fără a fi distras de lucruri atât de elementare precum markup-ul principal. Nu este acesta un exemplu de utilizare eficientă și eficientă a timpului?

În plus, nu a fost remarcat un alt avantaj al Bootstrap - că este o modalitate de a ajuta oamenii care nu au abilități de marcare CSS de nivel în alt să-și creeze propriul design profesional, deoarece toate instrumentele pe care un designer de layout le-ar putea nevoie sunt deja în șabloanele în cauză. O persoană care știe despre construirea de site-uri web este capabilă de mult mai mult. Și acesta este deja un plus cu adevărat semnificativ în favoarea 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 el. Să sperăm că dezvoltatorii vor continua să faciliteze designul web și să-i ajute pe oameni să creeze ceva nou, personal și util lumii.

Recomandat: