Bootstrap - wat is dit? Twitter Bootstrap - webwerf ontwerp en ontwikkeling

INHOUDSOPGAWE:

Bootstrap - wat is dit? Twitter Bootstrap - webwerf ontwerp en ontwikkeling
Bootstrap - wat is dit? Twitter Bootstrap - webwerf ontwerp en ontwikkeling
Anonim

Diegene wat ten minste 'n bietjie met die veld van webontwerp werk en vertroud is met die proses om werwe te skep en dit te ontwerp, weet hoe ver die moontlikhede om jou inhoud te visualiseer die afgelope tyd gekom het. Danksy CSS-, JavaScript- en Flash-tegnologie, saam gekombineer, kan enige webwerf omskep word in 'n ware meesterstuk, 'n soort moderne kunswerk. En natuurlik doen baie ontwerpers dit, en 'n groot aantal maatskappye gee mildelik opdrag vir die ontwikkeling van portale met ongelooflike grafika. Boonop kan die "wow-effek" van die bladsy bereik word nie net deur 'n stel verskillende effekte nie, maar ook met behulp van eenvoudige maar pragtige oorgange, infografika, skakels, en meer.

bootstrap wat is dit
bootstrap wat is dit

True, elke ontwerper en uitlegontwerper weet dat om tyd te bespaar wanneer jy enige hulpbron ontwikkel, jy 'n sekere basis moet hê, 'n sjabloon, op grond waarvan jy die finale "meesterstuk" kan skep. Dit is waarvoor Bootstrap geskep is: vandag help dit om tyd te bespaar en dinge makliker te maak vir duisende webontwerpers.

Bootstrap - wat is dit?

Dus, die beskrywing van die produk moet begin met sy algemene kenmerke. Daarom neem ons kennis dat Bootstrap 'n platform is wat in 'n stel uitgedruk wordoorspronklike sjablone vir die webwerf. Elkeen sluit grafika, CSS en natuurlik HTML in.

twitter selflaai
twitter selflaai

Die hele stel kom in een argief, wat gratis van die platform se amptelike bladsy afgelaai kan word. Dus, enigiemand wat hul webwerf wil ontwikkel, kan hierdie stel gebruik, en hy sal nie nodig hê om elke bladsy van nuuts af te skryf, basiese aksies te doen nie: merk die webwerf op, breek dit in blokke op, kies grafika vir basiese ikone, ensovoorts. Terselfdertyd is elke stel Twitter Bootstrap redelik individueel. Anders as die sjablone waaraan ons gewoond is, is daar niks oorbodig daarin wat verwyder of vervang moet word nie. Die ontwerper sal sy breinkind direk op grond van Bootstrap kan skep.

Hoe om 'n webwerf te begin bou?

So, ons het reeds kennis gemaak met die platform self, kom ons gaan nou aan hoe om jou unieke webwerf te begin ontwikkel. Om te begin, moet jy natuurlik die argief aflaai met die Twitter Bootstrap-sjabloon. Dit neem baie min spasie op, en jy kan dit op die GetBootstrap-bladsy kry. Daar kan jy ook die plasing van die blokke kies wat jy vir die werf benodig. Daar is byvoorbeeld bladsye in die vorm van 'n bestemmingsbladsy met een prent, met 'n skuifbalk, met verskeie opskrifte, met voorafbepaalde effekte, ensovoorts. U hoef net 'n keuse te maak en die argief af te laai wat geskik is vir u webwerf wat op die basis van Bootstrap geskep is. Wat hierdie stel is, sal jy dadelik sien nadat jy afgelaai het.

selflaai-kieslys
selflaai-kieslys

Aanpassing van die tema

Elke onderwerp verteenwoordig homself, soos enige webwerf,'n stel HTML-, CSS- en grafiese lêers. Die ontwikkelaars van die platform het daarna gestreef om die ontwerpnorme na dieselfde standaarde te bring, terwyl hulle die maksimum geleentheid bied om jou tema aan te pas. Daarom, om jou webwerf uniek te maak, sal jy die struktuur van die platform, die argitektuur van die webwerf daarop moet verstaan, en hoe die kode van elke sjabloon geskryf is. Jy moet dit een keer doen, waarna dit makliker sal wees om jou projekte met Bootstrap te skep. CSS en grafika is dieselfde op alle temas. Dit is die pluspunt van hierdie benadering.

Al waarin ons belangstel, is die CSS-lêer met die naam van die tema (dit word in die "css"-lêergids geplaas, benewens dit sal jy nog twee lêers van die basiese instellings van die platform vind, jy kan hulle met rus laat); sowel as "index.html", wat die opmaak van die hoofblad is. U moet hieruit begin, en ander spesifieke byvoegings in die vorm van glyers, sommige Javascript-effekte sal reeds bepaal word deur u taak om 'n spesifieke webwerf te skep. Byvoorbeeld, in die standaard Bootstrap-sjabloon kan die spyskaart in 'n dowwe grys kleur ontwerp word. Vir jou werf sal jy dit natuurlik verander sodat dit in die regte kleur en met al die gewenste effekte gedoen word. Dit is die eie pasmaak, maar aangesien daar Bootstrap is, is dit nie nodig om 'n spyskaart van nuuts af te skep nie, wat tyd bespaar.

bootstrap css
bootstrap css

Geleenthede vir ontwerpers

Eintlik, nou oor die moontlikhede wat die Bootstrap-platform bied. Wat is hierdie vooruitsigte - om met sulke argiewe te werk? Dit wil voorkom, hoekom is hulle so merkwaardig?

Potrouens, daar is niks so in die ontwikkelaarplatform van Twitter nie. Die idee is uiters eenvoudig, so ook die implementering daarvan. Maar nou hoef 'n ontwerper nie 'n werfbladsy van nuuts af te skep om dit dan die gewenste voorkoms te gee nie. Nee, nou kan 'n spesialis direk vanaf die dop begin, van die ontwerp van die webwerf, sonder om afgelei te word deur sulke basiese dinge soos die hoofopmerk. Is dit nie 'n voorbeeld van effektiewe en doeltreffende gebruik van tyd nie?

Daarbenewens is daar nie 'n ander voordeel van Bootstrap opgemerk nie - dat dit 'n manier is om mense wat nie hoëvlak CSS-opmerkvaardighede het nie te help om hul eie professionele ontwerp te skep, want al die gereedskap wat 'n uitlegontwerper kan behoefte is reeds in die betrokke sjablone. 'n Persoon wat weet van die bou van webwerwe is tot soveel meer in staat. En dit is reeds 'n baie belangrike pluspunt ten gunste van Bootstrap.

Nou is die projek onder ontwikkeling, ondanks die feit dat dit in 2011 van stapel gestuur is en sedertdien het duisende mense daaraan begin werk. Kom ons hoop dat ontwikkelaars sal voortgaan om webontwerp makliker te maak en mense sal help om iets nuuts, persoonliks en nuttig vir die wêreld te skep.

Aanbeveel: