Konular

Eskiler

Bootstrap Hazır Tema Kullanımları 2

Bootstrap Site Temaları İnceleyeceğimiz Şablonlar: E-Ticaret Web Sitesi Şablonu 1 Mağaza Web Sitesi Şablonu Mağaza Web Sitesi Şablonu 2 Analiz Web Sitesi Şablonu Nereden ulaşabilirsiniz ? Son E-Ticaret Web Sitesi Şablonu Bootstrap E-Ticaret sitelerinde sunduğu avantajlar sayesinde sıklıkla kullanılmaktadır. Sütun ve satır mantığının sağladığı kolaylıkların yanında ( Bootstrap Grid Yapısı ) ürünlerin listelenmesi, butonların yerleşimi gibi konularda da kolaylık sağlamaktadır. Ayrıca web sitesi geliştiricilere Sidebar yerleşimi konusunda da pratiklik kazandırmaktadır. İçerikler kısmı istenilen şekilde üç, dört hatta altı eşit sütuna bölünebilir. Ürünlerin ve butonların durumuna göre çeşitli şekillerde tasarımlar geliştirilebilir. Aşağıdaki bağlantıda E-Ticaret  sitesinde kullanılabilecek örnek bir web sitesi şablonuna ulaşabilirsiniz. Uygulamaya bu bağlantıdan ulaşabilirsiniz.   Mağaza Web Sitesi Şablonu Kurumsal firmaların web sitelerinde kullanılabilecek bu Bootstrap şablonu, temel olarak basit bir grid yapısıyla tasarlanmıştır. Bu şablonu kullanan web siteleri diğerlerinden farklı olarak genellikle slayt kısmı içermektedir. Bu şablonda içerik kısımları genellikle üç sütuna ayrılarak tasarlanmaktadır. Header kısmında bir navigasyon menüsü, onun…

Bootstrap Hazır Tema Kullanımları 1

Bootstrap Hazır Tema Kullanımları Bu yazımızda Bootstrap hazır tema kullanımları konusundan bahsedeceğiz. Aşağıdaki soruları yanıtlamaya çalışacağız. Temel olarak bir HTML sayfasının hangi bölümlerden oluşur? Bootstrap temalarının sitemizde nasıl kullanılması gerekir? İnceleyeceğimiz Şablonlar: Temel Web Sitesi Şablonu Blog Web Sitesi Şablonu Sosyal Web Sitesi Şablonu Portfolyo Web Sitesi Şablonu   Temel Web Sitesi Şablonu Bootstrap ve HTML kullanarak oluşturulan web sayfası HTML etiketleri içerisinde dört bölümden meydana gelir. HTML sayfası ise Head ve Body olmak üzere iki temel alandan meydana gelmiştir. 1.Head Meta tanımlamaları,script yapıları ve link atamaları bu kısımda yapılmaktadır. Temel bir HTML sayfasında bulunması gereken, önemli bir kısımdır. Bootstrap hazır tema kullanımları için kritik öneme sahip bir bölümdür. 2.Header ve Navigasyon Kısmı (Body İçerisinde) Menü ve logoları yer aldığı kısımdır. Navigasyon menüsü birden fazla sayfadan veya tek sayfadan oluşmuş web sitelerinde sıklıkla kullanılmaktadır. Bir sitenin kimliği sayılabilecek logolar da web tasarımda önemli bir yerdedir. Bu kısımların tanımlamaları ve tasarımları genel olarak…

Bootstrap Nedir – Nasıl Kullanılır ?

[vc_empty_space height="200px"] Bootstrap Nedir - Nasıl Kullanılır ? Yazımızda " Bootstrap Nedir ? " sorusuna cevap aramakla başlayacağız. Artık yeni sayılmayacak bir CSS teknolojisi olan Bootstrap CSS, tasarım konusunda web tasarımcıların olmazsa olmazlar arasına girmiştir. Dilerseniz ilk olarak Bootstrap CSS dosyalarını nerden bulabileceğinizden bahsedelim. Aşağıda vereceğim linkten faydalanarak dosyayı indirebilir eğer bir web sitesi tasarlıyorsanız dosyayı kök dizininize ftp yoluyla ya da eğer host sağlayan bir paketten faydalanıyorsanız Host şirketinin size sağlamış olduğu yöntemleri kullanarak yükleyebilirsiniz. (Bu konulardan da gelecek yazılarımızda bahsedeceğiz. Takipte kalın) Bootstrap genel olarak web geliştiricilerin yavaş yavaş aşina olmaya başladığı Grid sistemini kullanmaktadır. Bu sistemde sayfa bölümlendirmeleri col – md-1, col md-4 vb. gibi tanımlanan sınıfların sonuna eklenen sayılarla belirlenir. Bu css kodunu oluşturan yazılımcıların belli bir hesaplaması sonrasında tespit edilmiştir. GRID SINIFLARININ TANIMLAMALARI col-xs-? (Akıll telefonlar için) col-sm-? (Tabletler için) c0l-md-? (Masaüstü PCler için) c0l-lg-? (Laptoplar için)   BS JUMBOTRON BOOTSTRAP tarafından biz web tasarımcılar…