Ana İçeriğe >Geç

ForumTeams

Bootstrap Nedir? Nasıl Kullanılır

15-08-2020 Saat 14:52
#1
Çevrimdışı
[Resim: bootstrap-nedir.png]

Bootstrap Nedir?
Açık kaynak kodlu, ücretsiz bir CSS frameworktür, tasarım aracıdır. Kolayca telefonlar, tabletler ve masaüstü bilgisayarlar için farklı ve cihaz büyüklüğüne uygun şekilde sitenizin gözükmesini sağlayan temalar/tasarımlar yapabilirsiniz. Bir site için gerekli olan tüm elemenleri (form ögeleri, etiketler, tablolar, uyarı ve bilgi metinleri, navigasyon bar, sayfalandırma modülü, açılan menüler, farklı özellikte butonlar vb bir çok tasarım ögesini) içinde barındıran Bootstrap tasarım yaparken bu hazır elementleri kullanarak bütün cihazlara uygun tasarımlar geliştirmenize yarar. Yani her şeyi hazır olan kodlarla yeni bir tasarım ortaya koymak çok basit ve pratiktir. Stiller, imajlar , js’ler daha önceden sistemin içine monte edilmiştir. Sizin yapacağınız tek şey bunları çağırmaktır.

Bootstarp ile neler yapılabilir?
Profesyonel bir web sitesi yapmak istiyorsak, sitemizin tüm cihazlara (masaüstü, dizüstü, tablet, telefon vb) uyumlu çalışması gerekmektedir. Tüm cihazlara uygun tasarım yapısına responsive design (duyarlı tasarım) denilmektedir. Responsive web tasarımı yaparken ise bize en büyük kolaylığı sağlayan Bootstrap teknolojisidir.

İnternetin yaygın kullanılması ve hayatımıza bir çok cihazın girmesi ile birlikte, bir çok teknolojide geliştirilmeye devam ediliyor. Önceleri sadece belirli ölçülerde yapılan web siteleri artık mobil cihazlara da uyumlu hale getirilmek zorunda kaldı. Google ve diğer arama motorları da SEO işlemleri açısından mobil sitelerin önemini sürekli dile getirmekteler. Hal böyle olunca yapılan web sitelerinin tüm ekran boyutlarına uyumlu olması artık şart haline geldi.

Bootstrap nasıl kullanılır?
Hazır bir sistem olması dolayısıyla neredeyse her şeyi kopyala yapıştır yaparak kullanabiliyorsunuz. Ama öncelikle ana template dosyanız için bazı olmazsa olmazlar var. Sayfamız Html5 olmalı ve Bootstrap için ana css dosyası ve jquery scriptini de sayfanıza eklemelisiniz.

Nasıl Öğrenebilirim?
Kendi sitesi Bootstrap'i kullanmak için en güzel kaynaktır. Projenize Bootstrap'e ait JS ve CSS dosyalarını dahil ederek başlayabilirsiniz. 4 versiyonu ile yenilenen web sayfasından ihtiyacınız olan her bölüm için hızlıca anlatım sayfasına ulaşabilirsiniz. Ayrıca eğitimlerin yer aldığı ücretli-ücretsiz birçok kaynak mevcuttur. Birçok web sayfasında kullanıldığından dolayı dokümanları da çok fazladır. Hızlıca öğrenip web projelerinizi Bootstrap tabanlı olarak inşa edebilirsiniz.

Sonuç olarak;
Ücretsiz bir kütüphane olan Bootstrap'i kolay kullanımı sayesinde hızlıca öğrenip, sayfamızın kodlarına entegre ettikten sonra kullanmaya başlayabiliriz. Böylelikle zamandan tasarruf ederek kolayca mobil uyumlu siteler yapabiliriz.
şenol
Sponsor Reklam

Bu Konudaki Yorumlar
Bootstrap Nedir? Nasıl Kullanılır - Yazar: şenol - 15-08-2020 Saat 14:52

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  HTTPS Yönlendirme Nasıl Yapılır? şenol 0 44 13-09-2020 Saat 00:50
Son Yorum: şenol
  Google Sellers.json Nedir? Nasıl Çözülür? şenol 0 52 10-09-2020 Saat 21:33
Son Yorum: şenol
  Web Tasarım Nedir? şenol 0 42 04-09-2020 Saat 21:33
Son Yorum: şenol
  Web Site Trafiği Nedir, Sitenizin Trafiğini Artırmak Için Neler Yapmalısınız? şenol 0 44 29-08-2020 Saat 18:40
Son Yorum: şenol
  Alexa Nedir, Ne Işe Yarar? şenol 0 51 27-08-2020 Saat 00:03
Son Yorum: şenol
  Responsive Tasarım Nasıl Yapılır? şenol 0 57 22-08-2020 Saat 02:23
Son Yorum: şenol
  Adsense Kazançlarınız Risk Altında Uyarısı Nasıl Kaldırılır? şenol 0 89 20-08-2020 Saat 01:40
Son Yorum: şenol
  DDoS Saldırısı Nedir? şenol 0 65 04-08-2020 Saat 23:41
Son Yorum: şenol
  RSS Nedir? Ne İşe Yarar? Faydaları Nelerdir? şenol 0 147 01-08-2020 Saat 01:57
Son Yorum: şenol
  Hosting Nedir? Ne İşe Yarar? şenol 0 94 25-07-2020 Saat 21:30
Son Yorum: şenol

Hızlı Menü:

Konuyu Okuyanlar: 1 Ziyaretçi
Task