Bootstrap – mikä se on? Twitter Bootstrap - verkkosivujen suunnittelu ja kehitys

Sisällysluettelo:

Bootstrap – mikä se on? Twitter Bootstrap - verkkosivujen suunnittelu ja kehitys
Bootstrap – mikä se on? Twitter Bootstrap - verkkosivujen suunnittelu ja kehitys
Anonim

Ne, jotka työskentelevät ainakin vähän web-suunnittelun parissa ja ovat perehtyneet sivustojen luomis- ja suunnitteluprosessiin, tietävät, kuinka pitkälle mahdollisuudet sisällön visualisointiin ovat menneet viime aikoina. CSS-, JavaScript- ja Flash-tekniikoiden ansiosta mistä tahansa sivustosta voidaan tehdä todellinen mestariteos, eräänlainen modernin taiteen teos. Ja tietysti monet suunnittelijat tekevät tätä, ja monet yritykset tilaavat avokätisesti portaalien kehittämisen uskomattomalla grafiikalla. Lisäksi sivun "vau-efekti" voidaan saavuttaa paitsi useiden eri tehosteiden avulla myös yksinkertaisten mutta kauniiden siirtymien, infografioiden, linkkien ja muiden avulla.

bootstrap mikä se on
bootstrap mikä se on

Totta, jokainen suunnittelija ja taittosuunnittelija tietää, että säästääkseen aikaa mitä tahansa resurssia kehitettäessä tarvitaan tietty pohja, malli, jonka pohj alta voi luoda lopullisen "mestariteoksen". Sitä varten Bootstrap luotiin: nykyään se säästää aikaa ja helpottaa tuhansien verkkosuunnittelijoiden toimintaa.

Bootstrap - mikä se on?

Joten tuotteen kuvauksen tulee alkaa sen yleisistä ominaisuuksista. Siksi huomaamme, että Bootstrap on alusta, joka ilmaistaan joukossasivuston alkuperäiset mallit. Jokainen sisältää grafiikan, CSS:n ja tietysti HTML:n.

twitter bootstrap
twitter bootstrap

Koko sarja tulee yhteen arkistoon, jonka voi ladata ilmaiseksi alustan viralliselta sivulta. Siten jokainen, joka haluaa kehittää sivustoaan, voi käyttää tätä sarjaa, eikä hänen tarvitse kirjoittaa jokaista sivua tyhjästä tekemällä perustoimintoja: merkitä sivustoa, jakaa se lohkoihin, valita grafiikkaa peruskuvakkeille ja niin edelleen. Samaan aikaan jokainen Twitter Bootstrap -sarja on melko yksilöllinen. Toisin kuin mallipohjat, joihin olemme tottuneet, siinä ei ole mitään ylimääräistä, joka pitäisi poistaa tai vaihtaa. Suunnittelija voi luoda oman aivonsa suoraan Bootstrapin pohj alta.

Kuinka aloittaa verkkosivuston rakentaminen?

Olemme siis jo tutustuneet itse alustaan, ja nyt siirrytään siihen, kuinka voit aloittaa ainutlaatuisen verkkosivustosi kehittämisen. Aloitaksesi sinun on tietysti ladattava arkisto Twitter Bootstrap -mallilla. Se vie hyvin vähän tilaa, ja saat sen GetBootstrap-sivulta. Siellä voit myös valita sivustolle tarvitsemiesi lohkojen sijainnin. Esimerkiksi sivuja on aloitussivun muodossa, jossa on yksi kuva, liukusäädin, useita otsikoita, esiasetettuja tehosteita ja niin edelleen. Sinun tarvitsee vain tehdä valinta ja ladata sivustollesi sopiva Bootstrapin perusteella luotu arkisto. Mikä tämä sarja on, näet heti lataamisen jälkeen.

bootstrap-valikko
bootstrap-valikko

Teeman mukauttaminen

Jokainen aihe edustaa itseään, kuten mikä tahansa sivusto,joukko HTML-, CSS- ja grafiikkatiedostoja. Alustan kehittäjät ovat pyrkineet saattamaan suunnittelunormit samojen standardien mukaisiksi antaen samalla maksimaalisen mahdollisuuden mukauttaa teemaasi. Siksi, jotta voit tehdä sivustostasi ainutlaatuisen, sinun on ymmärrettävä alustan rakenne, sillä olevan sivuston arkkitehtuuri ja kuinka kunkin mallin koodi on kirjoitettu. Sinun on tehtävä tämä kerran, jonka jälkeen on helpompi luoda projekteja Bootstrapin avulla. CSS ja grafiikka ovat samat kaikissa teemoissa. Tämä on tämän lähestymistavan plussa.

Meitä kiinnostaa vain CSS-tiedosto teeman nimellä (se sijoitetaan "css"-kansioon, jonka lisäksi löydät vielä kaksi alustan perusasetusten tiedostoa, sinä voi jättää ne rauhaan); sekä "index.html", joka on pääsivun merkintä. Sinun tulisi aloittaa tästä ja muista erityisistä lisäyksistä liukusäätimien muodossa, jotkin Javascript-tehosteet määräytyvät jo tietyn sivuston luomistehtävän perusteella. Esimerkiksi tavallisessa Bootstrap-mallissa valikko voidaan suunnitella himmeän harmaalla värillä. Sivustosi os alta tietysti muutat sen niin, että se tehdään oikean värisenä ja kaikilla halutuilla tehosteilla. Tämä on juuri räätälöinti, mutta koska Bootstrap on olemassa, valikkoa ei tarvitse luoda tyhjästä, mikä säästää aikaa.

bootstrap css
bootstrap css

Mahdollisuuksia suunnittelijoille

Itse asiassa, nyt Bootstrap-alustan tarjoamista mahdollisuuksista. Mitkä ovat nämä näkymät - työskennellä tällaisten arkistojen kanssa? Vaikuttaa siltä, miksi ne ovat niin merkittäviä?

Poitse asiassa Twitterin kehittäjäalustalla ei ole mitään sellaista. Idea on äärimmäisen yksinkertainen, kuten myös sen toteutus. Mutta nyt suunnittelijan ei tarvitse luoda sivuston sivua tyhjästä ja antaa sille sitten haluttu ulkoasu. Ei, nyt asiantuntija voi aloittaa suoraan kuoresta, sivuston suunnittelusta ilman, että sellaiset perusasiat kuin päämerkintä häiritsevät häntä. Eikö tämä ole esimerkki tehokkaasta ja tehokkaasta ajankäytöstä?

Lisäksi toista Bootstrapin etua ei huomioitu - että se on tapa auttaa ihmisiä, joilla ei ole korkeatasoista CSS-merkintätaitoja, luomaan oman ammattimaisen suunnittelunsa, koska kaikki taittosuunnittelijan työkalut tarve on jo kyseisissä malleissa. Henkilö, joka tietää web-sivustojen rakentamisesta, pystyy paljon enemmän. Ja tämä on jo todella merkittävä plus Bootstrapin hyväksi.

Nyt projekti on kehitteillä, vaikka se käynnistettiin jo vuonna 2011 ja sen jälkeen tuhannet ihmiset ovat alkaneet työstää sitä. Toivotaan, että kehittäjät jatkavat web-suunnittelun helpottamista ja auttavat ihmisiä luomaan jotain uutta, henkilökohtaista ja hyödyllistä maailmalle.

Suositeltava: