Bluefish kod editörü, web sayfalarını ve komut dosyalarını geliştirmek için kullanılan bir uygulamadır. WYSIWYG editörü değil. Bluefish, bir web sayfasının veya komut dosyasının oluşturulduğu kodu düzenlemek için kullanılan bir araçtır. HTML ve CSS kodu yazmayı bilen ve PHP ve Javascript gibi en yaygın betik dilleri ile çalışacak modları olan programcılar içindir. Bluefish editörünün ana amacı kodlamayı kolaylaştırmak ve hataları azaltmaktır. Bluefish ücretsiz ve açık kaynaklı bir yazılımdır ve Windows, Mac OSX, Linux ve çeşitli diğer Unix benzeri platformlar için sürümler mevcuttur. Bu öğreticide kullandığım sürüm, Windows 7'de Bluefish'tir.
01/04
Bluefish Arayüzü
Bluefish arayüzü birkaç bölüme ayrılmıştır. En büyük bölüm düzenleme bölmesidir ve bu, doğrudan kodunuzu düzenleyebileceğiniz yerdir. Düzenleme bölmesinin sol tarafında, dosya yöneticisi ile aynı işlevleri gerçekleştiren ve üzerinde çalışmak istediğiniz dosyaları seçip yeniden adlandırabilmenizi veya silmenizi sağlayan yan panel bulunur.
Bluefish pencerelerinin üst kısmındaki başlık bölümü, Görünüm menüsü üzerinden gösterilebilen veya gizlenebilen birkaç araç çubuğu içerir.
Araç çubukları, kaydetme, kopyalama ve yapıştırma, arama ve değiştirme ve bazı kod girinti seçenekleri gibi genel işlevleri gerçekleştirmek için düğmeler içeren ana araç çubuğudur. Kalın veya alt çizgi gibi biçimlendirme düğmeleri bulunmadığını fark edeceksiniz.
Çünkü Bluefish kodu formatlamıyor, sadece bir editör. Ana araç çubuğunun altında, HTML araç çubuğu ve snippet'ler menüsü bulunur. Bu menüler, çoğu dil öğesi ve işlevi için otomatik olarak kod eklemek için kullanabileceğiniz düğmeleri ve alt menüleri içerir.
02/04
Bluefish'te HTML Araç Çubuğunu Kullanma
Bluefish'teki HTML araç çubuğu, araçları kategoriye göre ayıran sekmelerle düzenlenir. Sekmeler:
- Hızlı Çubuk - sık kullandığınız öğeler için diğer sekmeleri bu sekmede kullanabilirsiniz.
- HTML 5 - HTML 5'teki genel etiketlere ve öğelere erişmenizi sağlar.
- Standart - yaygın HTML formatlama seçeneklerine bu sekmede erişilebilir.
- Biçimlendirme - daha az yaygın biçimlendirme seçenekleri burada bulunur.
- Tablolar - bir masa sihirbazı dahil olmak üzere çeşitli tablo oluşturma işlevleri.
- Liste - sıralı, sırasız ve tanım listeleri oluşturmak için araçlar.
- CSS - stil sayfaları bu sekmeden ve düzen kodundan oluşturulabilir.
- Formlar - bu sekmeden en yaygın form öğeleri eklenebilir.
- Yazı Tipleri - bu sekmenin HTML ve CSS'deki yazı tipleriyle çalışma kısayolları vardır.
- Çerçeveler - formlarla çalışmak için en yaygın işlevler.
Her sekmeye tıklamak, ilgili kategoriyle ilgili düğmelerin sekmelerin altındaki araç çubuğunda görünmesini sağlar.
03/04
Bluefish'ta Parçacık Menüsünü Kullanma
HTML araç çubuğunun altında snippet'ler çubuğu adı verilen bir menü var. Bu menü çubuğunda çeşitli programlama dilleri ile ilgili alt menüler bulunur. Menüdeki her öğe, HTML doktrinleri ve meta bilgileri gibi yaygın olarak kullanılan kodu ekler.
Bazı menü öğeleri esnektir ve kullanmak istediğiniz etikete bağlı olarak kod üretilir. Örneğin, bir web sayfasına önceden biçimlendirilmiş bir metin bloğu eklemek isterseniz, snippet'ler çubuğundaki HTML menüsünü tıklayıp "eşleştirilmiş etiket" menü öğesini seçebilirsiniz.
Bu öğeye tıkladığınızda kullanmak istediğiniz etiketi girmenizi isteyen bir iletişim kutusu açılır. “Ön” (açılı ayraçlar olmadan) girebilirsiniz ve Bluefish belgeye bir açılış ve kapanış “ön” etiketi ekler:
pre>.04/04
Bluefish'in Diğer Özellikleri
Bluefish bir WYSIWYG editörü olmasa da, bilgisayarınızda kurulu olan herhangi bir tarayıcıda kodunuzu önizlemenize olanak sağlar. Ayrıca, kod otomatik tamamlama, sözdizimi vurgulama, hata ayıklama araçları, bir komut dosyası çıktı kutusu, eklentiler ve sık sık birlikte çalıştığınız belgeleri oluşturmak için bir atlama başlangıcı sağlayan şablonlar da destekler.