Degenen die op zijn minst een beetje met webdesign werken en bekend zijn met het proces van het maken van sites en het ontwerpen ervan, weten hoe ver de mogelijkheden voor het visualiseren van uw inhoud de laatste tijd zijn gekomen. Dankzij de gecombineerde CSS-, JavaScript- en Flash-technologieën kan elke site worden omgevormd tot een echt meesterwerk, een soort modern kunstwerk. En natuurlijk doen veel ontwerpers dit, en een groot aantal bedrijven geven genereus opdracht voor de ontwikkeling van portals 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.
Het is waar, elke ontwerper en lay-outontwerper weet dat om tijd te besparen bij het ontwikkelen van bronnen, je een bepaalde basis, een sjabloon, nodig hebt op basis waarvan je het uiteindelijke "meesterwerk" kunt maken. Dat is waar Bootstrap voor is gemaakt: vandaag helpt het tijd te besparen en dingen gemakkelijker te maken voor duizenden webontwerpers.
Bootstrap - wat is het?
Dus, de beschrijving van het product moet beginnen met zijn algemene kenmerken. Daarom merken we op dat Bootstrap een platform is dat wordt uitgedrukt in een setoriginele sjablonen voor de site. Elk bevat afbeeldingen, CSS en natuurlijk HTML.
De hele set wordt geleverd in één archief, dat gratis kan worden gedownload van de officiële pagina van het platform. Dus iedereen die zijn site wil ontwikkelen, kan deze set gebruiken en hij hoeft niet elke pagina helemaal opnieuw te schrijven, basishandelingen uit te voeren: de site markeren, in blokken opdelen, afbeeldingen selecteren voor basispictogrammen, enzovoort. Tegelijkertijd is elke set Twitter Bootstrap behoorlijk individueel. In tegenstelling tot de templates die we gewend zijn, zit er niets overbodigs in dat verwijderd of vervangen moet worden. De ontwerper kan zijn geesteskind direct creëren op basis van Bootstrap.
Hoe begin je met het bouwen van een website?
Dus, we hebben al kennis gemaakt met het platform zelf, laten we nu verder gaan met het ontwikkelen van uw unieke website. Om aan de slag te gaan, moet je natuurlijk het archief downloaden met de Twitter Bootstrap-sjabloon. Het neemt heel weinig ruimte in beslag en je kunt het krijgen op de GetBootstrap-pagina. Daar kun je ook de plaatsing van de blokken kiezen die je nodig hebt voor de site. Er zijn bijvoorbeeld pagina's in de vorm van een landingspagina met één afbeelding, met een slider, met meerdere koppen, met vooraf ingestelde 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 is deze set, zie je direct na het downloaden.
Aanpassing van het thema
Elk onderwerp vertegenwoordigt zichzelf, zoals elke site,een set HTML-, CSS- en grafische bestanden. De ontwikkelaars van het platform hebben ernaar gestreefd om de ontwerpnormen naar dezelfde normen te brengen, terwijl ze de maximale mogelijkheid bieden om uw thema aan te passen. Om uw site uniek te maken, moet u daarom de structuur van het platform, de architectuur van de site erop en hoe de code van elke sjabloon is geschreven, begrijpen. U moet dit één keer doen, waarna het gemakkelijker wordt om uw projecten te maken met Bootstrap. CSS en afbeeldingen zijn hetzelfde voor alle thema's. Dit is het pluspunt van deze aanpak.
Het enige waar we in geïnteresseerd zijn, is het CSS-bestand met de naam van het thema (het wordt in de map "css" geplaatst, daarnaast vindt u nog twee bestanden met de basisinstellingen van het platform, u kan ze met rust laten); evenals "index.html", de opmaak van de hoofdpagina. U moet hiermee beginnen, en andere specifieke toevoegingen in de vorm van schuifregelaars, sommige Javascript-effecten worden al bepaald door uw taak om een bepaalde site te maken. In de standaard Bootstrap-sjabloon kan het menu bijvoorbeeld zijn ontworpen in een saaie grijze kleur. Voor uw site verandert u deze natuurlijk, zodat deze in de juiste kleur en met alle gewenste effecten wordt gedaan. Dit is precies de aanpassing, maar aangezien Bootstrap bestaat, is het niet nodig om helemaal opnieuw een menu te maken, wat tijd bespaart.
Kansen voor ontwerpers
Eigenlijk, nu over de mogelijkheden die het Bootstrap-platform biedt. Wat zijn deze vooruitzichten om met dergelijke archieven te werken? Het lijkt erop, waarom zijn ze zo opmerkelijk?
Poin feite is er niets dergelijks in het ontwikkelaarsplatform van Twitter. Het idee is uiterst eenvoudig, evenals de uitvoering ervan. Maar nu hoeft een ontwerper niet helemaal opnieuw een sitepagina te maken om deze vervolgens de gewenste uitstraling te geven. Nee, nu kan een specialist direct vanuit de shell beginnen, vanuit het ontwerp van de site, zonder afgeleid te worden door basale zaken als de belangrijkste opmaak. Is dit geen voorbeeld van effectief en efficiënt gebruik van tijd?
Bovendien werd een ander voordeel van Bootstrap niet opgemerkt - dat het een manier is om mensen te helpen die geen CSS-opmaakvaardigheden op hoog niveau hebben om hun eigen professionele ontwerp te maken, omdat alle tools die een lay-outontwerper zou kunnen hebben behoefte staan al in de betreffende sjablonen. Iemand die verstand heeft van het bouwen van websites is tot zoveel meer in staat. En dit is al een heel belangrijk pluspunt in het voordeel van Bootstrap.
Het project is nu in ontwikkeling, ondanks het feit dat het in 2011 werd gelanceerd en sindsdien duizenden mensen eraan zijn begonnen te werken. Laten we hopen dat ontwikkelaars webdesign gemakkelijker zullen blijven maken en mensen zullen helpen om iets nieuws, persoonlijks en nuttigs voor de wereld te creëren.
