Bootstrap - kaj je to? Twitter Bootstrap - oblikovanje in razvoj spletnih strani

Kazalo:

Bootstrap - kaj je to? Twitter Bootstrap - oblikovanje in razvoj spletnih strani
Bootstrap - kaj je to? Twitter Bootstrap - oblikovanje in razvoj spletnih strani
Anonim

Tisti, ki se vsaj malo ukvarjate s področjem spletnega oblikovanja in ste seznanjeni s postopkom ustvarjanja strani in njihovega oblikovanja, vedo, kako daleč so v zadnjem času segle možnosti vizualizacije vaše vsebine. Zahvaljujoč tehnologijam CSS, JavaScript in Flash, združenim skupaj, lahko vsako spletno mesto spremenite v pravo mojstrovino, nekakšno delo sodobne umetnosti. In to seveda počnejo številni oblikovalci, veliko število podjetij pa velikodušno naroča razvoj portalov z neverjetno grafiko. Poleg tega je "wow-učinek" strani mogoče doseči ne le z naborom različnih učinkov, temveč tudi s pomočjo preprostih, a lepih prehodov, infografik, povezav in še več.

bootstrap kaj je to
bootstrap kaj je to

Res, vsak oblikovalec in oblikovalec postavitve ve, da morate za prihranek časa pri razvoju katerega koli vira imeti določeno osnovo, predlogo, na podlagi katere lahko ustvarite končno "mojstrovino". Za to je bil ustvarjen Bootstrap: danes pomaga prihraniti čas in olajša stvari tisočem spletnih oblikovalcev.

Bootstrap - kaj je to?

Torej, opis izdelka naj se začne z njegovimi splošnimi značilnostmi. Zato ugotavljamo, da je Bootstrap platforma, izražena v nizuizvirne predloge za spletno mesto. Vsak vključuje grafiko, CSS in seveda HTML.

twitter bootstrap
twitter bootstrap

Celoten komplet je v enem arhivu, ki ga lahko brezplačno prenesete z uradne strani platforme. Tako lahko vsak, ki želi razviti svoje spletno mesto, uporablja ta nabor in mu ne bo treba pisati vsake strani iz nič, izvajati osnovna dejanja: označiti spletno mesto, ga razbiti na bloke, izbrati grafiko za osnovne ikone itd. Hkrati je vsak sklop Twitter Bootstrapa precej individualen. Za razliko od šablon, ki smo jih vajeni, v njem ni nič odveč, kar bi bilo treba odstraniti ali zamenjati. Oblikovalec bo lahko ustvaril svojo zamisel neposredno na podlagi Bootstrapa.

Kako začeti graditi spletno mesto?

Torej, s samo platformo smo se že seznanili, zdaj pa pojdimo na to, kako začeti razvijati svojo edinstveno spletno stran. Za začetek morate seveda prenesti arhiv s predlogo Twitter Bootstrap. Zavzame zelo malo prostora in ga lahko dobite na strani GetBootstrap. Tam lahko izberete tudi postavitev blokov, ki jih potrebujete za spletno mesto. Na primer, obstajajo strani v obliki ciljne strani z eno sliko, z drsnikom, z več naslovi, s prednastavljenimi učinki itd. Morate se samo odločiti in prenesti arhiv, ki je primeren za vaše spletno mesto, ustvarjen na podlagi Bootstrapa. Kaj je ta komplet, boste videli takoj po prenosu.

zagonski meni
zagonski meni

Prilagajanje teme

Vsaka tema predstavlja sebe, tako kot vsako spletno mesto,niz HTML, CSS in grafičnih datotek. Razvijalci platforme so si prizadevali, da bi norme oblikovanja uskladili z enakimi standardi, hkrati pa dali največjo možnost za prilagajanje vaše teme. Zato, da bo vaše spletno mesto edinstveno, boste morali razumeti strukturo platforme, arhitekturo spletnega mesta na njej in kako je napisana koda vsake predloge. To morate storiti enkrat, nato pa bo vaše projekte lažje ustvariti z uporabo Bootstrapa. CSS in grafika sta enaka na vseh temah. To je plus tega pristopa.

Vse, kar nas zanima, je datoteka CSS z imenom teme (nameščena je v mapo "css", poleg nje najdete še dve datoteki osnovnih nastavitev platforme, vi jih lahko pusti pri miru); kot tudi "index.html", ki je oznaka glavne strani. Začeti morate s tem in drugimi specifičnimi dodatki v obliki drsnikov, nekateri učinki Javascript bodo že določeni z vašo nalogo za ustvarjanje določenega spletnega mesta. Na primer, v standardni predlogi Bootstrap je meni lahko oblikovan v dolgočasno sivi barvi. Za vašo stran jo boste seveda spremenili tako, da bo narejena v pravi barvi in z vsemi želenimi učinki. To je sama prilagoditev, a ker obstaja Bootstrap, ni treba ustvarjati menija iz nič, kar prihrani čas.

bootstrap css
bootstrap css

Priložnosti za oblikovalce

Pravzaprav zdaj o možnostih, ki jih ponuja platforma Bootstrap. Kakšne so te možnosti – delati s takšnimi arhivi? Zdi se, zakaj so tako izjemni?

Popravzaprav v platformi za razvijalce iz Twitterja ni nič takega. Ideja je izjemno preprosta, prav tako njena izvedba. Toda zdaj oblikovalcu ni treba ustvariti strani spletnega mesta iz nič, nato pa ji dati želeni videz. Ne, zdaj lahko strokovnjak začne neposredno iz lupine, od zasnove spletnega mesta, ne da bi ga motile tako osnovne stvari, kot je glavna oznaka. Ali ni to primer učinkovite in učinkovite rabe časa?

Poleg tega ni bila opažena še ena prednost Bootstrapa – da je to način, kako pomagati ljudem, ki nimajo veščin označevanja CSS na visoki ravni, da ustvarijo lasten profesionalni dizajn, saj so vsa orodja, ki bi jih oblikovalec postavitve lahko potrebe so že v zadevnih predlogah. Oseba, ki ve o izdelavi spletnih strani, je sposobna veliko več. In to je že zelo pomemben plus v korist Bootstrapa.

Projekt je zdaj v razvoju, kljub temu, da so ga začeli že leta 2011 in je od takrat na njem začelo delati na tisoče ljudi. Upajmo, da bodo razvijalci še naprej poenostavljali spletno oblikovanje in pomagali ljudem ustvariti nekaj novega, osebnega in uporabnega za svet.

Priporočena: