Bootstrap - hvad er det? Twitter Bootstrap - hjemmeside design og udvikling

Indholdsfortegnelse:

Bootstrap - hvad er det? Twitter Bootstrap - hjemmeside design og udvikling
Bootstrap - hvad er det? Twitter Bootstrap - hjemmeside design og udvikling
Anonim

De, der i det mindste arbejder lidt med feltet webdesign og er fortrolige med processen med at skabe websteder og designe dem, ved, hvor langt mulighederne for at visualisere dit indhold er kommet på det seneste. Takket være CSS-, JavaScript- og Flash-teknologier, kombineret sammen, kan ethvert websted omdannes til et rigtigt mesterværk, en slags moderne kunstværk. Og selvfølgelig gør mange designere dette, og et stort antal virksomheder bestiller generøst udviklingen af portaler med utrolig grafik. Desuden kan sidens "wow-effekt" opnås ikke kun gennem et sæt forskellige effekter, men også ved hjælp af enkle, men smukke overgange, infografik, links og mere.

bootstrap hvad er det
bootstrap hvad er det

Sandt, enhver designer og layoutdesigner ved, at for at spare tid, når du udvikler en ressource, skal du have en bestemt base, en skabelon, på grundlag af hvilken du kan skabe det endelige "mesterværk". Det er det, Bootstrap blev skabt til: I dag hjælper det med at spare tid og gøre tingene nemmere for tusindvis af webdesignere.

Bootstrap - hvad er det?

Så beskrivelsen af produktet bør begynde med dets generelle karakteristika. Derfor bemærker vi, at Bootstrap er en platform udtrykt i et sætoriginale skabeloner til webstedet. Hver inkluderer grafik, CSS og selvfølgelig HTML.

twitter bootstrap
twitter bootstrap

Hele sættet kommer i ét arkiv, som kan downloades gratis fra platformens officielle side. Således kan enhver, der ønsker at udvikle deres websted, bruge dette sæt, og han behøver ikke at skrive hver side fra bunden, udføre grundlæggende handlinger: markere webstedet, opdele det i blokke, vælge grafik til grundlæggende ikoner, og så videre. Samtidig er hvert sæt Twitter Bootstrap ret individuelt. I modsætning til de skabeloner, vi er vant til, er der ikke noget overflødigt i det, der skal fjernes eller udskiftes. Designeren vil være i stand til at skabe sit idemand direkte på basis af Bootstrap.

Hvordan begynder man at bygge et websted?

Så vi har allerede stiftet bekendtskab med selve platformen, lad os nu gå videre til, hvordan du begynder at udvikle din unikke hjemmeside. For at komme i gang skal du selvfølgelig downloade arkivet med Twitter Bootstrap-skabelonen. Det fylder meget lidt, og du kan få det på GetBootstrap-siden. Der kan du også vælge placeringen af de blokke, du skal bruge til siden. For eksempel er der sider i form af en landingsside med ét billede, med en skyder, med flere overskrifter, med forudindstillede effekter og så videre. Du skal blot træffe et valg og downloade det arkiv, der passer til dit websted, oprettet på basis af Bootstrap. Hvad er dette sæt, vil du se umiddelbart efter download.

bootstrap menu
bootstrap menu

Tilpasning af temaet

Hvert emne repræsenterer sig selv, ligesom ethvert websted,et sæt HTML-, CSS- og grafikfiler. Udviklerne af platformen har stræbt efter at bringe designnormerne til de samme standarder, samtidig med at de giver maksimal mulighed for at tilpasse dit tema. Derfor, for at gøre dit websted unikt, skal du forstå platformens struktur, arkitekturen af webstedet på det, og hvordan koden for hver skabelon er skrevet. Det skal du gøre én gang, hvorefter det bliver nemmere at oprette dine projekter ved hjælp af Bootstrap. CSS og grafik er det samme på alle temaer. Dette er fordelen ved denne tilgang.

Alt vi er interesseret i er CSS-filen med navnet på temaet (den er placeret i "css"-mappen, udover den finder du yderligere to filer med de grundlæggende indstillinger af platformen, du kan lade dem være i fred); samt "index.html", som er opmærkningen af hovedsiden. Du bør starte fra dette, og andre specifikke tilføjelser i form af skydere, nogle Javascript-effekter vil allerede være bestemt af din opgave at oprette et bestemt websted. For eksempel kan menuen i standard Bootstrap-skabelonen være designet i en mat grå farve. For dit websted vil du selvfølgelig ændre det, så det bliver udført i den rigtige farve og med alle de ønskede effekter. Dette er selve tilpasningen, men da der er Bootstrap, er der ingen grund til at oprette en menu fra bunden, hvilket sparer tid.

bootstrap css
bootstrap css

Muligheder for designere

Faktisk nu om de muligheder, Bootstrap-platformen giver. Hvad er disse muligheder - at arbejde med sådanne arkiver? Det ser ud til, hvorfor er de så bemærkelsesværdige?

Pofaktisk er der ikke noget lignende i udviklerplatformen fra Twitter. Ideen er ekstremt enkel, ligesom dens gennemførelse. Men nu behøver en designer ikke at oprette en side fra bunden for derefter at give den det ønskede udseende. Nej, nu kan en specialist starte direkte fra skallen, fra webstedets design uden at blive distraheret af så grundlæggende ting som hovedmarkeringen. Er dette ikke et eksempel på effektiv og effektiv brug af tid?

Derudover blev en anden fordel ved Bootstrap ikke bemærket - at det er en måde at hjælpe folk, der ikke har CSS-markup-færdigheder på højt niveau med at skabe deres eget professionelle design, fordi alle de værktøjer, som en layoutdesigner kan behov er allerede i de pågældende skabeloner. En person, der kender til at bygge websteder, er i stand til så meget mere. Og dette er allerede et virkelig betydeligt plus til fordel for Bootstrap.

Nu er projektet under udvikling, på trods af at det blev lanceret tilbage i 2011, og siden da er tusindvis af mennesker begyndt at arbejde på det. Lad os håbe, at udviklere vil fortsætte med at gøre webdesign lettere og hjælpe folk med at skabe noget nyt, personligt og nyttigt for verden.

Anbefalede: