Bootstrap - vad är det? Twitter Bootstrap - webbdesign och utveckling

Innehållsförteckning:

Bootstrap - vad är det? Twitter Bootstrap - webbdesign och utveckling
Bootstrap - vad är det? Twitter Bootstrap - webbdesign och utveckling
Anonim

De som arbetar åtminstone lite med området webbdesign och är bekanta med processen att skapa sajter och designa dem, vet hur långt möjligheterna att visualisera ditt innehåll har kommit på sistone. Tack vare CSS, JavaScript och Flash-teknologier, kombinerade tillsammans, kan vilken webbplats som helst förvandlas till ett riktigt mästerverk, ett slags modern konst. Och naturligtvis gör många designers detta, och ett stort antal företag ger generöst i uppdrag att utveckla portaler med otrolig grafik. Dessutom kan sidans "wow-effekt" uppnås inte bara genom en uppsättning olika effekter, utan också med hjälp av enkla men vackra övergångar, infografik, länkar och mer.

bootstrap vad är det
bootstrap vad är det

Det är sant, varje designer och layoutdesigner vet att för att spara tid när du utvecklar en resurs måste du ha en viss bas, en mall, på grundval av vilken du kan skapa det slutliga "mästerverket". Det är vad Bootstrap skapades för: idag hjälper det att spara tid och göra saker enklare för tusentals webbdesigners.

Bootstrap - vad är det?

Så, beskrivningen av produkten bör börja med dess allmänna egenskaper. Därför noterar vi att Bootstrap är en plattform uttryckt i en uppsättningoriginalmallar för webbplatsen. Var och en innehåller grafik, CSS och naturligtvis HTML.

twitter bootstrap
twitter bootstrap

Hela uppsättningen kommer i ett arkiv, som kan laddas ner gratis från plattformens officiella sida. Således kan alla som vill utveckla sin webbplats använda den här uppsättningen, och han behöver inte skriva varje sida från början, göra grundläggande åtgärder: markera webbplatsen, dela upp den i block, välja grafik för grundläggande ikoner, och så vidare. Samtidigt är varje uppsättning av Twitter Bootstrap ganska individuell. Till skillnad från de mallar vi är vana vid finns det inget överflödigt i det som behöver tas bort eller bytas ut. Designern kommer att kunna skapa sin idé direkt utifrån Bootstrap.

Hur börjar man bygga en webbplats?

Så, vi har redan bekantat oss med själva plattformen, låt oss nu gå vidare till hur du börjar utveckla din unika webbplats. För att komma igång behöver du förstås ladda ner arkivet med Twitter Bootstrap-mallen. Det tar väldigt lite plats, och du kan få det på GetBootstrap-sidan. Där kan du också välja placeringen av blocken som du behöver för sajten. Till exempel finns det sidor i form av en landningssida med en bild, med ett skjutreglage, med flera rubriker, med förinställda effekter och så vidare. Du behöver bara göra ett val och ladda ner arkivet som är lämpligt för din webbplats skapat på basis av Bootstrap. Vad är det här setet kommer du att se direkt efter nedladdning.

bootstrap-menyn
bootstrap-menyn

Anpassning av temat

Varje ämne representerar sig själv, som vilken webbplats som helst,en uppsättning HTML-, CSS- och grafikfiler. Utvecklarna av plattformen har strävat efter att få designnormerna till samma standarder, samtidigt som de ger maximal möjlighet att anpassa ditt tema. Därför, för att göra din webbplats unik, måste du förstå strukturen på plattformen, arkitekturen för webbplatsen på den och hur koden för varje mall är skriven. Du behöver göra detta en gång, varefter det blir lättare att skapa dina projekt med Bootstrap. CSS och grafik är samma för alla teman. Detta är fördelen med detta tillvägagångssätt.

Allt vi är intresserade av är CSS-filen med namnet på temat (den placeras i mappen "css", utöver den hittar du ytterligare två filer med plattformens grundinställningar, du kan lämna dem ifred); samt "index.html", som är uppmärkningen av huvudsidan. Du bör utgå från detta, och andra specifika tillägg i form av reglage, vissa Javascript-effekter kommer redan att bestämmas av din uppgift att skapa en viss webbplats. Till exempel, i standardmallen Bootstrap, kan menyn vara designad i en matt grå färg. För din sida kommer du naturligtvis att ändra den så att den görs i rätt färg och med alla önskade effekter. Detta är själva anpassningen, men eftersom det finns Bootstrap finns det ingen anledning att skapa en meny från början, vilket sparar tid.

bootstrap css
bootstrap css

Möjligheter för designers

Faktiskt nu om de möjligheter som Bootstrap-plattformen ger. Vilka är dessa utsikter - att arbeta med sådana arkiv? Det verkar, varför är de så anmärkningsvärda?

Poi själva verket finns det inget liknande i utvecklarplattformen från Twitter. Idén är extremt enkel, liksom dess genomförande. Men nu behöver inte en designer skapa en sida från grunden för att sedan ge den önskat utseende. Nej, nu kan en specialist börja direkt från skalet, från designen av webbplatsen, utan att bli distraherad av sådana grundläggande saker som huvuduppmärkningen. Är inte detta ett exempel på effektiv och effektiv användning av tiden?

Dessutom noterades inte en annan fördel med Bootstrap - att det är ett sätt att hjälpa människor som inte har högnivåkunskaper om CSS-märkning att skapa sin egen professionella design, eftersom alla verktyg som en layoutdesigner kan behov finns redan i mallarna i fråga. En person som vet om att bygga webbplatser är kapabel till så mycket mer. Och detta är redan ett stort plus till förmån för Bootstrap.

Nu är projektet under utveckling, trots att det lanserades redan 2011 och sedan dess har tusentals människor börjat arbeta med det. Låt oss hoppas att utvecklare fortsätter att göra webbdesign enklare och hjälpa människor att skapa något nytt, personligt och användbart för världen.

Rekommenderad: