Bootstrap - mitä se on? Twitter Bootstrap - sivustojen suunnittelu ja luominen

Ne, joilla on ainakin jotkut työskentelevät web-suunnittelun alalla ja jotka tuntevat prosessin luomalla verkkosivustoja ja niiden suunnittelua, tietävät, kuinka pitkälle sisältösi visualisointiin on mennyt äskettäin. Kiitos teknologiasta CSS, JavaScript ja Flash yhdistettynä mistä tahansa sivustosta on mahdollista tehdä nykyinen mestariteos, sellainen nykytaiteen työ. Ja tietenkin monet suunnittelijat ovat mukana tässä, ja suuri määrä yrityksiä ansaitsee suuresti porttien kehittämistä uskomaton grafiikka. Lisäksi sivun "wow-vaikutus" voidaan saavuttaa paitsi erilaisten vaikutusten kautta myös yksinkertaisten, mutta kauniiden siirtymien, infografioiden, linkkien ja muiden avulla.

Jokainen suunnittelija ja layout-suunnittelija tietävät kuitenkin, että aikaa säästää aikaa resurssien kehittämiseen. Sinulla on oltava tietty perusta, mallia, jonka pohjalta voit luoda lopullisen "mestariteoksen". Siksi Bootstrap-alusta luotiin: tänään se säästää aikaa ja yksinkertaistaa tehtävää tuhansille web-suunnittelijoille.

Bootstrap - mitä se on?

Joten tuotteen kuvauksen aloittaminen seuraa sen yleisiä ominaisuuksia. Huomaa, että Bootstrap on alusta, joka ilmaistaan sivuston ainutlaatuisten mallipohjien joukossa. Jokainen niistä sisältää grafiikan, CSS-merkinnän ja tietenkin HTML: n.

Kaikki tämä sarja menee yhteen arkistoon, joka voidaan ladata ilmaiseksi virallisella foorumisivulla. Niinpä kuka tahansa, joka haluaa kehittää sivustoaan, voi käyttää tätä asetusta, eikä hänen tarvitse kirjoittaa kaikkia sivuja tyhjästä tekemällä perustoimia: merkitsemällä sivuston, rikkoen sen lohkoiksi, valitsemalla peruskuvakkeiden grafiikan ja niin edelleen. Tässä tapauksessa kukin Twitter Bootstrap -joukko on varsin yksilöllinen. Toisin kuin tavalliset mallit, siinä ei ole mitään ylimääräistä, joka on poistettava tai vaihdettava. Luo aivokuvantuottajasi voi suoraan Bootstrapin perusteella.

Miten aloittaa verkkosivuston luominen?

Joten, jo pelkällä alustalla olemme jo tavannut, nyt käännymme siihen, miten aloitat oman ainutlaatuisen sivustosi kehittämisen. Aluksi sinun on tietenkin ladattava arkisto Twitter Bootstrap -mallilla. Se vie hyvin vähän tilaa, ja voit saada sen GetBootstrap -sivulla. Siellä voit myös valita sivustolle tarvitsemasi lohkot. Esimerkiksi sivut ovat sivuja, joissa on yksi kuva, on liukusäädin, jossa on useita otsakkeita, joissa on valmiita tehosteita ja niin edelleen. Sinun tarvitsee vain tehdä valinta ja ladata arkisto, joka soveltuu sivustoosi Bootstrapin perusteella. Mikä tämä asetus on, näet heti latauksen jälkeen.

Aiheen yksilöinti

Jokainen teema edustaa, kuten minkä tahansa sivuston, joukko HTML-, CSS- ja grafiikkatiedostoja. Alustan kehittäjät pyrkivät tuomaan suunnittelumallit samojen standardien mukaisiksi ja antamaan mahdollisimman paljon aiheen yksilöllistämisen mahdollisuuksia. Siksi, jotta sivustosi on yksilöllinen, sinun on ymmärrettävä laitteen alusta, sivuston arkkitehtuuri ja miten kunkin mallin koodi on määrätty. Sinun täytyy tehdä tämä kerran, minkä jälkeen on helpompi luoda projekteja Bootstrapilla. CSS ja grafiikka ovat samat kaikilla aihealueilla. Tässä ja plus tämä lähestymistapa.

Kaikki, mikä kiinnostaa meitä, on CSS-tiedosto, jonka nimi on teemalla (se on sijoitettu kansioon "css", sen lisäksi löydät kaksi muuta tiedostoa alustan perusasetuksista, ne voidaan jättää yksin); Ja myös "index.html", joka on pääsivun merkintä. Sinun pitäisi aloittaa tästä ja muut erityiset lisäykset liukusäätimellä. Jotkut Javascript-vaikutukset määräytyvät jo tehtävän perusteella tämän tai kyseisen sivuston luomiseksi. Esimerkiksi tavallisessa Bootstrap-mallissa valikko voidaan suunnitella harvoin harvoin. Sivustasi luonnollisesti voit muuttaa sitä niin, että se toteutetaan oikeassa värissä ja sen kaikkiin tarvittaviin vaikutuksiin. Tämä on hyvin yksilöllistymistä, mutta samanaikaisesti, koska Bootstrap on, ei ole välttämätöntä luoda valikoita tyhjästä, mikä säästää aikaa.

Mahdollisuudet suunnittelijoille

Oikeastaan, nyt Bootstrap- alustan mahdollisuuksista . Mitä nämä näkökulmat ovat - työskentele tällaisten arkistojen kanssa? Näyttäisi siltä, mitkä ovat niin merkittäviä?

Itse asiassa mikään tällainen ei ole Twitter-kehittäjäalustalla. Ajatus on äärimmäisen yksinkertainen, kuten sen toteutus. Mutta nyt suunnittelija ei saa luoda sivuston sivua tyhjästä, jotta se olisi välttämätöntä. Ei, nyt asiantuntija voi aloittaa suoraan kuoresta sivuston suunnittelusta ilman, että häiritsevät sellaiset perusasiat kuin perusmerkintä. Eikö tämä ole esimerkki ajankäytön tehokkaasta ja järkevästä käytöstä?

Lisäksi Bootstrapilla ei ollut mitään muuta etua - tämä on tapa auttaa ihmisiä, jotka eivät tiedä, miten luoda korkean tason CSS-merkintä, luomaan omia ammatillisia suunnitelmiaan, koska kaikki työkalut, jotka voivat olla hyödyllisiä asettelussuunnittelijalle, ovat jo malliesineissä, joista keskustellaan puheen. Se, joka tietää sivustojen perustamisesta, pystyy paljon enemmän. Ja tämä on todella painava plus Bootstrapin hyväksi.

Nyt hanke on kehittymässä huolimatta siitä, että se käynnistettiin vuonna 2011 ja sen jälkeen tuhannet ihmiset ovat alkaneet työskennellä sen hyväksi. Toivomme, että kehittäjät yksinkertaistavat edelleen web-suunnittelutyötä ja auttavat luomaan jotain uutta, yksilöllistä ja hyödyllistä maailmalle.