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

Ce este Bootstrap? Twitter Bootstrap - Proiectare și dezvoltare site-uri web

Cei care lucrează cel puțin puțin cu sferaweb design și este familiarizat cu procesul de creare a site-urilor și cu designul acestora, știe cât de departe au crescut posibilitățile de vizualizare a conținutului dvs. în ultima vreme. Datorită tehnologiilor CSS, JavaScript și Flash, combinate împreună, puteți face o adevărată capodoperă de pe orice site, un fel de operă de artă modernă. Și, desigur, mulți designeri sunt implicați în acest lucru și 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 diverse efecte, ci și cu ajutorul unor tranziții simple, dar frumoase, infografice, linkuri și multe altele.

bootstrap ce este

Este adevărat, fiecare designer și designer de machete știe astapentru a economisi timp la dezvoltarea oricărei resurse, trebuie să aveți o anumită bază, un șablon pe baza căruia puteți crea „capodopera” finală. Tocmai pentru asta a fost creat cadrul Bootstrap: astăzi ajută la economisirea timpului și simplificarea lucrurilor pentru mii de designeri web.

Ce este Bootstrap?

Deci, descrierea produsului ar trebui să înceapă cu a sacaracteristici generale. Prin urmare, observăm că Bootstrap este o platformă exprimată într-un set de șabloane specifice site-ului. Fiecare dintre acestea include grafică, marcare CSS și, bineînțeles, HTML.

twitter bootstrap

Tot acest set vine într-o singură arhivă, carepoate fi descărcat gratuit de pe pagina oficială a platformei. Astfel, oricine dorește să-și dezvolte propriul site 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, alegerea graficelor pentru pictogramele de bază etc. Acestea fiind spuse, 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 va trebui eliminat sau înlocuit. Proiectantul își va putea crea ideea direct pe baza Bootstrap.

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

Deci, am întâlnit deja platforma în sine,acum să trecem la modul de a începe dezvoltarea site-ului dvs. unic. Mai întâi, 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 puteți alege, de asemenea, amplasarea blocurilor de care aveți nevoie pentru site. De exemplu, există pagini sub forma unei pagini de destinație cu o singură imagine, există pagini cu un glisor, cu mai multe titluri, cu efecte presetate și așa mai departe. Trebuie doar să faceți o alegere și să descărcați arhiva potrivită pentru site-ul dvs. bazat pe Bootstrap. Ce este acest set, veți vedea imediat după descărcare.

meniul bootstrap

Personalizarea temei

Fiecare subiect se reprezintă pe sine, ca oricare altulsite, un set de fișiere HTML, CSS și grafice. Dezvoltatorii platformei s-au străduit să aducă normele de proiectare la aceleași standarde, oferind în același timp oportunități maxime pentru a vă individualiza tema. Prin urmare, pentru a face site-ul dvs. unic, va trebui să înțelegeți structura platformei, arhitectura site-ului de pe ea și modul în care este scris codul fiecărui șablon. Trebuie să faceți acest lucru o singură dată, după care va fi mai ușor să vă creați proiectele folosind Bootstrap. CSS și grafica sunt aceleași în toate temele. Acesta este plusul acestei abordări.

Tot ceea ce ne interesează este un fișier CSS cunumele temei (este plasat în folderul „css”, pe lângă acesta, acolo veți găsi încă două fișiere cu setări de bază ale platformei, le puteți lăsa în pace); și, de asemenea, „index.html”, care este marcajul pentru pagina principală. Ar trebui să începeți de la acest lucru și de la alte adăugări specifice sub formă de glisante, unele efecte Javascript vor fi deja determinate de sarcina dvs. de a crea acest site sau altul. De exemplu, într-un șablon Bootstrap standard, meniul poate fi proiectat într-o culoare gri opac. Pentru site-ul dvs., îl veți schimba, desigur, astfel încât să fie realizat într-o culoare adecvată și cu toate efectele dorite. Aceasta este aceeași personalizare, dar în același timp, deoarece există Bootstrap, nu este nevoie să creați un meniu de la zero, care economisește timp.

bootstrap css

Oportunități pentru designeri

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

Practic, nu există așa ceva în platformănu există dezvoltatori Twitter. Ideea este la fel de simplă ca implementarea sa. Dar acum designerul nu trebuie să creeze o pagină de site de la zero pentru a-i da ulterior aspectul dorit. Nu, acum un specialist poate începe direct de la shell, de la proiectarea site-ului, fără a fi distras de lucruri de bază precum marcajul de bază. Nu este acesta un exemplu de utilizare eficientă și eficientă a timpului?

În plus, încă nu s-a remarcat încă unulAvantajul Bootstrap este că este o modalitate de a ajuta persoanele care nu au abilitățile de a crea markup CSS la nivel înalt pentru a-și crea propriul design profesional, deoarece toate instrumentele care pot fi utile unui proiectant de layout sunt deja în șabloanele în cauză. O persoană care cunoaște elementele de bază pentru crearea site-urilor web este capabilă de mult mai mult. Și acesta este deja un plus semnificativ în favoarea Bootstrap.

Acum proiectul este în stadiul de dezvoltare,în ciuda faptului că a fost lansat în 2011 și de atunci mii de oameni au început să lucreze la el. Sperăm că dezvoltatorii vor continua să simplifice designul web și să ajute oamenii să creeze ceva nou, personal și util lumii.