Bootstrap - kas tas ir? Twitter Bootstrap – mājas lapas dizains un izstrāde

Satura rādītājs:

Bootstrap - kas tas ir? Twitter Bootstrap – mājas lapas dizains un izstrāde
Bootstrap - kas tas ir? Twitter Bootstrap – mājas lapas dizains un izstrāde
Anonim

Tie, kas vismaz nedaudz strādā ar web dizaina jomu un pārzina vietņu izveides un to noformēšanas procesu, zina, cik tālu pēdējā laikā ir nonākušas iespējas sava satura vizualizēšanai. Pateicoties CSS, JavaScript un Flash tehnoloģijām, kas apvienotas kopā, jebkuru vietni var pārvērst par īstu šedevru, sava veida modernās mākslas darbu. Un, protams, daudzi dizaineri to dara, un liels skaits uzņēmumu dāsni pasūta portālu izstrādi ar neticamu grafiku. Turklāt lapas "wow-efektu" var panākt ne tikai ar dažādu efektu kopumu, bet arī ar vienkāršu, bet skaistu pāreju, infografiku, saišu un citu palīdzību.

bootstrap kas tas ir
bootstrap kas tas ir

Tiesa, katrs dizainers un maketētājs zina, ka, lai ietaupītu laiku, izstrādājot jebkuru resursu, ir jābūt noteiktai bāzei, šablonam, uz kura pamata var izveidot galīgo "šedevru". Tam tika izveidots Bootstrap: šodien tas palīdz ietaupīt laiku un atvieglo darbu tūkstošiem tīmekļa dizaineru.

Bootstrap - kas tas ir?

Tātad, produkta apraksts jāsāk ar tā vispārīgajām īpašībām. Tāpēc mēs atzīmējam, ka Bootstrap ir platforma, kas izteikta komplektāoriģinālās vietnes veidnes. Katrā ir iekļauta grafika, CSS un, protams, HTML.

twitter bootstrap
twitter bootstrap

Viss komplekts ir vienā arhīvā, kuru var bez maksas lejupielādēt no platformas oficiālās lapas. Tādējādi ikviens, kurš vēlas attīstīt savu vietni, var izmantot šo komplektu, un viņam nebūs jāraksta katra lapa no nulles, veicot pamata darbības: vietnes atzīmēšanu, sadalīšanu blokos, grafikas atlasi pamata ikonām utt. Tajā pašā laikā katrs Twitter Bootstrap komplekts ir diezgan individuāls. Atšķirībā no veidnēm, pie kurām esam pieraduši, tajā nav nekā lieka, kas būtu jānoņem vai jānomaina. Dizainers varēs izveidot savu ideju tieši uz Bootstrap bāzes.

Kā sākt veidot vietni?

Tātad, ar pašu platformu jau esam iepazinušies, tagad pāriesim pie savas unikālās mājas lapas izstrādes. Lai sāktu, protams, ir jālejupielādē arhīvs ar Twitter Bootstrap veidni. Tas aizņem ļoti maz vietas, un to var iegūt GetBootstrap lapā. Tur jūs varat arī izvēlēties vietnei nepieciešamo bloku izvietojumu. Piemēram, ir lapas galvenās lapas formā ar vienu attēlu, ar slīdni, ar vairākiem virsrakstiem, ar iepriekš iestatītiem efektiem un tā tālāk. Jums vienkārši jāizdara izvēle un jālejupielādē jūsu vietnei piemērots arhīvs, kas izveidots, pamatojoties uz Bootstrap. Kas ir šis komplekts, jūs redzēsit tūlīt pēc lejupielādes.

sāknēšanas izvēlne
sāknēšanas izvēlne

Motīva pielāgošana

Katra tēma pārstāv sevi tāpat kā jebkura vietne,HTML, CSS un grafikas failu kopa. Platformas izstrādātāji ir centušies panākt, lai dizaina normas atbilstu tiem pašiem standartiem, vienlaikus nodrošinot maksimālu iespēju pielāgot jūsu tēmu. Tāpēc, lai padarītu savu vietni unikālu, jums būs jāsaprot platformas struktūra, tajā esošās vietnes arhitektūra un katras veidnes koda rakstīšana. Tas ir jādara vienreiz, pēc tam būs vieglāk izveidot projektus, izmantojot Bootstrap. CSS un grafikas ir vienādas visās tēmās. Tas ir šīs pieejas pluss.

Mūs interesē tikai CSS fails ar motīva nosaukumu (tas ir ievietots mapē "css", papildus tam atradīsiet vēl divus platformas pamatiestatījumu failus, jūs var atstāt viņus mierā); kā arī "index.html", kas ir galvenās lapas marķējums. Jums vajadzētu sākt no šī un citiem īpašiem papildinājumiem slīdņu veidā, dažus Javascript efektus jau noteiks jūsu uzdevums izveidot konkrētu vietni. Piemēram, standarta Bootstrap veidnē izvēlne var būt veidota blāvi pelēkā krāsā. Savai vietnei, protams, jūs to mainīsit tā, lai tā būtu pareizā krāsā un ar visiem vēlamajiem efektiem. Šī ir pati pielāgošana, taču, tā kā ir Bootstrap, nav nepieciešams izveidot izvēlni no nulles, kas ietaupa laiku.

bootstrap css
bootstrap css

Iespējas dizaineriem

Patiesībā, tagad par iespējām, ko sniedz Bootstrap platforma. Kādas ir šīs perspektīvas – strādāt ar šādiem arhīviem? Šķiet, kāpēc tās ir tik ievērojamas?

Popatiesībā nekā tāda nav izstrādātāju platformā no Twitter. Ideja ir ārkārtīgi vienkārša, tāpat kā tās īstenošana. Bet tagad dizainerim nav jāizveido vietnes lapa no nulles, lai pēc tam piešķirtu tai vēlamo izskatu. Nē, tagad speciālists var sākt tieši no čaulas, no vietnes dizaina, nenovēršot uzmanību no tādām pamata lietām kā galvenais marķējums. Vai tas nav efektīvas un lietderīgas laika izmantošanas piemērs?

Turklāt netika atzīmēta vēl viena Bootstrap priekšrocība - tas ir veids, kā palīdzēt cilvēkiem, kuriem nav augsta līmeņa CSS iezīmēšanas prasmes, izveidot savu profesionālu dizainu, jo visi rīki, ko varētu izmantot maketētājs nepieciešamība jau ir attiecīgajās veidnēs. Persona, kas zina par tīmekļa vietņu izveidi, spēj daudz vairāk. Un tas jau ir patiešām ievērojams pluss par labu Bootstrap.

Tagad projekts ir izstrādes stadijā, neskatoties uz to, ka tas tika uzsākts 2011. gadā un kopš tā laika tūkstošiem cilvēku ir sākuši strādāt pie tā. Cerēsim, ka izstrādātāji turpinās atvieglot tīmekļa dizainu un palīdzēs cilvēkiem izveidot kaut ko jaunu, personisku un pasaulei noderīgu.

Ieteicams: