Bootstrap - რა არის ეს? Twitter Bootstrap - ვებსაიტის დიზაინი და განვითარება

Სარჩევი:

Bootstrap - რა არის ეს? Twitter Bootstrap - ვებსაიტის დიზაინი და განვითარება
Bootstrap - რა არის ეს? Twitter Bootstrap - ვებსაიტის დიზაინი და განვითარება
Anonim

მათ, ვინც ცოტათი მაინც მუშაობს ვებ დიზაინის სფეროსთან და კარგად იცნობს საიტების შექმნისა და დიზაინის პროცესს, იციან რამდენად შორს არის ბოლო დროს თქვენი შინაარსის ვიზუალიზაციის შესაძლებლობები. CSS, JavaScript და Flash ტექნოლოგიების წყალობით, ერთად გაერთიანებული, ნებისმიერი საიტი შეიძლება იქცეს ნამდვილ შედევრად, ერთგვარ თანამედროვე ხელოვნების ნაწარმოებად. და, რა თქმა უნდა, ამას ბევრი დიზაინერი აკეთებს და კომპანიების დიდი რაოდენობა გულუხვად უბრძანებს პორტალების შექმნას წარმოუდგენელი გრაფიკით. უფრო მეტიც, გვერდის "wow-ეფექტის" მიღწევა შესაძლებელია არა მხოლოდ სხვადასხვა ეფექტების ნაკრების მეშვეობით, არამედ მარტივი, მაგრამ ლამაზი გადასვლების, ინფოგრაფიკის, ბმულების და სხვათა დახმარებით.

bootstrap რა არის
bootstrap რა არის

მართალია, ყველა დიზაინერმა და განლაგების დიზაინერმა იცის, რომ ნებისმიერი რესურსის შემუშავებისას დროის დაზოგვისთვის საჭიროა გქონდეთ გარკვეული ბაზა, შაბლონი, რომლის საფუძველზეც შეგიძლიათ შექმნათ საბოლოო "შედევრი". სწორედ ამისთვის შეიქმნა Bootstrap: დღეს ის ეხმარება დაზოგოს დრო და გაუადვილოს საქმე ათასობით ვებ დიზაინერს.

Bootstrap - რა არის ეს?

ასე რომ, პროდუქტის აღწერა უნდა დაიწყოს მისი ზოგადი მახასიათებლებით. აქედან გამომდინარე, ჩვენ აღვნიშნავთ, რომ Bootstrap არის პლატფორმა, რომელიც გამოხატულია კომპლექტშიორიგინალური შაბლონები საიტისთვის. თითოეულში შედის გრაფიკა, CSS და რა თქმა უნდა HTML.

ტვიტერის ჩამტვირთავი
ტვიტერის ჩამტვირთავი

მთელი ნაკრები მოთავსებულია ერთ არქივში, რომლის ჩამოტვირთვა შესაძლებელია უფასოდ პლატფორმის ოფიციალური გვერდიდან. ამრიგად, ყველას, ვისაც სურს თავისი საიტის განვითარება, შეუძლია გამოიყენოს ეს ნაკრები და მას არ დასჭირდება ყოველი გვერდის ნულიდან დაწერა, ძირითადი მოქმედებების შესრულება: საიტის მარკირება, ბლოკებად დაყოფა, ძირითადი ხატულებისთვის გრაფიკის შერჩევა და ა.შ. ამავდროულად, Twitter Bootstrap-ის თითოეული ნაკრები საკმაოდ ინდივიდუალურია. ჩვენ მიერ შეჩვეული შაბლონებისგან განსხვავებით, მასში არაფერია ზედმეტი, რაც უნდა მოიხსნას ან შეიცვალოს. დიზაინერს შეეძლება შექმნას თავისი იდეები უშუალოდ Bootstrap-ის საფუძველზე.

როგორ დავიწყოთ ვებსაიტის შექმნა?

მაშ, ჩვენ უკვე გავეცანით თავად პლატფორმას, ახლა მოდით გადავიდეთ იმაზე, თუ როგორ დავიწყოთ თქვენი უნიკალური ვებსაიტის განვითარება. დასაწყებად, რა თქმა უნდა, თქვენ უნდა ჩამოტვირთოთ არქივი Twitter Bootstrap შაბლონით. ის ძალიან ცოტა ადგილს იკავებს და შეგიძლიათ მიიღოთ GetBootstrap გვერდზე. იქ ასევე შეგიძლიათ აირჩიოთ ბლოკების განთავსება, რომელიც გჭირდებათ საიტისთვის. მაგალითად, არის გვერდები სადესანტო გვერდის სახით ერთი სურათით, სლაიდერით, რამდენიმე სათაურით, წინასწარ დაყენებული ეფექტებით და ა.შ. თქვენ უბრალოდ უნდა გააკეთოთ არჩევანი და ჩამოტვირთოთ Bootstrap-ის საფუძველზე შექმნილი თქვენი საიტისთვის შესაფერისი არქივი. რა არის ეს ნაკრები, ნახავთ ჩამოტვირთვისთანავე.

