Bootstrap – mis see on? Twitter Bootstrap – veebilehe kujundus ja arendus

Sisukord:

Bootstrap – mis see on? Twitter Bootstrap – veebilehe kujundus ja arendus
Bootstrap – mis see on? Twitter Bootstrap – veebilehe kujundus ja arendus
Anonim

Need, kes vähem alt veidi veebidisaini valdkonnaga tegelevad ning saidi loomise ja nende kujundamise protsessiga kursis on, teavad, kui kaugele on viimasel ajal jõudnud võimalused oma sisu visualiseerimiseks. Tänu CSS-i, JavaScripti ja Flash-tehnoloogiatele koos kombineerituna saab iga saidi muuta tõeliseks meistriteoseks, omamoodi kaasaegse kunsti teoseks. Ja loomulikult teevad seda paljud disainerid ning suur hulk ettevõtteid tellib heldelt uskumatu graafikaga portaalide väljatöötamist. Pealegi saab lehe "vau-efekti" saavutada mitte ainult erinevate efektide komplekti, vaid ka lihtsate, kuid ilusate üleminekute, infograafikute, linkide ja muu abil.

bootstrap mis see on
bootstrap mis see on

Tõsi, iga kujundaja ja küljendaja teab, et mis tahes ressursi arendamisel aja säästmiseks peab olema kindel alus, mall, mille põhjal saab luua lõpliku "meistriteose". Selle jaoks loodi Bootstrap: täna aitab see säästa aega ja teeb tuhandete veebidisainerite tegevuse lihtsamaks.

Bootstrap – mis see on?

Seega, toote kirjeldus peaks algama selle üldiste omadustega. Seetõttu märgime, et Bootstrap on komplektis väljendatud platvormsaidi originaalmallid. Igaüks neist sisaldab graafikat, CSS-i ja loomulikult HTML-i.

twitter bootstrap
twitter bootstrap

Kogu komplekt on ühes arhiivis, mille saab tasuta alla laadida platvormi ametlikult lehelt. Seega saavad seda komplekti kasutada kõik, kes soovivad oma saiti arendada ja ta ei pea iga lehte nullist kirjutama, tegema põhitoiminguid: saidi märgistamist, plokkideks jagamist, põhiikoonide jaoks graafika valimist jne. Samal ajal on iga Twitteri Bootstrapi komplekt üsna individuaalne. Erinev alt mallidest, millega oleme harjunud, pole selles midagi üleliigset, mida tuleks eemaldada või asendada. Disainer saab luua oma vaimusünnituse otse Bootstrapi põhjal.

Kuidas alustada veebisaidi loomist?

Nii, oleme platvormi endaga juba tutvunud, nüüd liigume edasi selle juurde, kuidas alustada oma unikaalse veebilehe arendamist. Alustamiseks peate loomulikult alla laadima arhiivi koos Twitteri alglaadimismalliga. See võtab väga vähe ruumi ja selle leiate GetBootstrapi lehelt. Seal saate valida ka saidi jaoks vajalike plokkide paigutuse. Näiteks on lehed maandumislehe kujul, millel on üks pilt, liugur, mitme pealkirjaga, eelseadistatud efektidega jne. Tuleb vaid teha valik ja alla laadida Bootstrapi baasil loodud saidile sobiv arhiiv. Mis see komplekt on, näete kohe pärast allalaadimist.

alglaadimismenüü
alglaadimismenüü

Teema kohandamine

Iga teema esindab iseennast, nagu iga sait,HTML-, CSS- ja graafikafailide komplekt. Platvormi arendajad on püüdnud viia disaininormid samadele standarditele, andes samas maksimaalse võimaluse oma teema kohandamiseks. Seetõttu peate oma saidi ainulaadseks muutmiseks mõistma platvormi struktuuri, sellel oleva saidi arhitektuuri ja seda, kuidas iga malli kood on kirjutatud. Peate seda tegema üks kord, pärast seda on Bootstrapi abil projekte lihtsam luua. CSS ja graafika on kõigil teemadel samad. See on selle lähenemisviisi pluss.

Meid huvitab vaid CSS-fail teema nimega (see paigutatakse kausta "css", lisaks sellele leiate veel kaks platvormi põhiseadete faili, te võib nad rahule jätta); samuti "index.html", mis on avalehe märgistus. Peaksite alustama sellest ja muudest konkreetsetest täiendustest liugurite kujul, mõned Javascripti efektid on juba määratud teie ülesandega konkreetse saidi loomiseks. Näiteks tavalise Bootstrapi malli puhul võib menüü olla kujundatud tuhmhalli värviga. Loomulikult muudate seda oma saidi jaoks nii, et see oleks tehtud õiges värvitoonis ja kõigi soovitud efektidega. See on kohandamine, kuid kuna Bootstrap on olemas, pole vaja menüüd nullist luua, mis säästab aega.

bootstrap css
bootstrap css

Võimalused disaineritele

Tegelikult, nüüd Bootstrapi platvormi pakutavatest võimalustest. Millised on need väljavaated – töötada selliste arhiividega? Näib, miks nad nii tähelepanuväärsed on?

Potegelikult pole Twitteri arendajaplatvormis midagi sellist. Idee on äärmiselt lihtne, nagu ka selle teostus. Kuid nüüd ei pea disainer saidi lehte nullist looma, seejärel sellele soovitud välimust andma. Ei, nüüd saab spetsialist alustada otse kestast, saidi kujundusest, ilma et teda segaks sellised põhilised asjad nagu peamine märgistus. Kas see pole mitte näide tõhusast ja tõhusast ajakasutusest?

Lisaks jäi märkimata veel üks Bootstrapi eelis – see on viis aidata inimestel, kellel ei ole kõrgetasemelisi CSS-i märgistusoskusi, luua oma professionaalne kujundus, sest kõik tööriistad, mida küljenduskujundaja võivad kasutada vajadus on juba kõnealustes mallides. Inimene, kes teab veebisaitide loomisest, on võimeline palju enamaks. Ja see on juba tõesti märkimisväärne pluss Bootstrapi kasuks.

Nüüd on projekt väljatöötamisel, hoolimata asjaolust, et see käivitati 2011. aastal ja sellest ajast alates on selle kallal tööd alustanud tuhanded inimesed. Loodame, et arendajad muudavad veebidisaini ka edaspidi lihtsamaks ja aitavad inimestel luua midagi uut, isiklikku ja maailmale kasulikku.

Soovitan: