/ / Bootstrap - wat is het? Twitter Bootstrap - Ontwerp en bouw websites

Wat is bootstrap? Twitter Bootstrap - Ontwerp en bouw websites

Degenen die in ieder geval een beetje met de bol werkenWebdesign en bekend met het proces van het maken van sites en hun ontwerp, weet hoe ver de afgelopen jaren het vermogen om uw inhoud te visualiseren is toegenomen. Dankzij de gecombineerde CSS-, JavaScript- en Flash-technologieën kun je vanaf elke site een echt meesterwerk maken, een soort werk van moderne kunst. En natuurlijk doen veel ontwerpers dit en een groot aantal bedrijven bestelt royaal portaalontwerpen met ongelooflijke grafische afbeeldingen. Bovendien kan het "wow-effect" van de pagina niet alleen worden bereikt door een reeks verschillende effecten, maar ook met behulp van eenvoudige maar mooie overgangen, infographics, links en meer.

bootstrap wat is het

Toegegeven, elke ontwerper en lay-outontwerper weet datOm tijd te besparen bij het ontwikkelen van bronnen, moet je een bepaalde basis hebben, een sjabloon op basis waarvan je het uiteindelijke 'meesterwerk' kunt maken. Dit is precies waarvoor Bootstrap-platform is gemaakt: vandaag helpt het tijd te besparen en de taak voor duizenden webontwerpers te vereenvoudigen.

Wat is bootstrap?

De productbeschrijving begint dus met zijnalgemene karakteristieken. Daarom merken we op dat Bootstrap een platform is dat wordt uitgedrukt in een reeks unieke sjablonen voor de site. Elk van hen bevat afbeeldingen, CSS-opmaak en, natuurlijk, HTML.

twitter bootstrap

Deze hele set komt in één archief, datkan gratis worden gedownload van de officiële pagina van het platform. Dus iedereen die zijn eigen site wil ontwikkelen, kan deze set gebruiken en ze hoeven niet elke pagina helemaal opnieuw te schrijven en basisacties uit te voeren: de site markeren, opsplitsen in blokken, afbeeldingen selecteren voor basispictogrammen, enzovoort. Tegelijkertijd is elke set Twitter Bootstrap vrij individueel. In tegenstelling tot de gebruikelijke patronen, is er niets overbodig dat moet worden verwijderd of vervangen. De ontwerper zal zijn geesteskind direct kunnen creëren op basis van Bootstrap.

Hoe begin je met het maken van een site?

Dus we hebben het platform zelf al ontmoet,Laten we nu verder gaan met het ontwikkelen van onze eigen unieke site. Eerst moet je natuurlijk het archief downloaden met de Twitter Bootstrap-sjabloon. Het neemt heel weinig ruimte in beslag en u kunt het op de GetBootstrap-pagina krijgen. Daar kunt u de plaatsing van blokken kiezen die u voor de site nodig heeft. Zo zijn er pagina's in de vorm van een landingspagina met één afbeelding, zijn er met een slider, met meerdere headers, met voorgedefinieerde effecten enzovoort. U hoeft alleen maar een keuze te maken en het archief te downloaden dat geschikt is voor uw site, gemaakt op basis van Bootstrap. Wat deze set is, ziet u direct na het downloaden.

bootstrap menu

Aanpassingsthema's

Van elk onderwerp is, zoals elksite, een set HTML-, CSS- en grafische bestanden. De ontwikkelaars van het platform probeerden ontwerpnormen naar dezelfde normen te brengen, terwijl ze tegelijkertijd de maximale gelegenheid gaven om uw thema te personaliseren. Om uw site uniek te maken, moet u daarom het platformapparaat, de site-architectuur erop begrijpen en hoe de code voor elke sjabloon is geschreven. U moet dit één keer doen, waarna het maken van uw projecten gemakkelijker wordt met Bootstrap. CSS en afbeeldingen zijn hetzelfde voor alle thema's. Dit is het pluspunt van deze aanpak.

Het enige dat ons interesseert, is een CSS-bestand metde naam van het onderwerp (het wordt in de "css" -map geplaatst, daarnaast vind je er nog twee bestanden met de basisinstellingen van het platform, je kunt ze niet aanraken); evenals "index.html", dat is de lay-out van de hoofdpagina. Het zou hierop gebaseerd moeten zijn, en andere specifieke toevoegingen in de vorm van schuifregelaars, sommige Javascript-effecten zullen al bepaald worden door uw taak om deze of gene site te creëren. In de standaard Bootstrap-sjabloon kunnen menu's bijvoorbeeld in een saaie grijze kleur worden ontworpen. Voor uw site wijzigt u deze natuurlijk zodat deze in een geschikte kleur en met alle nodige effecten wordt gemaakt. Dit is de individualisatie, maar tegelijkertijd, omdat er Bootstrap is, is het niet nodig om een ​​volledig nieuw menu te maken, wat tijd bespaart.

bootstrap css

Ontwerpmogelijkheden

Eigenlijk nu over de mogelijkheden die het Bootstrap-platform biedt. Wat zijn deze vooruitzichten - werken met dergelijke archieven? Het lijkt erop dat ze zo opmerkelijk zijn?

In feite niets van het soort in het platform voorEr zijn geen ontwikkelaars van Twitter. Het idee is uiterst eenvoudig, evenals de implementatie ervan. Maar nu hoeft de ontwerper de pagina van de site niet helemaal opnieuw te maken en dan de juiste look te geven. Nee, nu kan een specialist direct vanuit de schil beginnen, vanaf het ontwerp van de site, zonder afgeleid te worden door basisdingen als basisopmaak. Is dit geen voorbeeld van efficiënt en rationeel tijdgebruik?

Bovendien werd er nog geen opgemerkt.Het voordeel van Bootstrap is dat het een manier is om mensen die niet over de vaardigheden beschikken om CSS-markeringen op hoog niveau te maken, hun eigen professionele ontwerp te maken, omdat alle tools die nuttig kunnen zijn voor de lay-outontwerper al in de betreffende sjablonen zitten. Iemand die op de hoogte is van het maken van basissites, kan veel meer. En dit is echt een belangrijk pluspunt voor Bootstrap.

Nu bevindt het project zich in de ontwikkelingsfase,ondanks het feit dat het in 2011 werd gelanceerd en sindsdien duizenden mensen eraan zijn gaan werken. Hopelijk zullen de ontwikkelaars de webontwerpervaring blijven vereenvoudigen en mensen helpen iets nieuws, persoonlijks en nuttigs voor de wereld te creëren.