ჩატვირთვის მენიუ
ჩატვირთვის მენიუ

თემის პერსონალიზაცია

თითოეული თემა წარმოადგენს თავის თავს, როგორც ნებისმიერი საიტი,HTML, CSS და გრაფიკული ფაილების ნაკრები. პლატფორმის დეველოპერები ცდილობდნენ, დიზაინის ნორმები იმავე სტანდარტებთან მიეყვანათ, ხოლო თქვენი თემის მორგების მაქსიმალური შესაძლებლობა. ამიტომ, იმისათვის, რომ თქვენი საიტი უნიკალური გახადოთ, თქვენ უნდა გესმოდეთ პლატფორმის სტრუქტურა, მასზე განთავსებული საიტის არქიტექტურა და როგორ იწერება თითოეული შაბლონის კოდი. თქვენ უნდა გააკეთოთ ეს ერთხელ, რის შემდეგაც უფრო ადვილი იქნება თქვენი პროექტების შექმნა Bootstrap-ის გამოყენებით. CSS და გრაფიკა ყველა თემაზე ერთნაირია. ეს არის ამ მიდგომის პლუსი.

ყველაფერი რაც გვაინტერესებს არის CSS ფაილი თემის სახელწოდებით (ის მოთავსებულია "css" საქაღალდეში, გარდა ამისა, თქვენ ნახავთ პლატფორმის ძირითადი პარამეტრების კიდევ ორ ფაილს, თქვენ შეუძლია მათი მარტო დატოვება); ასევე "index.html", რომელიც არის მთავარი გვერდის მარკირება. თქვენ უნდა დაიწყოთ აქედან და სხვა სპეციფიკური დამატებები სლაიდერების სახით, ზოგიერთი Javascript ეფექტი უკვე განსაზღვრული იქნება თქვენი დავალების მიხედვით კონკრეტული საიტის შესაქმნელად. მაგალითად, Bootstrap-ის სტანდარტულ შაბლონში, მენიუ შეიძლება იყოს შემუშავებული მოსაწყენი ნაცრისფერი ფერით. თქვენი საიტისთვის, რა თქმა უნდა, შეცვლით ისე, რომ შესრულდეს სწორ ფერში და ყველა სასურველი ეფექტით. ეს არის ზუსტად პერსონალიზაცია, მაგრამ რადგან არსებობს Bootstrap, არ არის საჭირო მენიუს შექმნა ნულიდან, რაც დაზოგავს დროს.

bootstrap css
bootstrap css

შესაძლებლობა დიზაინერებისთვის

ფაქტობრივად, ახლა იმ შესაძლებლობების შესახებ, რომელსაც Bootstrap პლატფორმა იძლევა. რა არის ეს პერსპექტივები - ასეთ არქივებთან მუშაობა? როგორც ჩანს, რატომ არიან ისინი ასე გამორჩეული?

პოსინამდვილეში, მსგავსი არაფერია დეველოპერის პლატფორმაზე Twitter-დან. იდეა ძალიან მარტივია, ისევე როგორც მისი განხორციელება. მაგრამ ახლა დიზაინერს არ უნდა შექმნას საიტის გვერდი ნულიდან, შემდეგ მისცეს მას სასურველი სახე. არა, ახლა სპეციალისტს შეუძლია დაიწყოს უშუალოდ ჭურვიდან, საიტის დიზაინიდან, ისე, რომ არ გადაიტანოს ყურადღება ისეთი ძირითადი ნივთებით, როგორიცაა მთავარი მარკირება. განა ეს არ არის დროის ეფექტური და ეფექტური გამოყენების მაგალითი?

გარდა ამისა, არ აღინიშნა Bootstrap-ის კიდევ ერთი უპირატესობა - ის არის გზა, რათა დაეხმაროს ადამიანებს, რომლებსაც არ აქვთ მაღალი დონის CSS მარკირების უნარები, შექმნან საკუთარი პროფესიონალური დიზაინი, რადგან ყველა ინსტრუმენტი, რომელიც შეიძლება განლაგების დიზაინერმა შეძლოს. საჭიროება უკვე არის განსახილველ შაბლონებში. ადამიანს, რომელმაც იცის ვებსაიტების შექმნის შესახებ, შეუძლია ბევრად მეტი. და ეს უკვე მართლაც მნიშვნელოვანი პლუსია Bootstrap-ის სასარგებლოდ.

ახლა პროექტი დამუშავების პროცესშია, მიუხედავად იმისა, რომ ის ჯერ კიდევ 2011 წელს დაიწყო და მას შემდეგ ათასობით ადამიანმა დაიწყო მასზე მუშაობა. იმედი ვიქონიოთ, რომ დეველოპერები გააგრძელებენ ვებ დიზაინის გაადვილებას და დაეხმარებიან ადამიანებს შექმნან რაღაც ახალი, პერსონალური და სასარგებლო მსოფლიოსთვის.

გირჩევთ: