Web tasarımı alanında en azından biraz çalışanlar ve site oluşturma ve tasarlama sürecine aşina olanlar, içeriğinizi görselleştirme olanaklarının son zamanlarda ne kadar ilerlediğini biliyorlar. Birlikte birleştirilen CSS, JavaScript ve Flash teknolojileri sayesinde, herhangi bir site gerçek bir şahesere, bir tür modern sanat eserine dönüştürülebilir. Ve elbette, birçok tasarımcı bunu yapıyor ve çok sayıda şirket, inanılmaz grafiklere sahip portalların geliştirilmesini cömertçe görevlendiriyor. Üstelik, sayfanın "vay efekti", yalnızca bir dizi farklı efektle değil, aynı zamanda basit ama güzel geçişler, infografikler, bağlantılar ve daha fazlasının yardımıyla da elde edilebilir.
Doğru, her tasarımcı ve düzen tasarımcısı, herhangi bir kaynak geliştirirken zamandan tasarruf etmek için, nihai "şaheser"i oluşturabileceğiniz belirli bir temele, bir şablona sahip olmanız gerektiğini bilir. Bootstrap bunun için oluşturuldu: bugün zamandan tasarruf etmeye ve binlerce web tasarımcısı için işleri kolaylaştırmaya yardımcı oluyor.
Önyükleme - nedir?
Yani, ürünün tanımı genel özellikleri ile başlamalıdır. Bu nedenle, Bootstrap'in bir kümede ifade edilen bir platform olduğunu not ediyoruz.site için orijinal şablonlar. Her biri grafikler, CSS ve tabii ki HTML içerir.
Tüm set, platformun resmi sayfasından ücretsiz olarak indirilebilen tek bir arşivde gelir. Böylece, sitesini geliştirmek isteyen herkes bu seti kullanabilir ve siteyi işaretleme, bloklara ayırma, temel simgeler için grafik seçme vb. temel işlemleri yaparak her sayfayı sıfırdan yazması gerekmez. Aynı zamanda, her bir Twitter Bootstrap seti oldukça bireyseldir. Alıştığımız şablonların aksine, içinde kaldırılması veya değiştirilmesi gereken gereksiz hiçbir şey yoktur. Tasarımcı, beyin çocuğunu doğrudan Bootstrap temelinde oluşturabilecektir.
Bir web sitesi oluşturmaya nasıl başlanır?
Platformun kendisiyle zaten tanıştık, şimdi benzersiz web sitenizi geliştirmeye nasıl başlayacağınıza geçelim. Başlamak için elbette Twitter Bootstrap şablonuyla arşivi indirmeniz gerekiyor. Çok az yer kaplar ve GetBootstrap sayfasından edinebilirsiniz. Orada ayrıca site için ihtiyaç duyduğunuz blokların yerleşimini de seçebilirsiniz. Örneğin, tek resimli, kaydırıcılı, birkaç başlıklı, önceden ayarlanmış efektli vb. içeren bir açılış sayfası biçiminde sayfalar vardır. Tek yapmanız gereken bir seçim yapmak ve Bootstrap bazında oluşturulmuş sitenize uygun arşivi indirmek. Bu set nedir indirdikten hemen sonra göreceksiniz.
Temanın özelleştirilmesi
Her konu, herhangi bir site gibi kendini temsil eder,bir dizi HTML, CSS ve grafik dosyası. Platformun geliştiricileri, temanızı kişiselleştirmek için maksimum fırsatı verirken tasarım normlarını aynı standartlara getirmeye çalıştı. Bu nedenle sitenizi benzersiz kılmak için platformun yapısını, üzerindeki sitenin mimarisini ve her şablonun kodunun nasıl yazıldığını anlamanız gerekecektir. Bunu bir kez yapmanız gerekiyor, bundan sonra projelerinizi Bootstrap kullanarak oluşturmak daha kolay olacaktır. CSS ve grafikler tüm temalarda aynıdır. Bu yaklaşımın artısı budur.
Tek ilgilendiğimiz, temanın adını taşıyan CSS dosyası ("css" klasörüne yerleştirilir, buna ek olarak platformun temel ayarlarının iki dosyasını daha bulacaksınız, onları yalnız bırakabilir); yanı sıra ana sayfanın biçimlendirmesi olan "index.html". Bundan ve kaydırıcılar biçimindeki diğer özel eklemelerden başlamalısınız, bazı Javascript efektleri belirli bir site oluşturma göreviniz tarafından zaten belirlenecektir. Örneğin, standart Bootstrap şablonunda menü donuk gri renkte tasarlanabilir. Siteniz için, elbette, doğru renkte ve istenen tüm efektlerle yapılacak şekilde değiştireceksiniz. Bu tam özelleştirmedir, ancak Bootstrap olduğu için sıfırdan bir menü oluşturmaya gerek yoktur, bu da zamandan tasarruf sağlar.
Tasarımcılar için fırsatlar
Aslında, şimdi Bootstrap platformunun sunduğu olanaklar hakkında. Bu beklentiler nelerdir - bu tür arşivlerle çalışmak için? Görünüşe göre neden bu kadar dikkat çekiciler?
Poaslında Twitter'dan gelen geliştirici platformunda böyle bir şey yok. Fikir, uygulaması gibi son derece basittir. Ancak artık bir tasarımcının sıfırdan bir site sayfası oluşturması ve ardından ona istenen görünümü vermesi gerekmiyor. Hayır, artık bir uzman, ana işaretleme gibi temel şeyler tarafından dikkati dağılmadan, sitenin tasarımından doğrudan kabuktan başlayabilir. Bu zamanın etkin ve verimli kullanımına bir örnek değil mi?
Ayrıca, Bootstrap'in başka bir avantajına da değinilmedi: Bir düzen tasarımcısının kullanabileceği tüm araçlar nedeniyle, üst düzey CSS biçimlendirme becerilerine sahip olmayan kişilerin kendi profesyonel tasarımlarını oluşturmalarına yardımcı olmanın bir yolu. ihtiyaç zaten söz konusu şablonlarda. Web siteleri kurmayı bilen bir kişi çok daha fazlasını yapabilir. Ve bu zaten Bootstrap lehine gerçekten önemli bir artı.
2011 yılında başlatılmış olmasına ve o zamandan beri binlerce kişinin üzerinde çalışmaya başlamasına rağmen, proje şu anda geliştirme aşamasındadır. Geliştiricilerin web tasarımını kolaylaştırmaya ve insanların yeni, kişisel ve dünya için faydalı bir şeyler yaratmalarına yardımcı olmaya devam etmesini umalım.
