Bluefish Metin HTML Düzenleyici Eğitimi

lüfer kod düzenleyici web sayfaları ve komut dosyaları geliştirmek için kullanılan bir uygulamadır. Bu bir WYSIWYG editörü değildir. 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 yazma bilgisine sahip programcılar içindir ve CSS PHP ve Javascript gibi en yaygın betik dilleri ve diğer pek çok betik diliyle çalışacak modlara sahiptir. Bluefish editörünün temel amacı kodlamayı kolaylaştırmak ve hataları azaltmaktır. Lüfer ücretsizdir ve açık kaynaklı yazılım ve sürümleri Windows, Mac OSX, Linux ve diğer çeşitli Unix benzeri platformlar için mevcuttur. Bu eğitimde kullandığım sürüm, Windows 7'de Bluefish.

Lüfer 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, kodunuzu doğrudan düzenleyebileceğiniz yerdir. Düzenleme bölmesinin sol tarafında, üzerinde çalışmak istediğiniz dosyaları seçmenize ve dosyaları yeniden adlandırmanıza veya silmenize olanak tanıyan bir dosya yöneticisiyle aynı işlevleri gerçekleştiren yan panel bulunur.

instagram viewer

Bluefish pencerelerinin üst kısmındaki başlık bölümü, Görünüm menüsü aracılığıyla gösterilebilen veya gizlenebilen birkaç araç çubuğu içerir.

Araç çubukları, kaydetme, kopyalama ve yapıştırma, arama ve değiştirme gibi ortak işlevleri ve bazı kod girintileme seçeneklerini gerçekleştirmek için düğmeler içeren ana araç çubuğudur. Kalın veya alt çizgi gibi biçimlendirme düğmelerinin olmadığını fark edeceksiniz.

Bunun nedeni Bluefish'in kodu biçimlendirmemesi, yalnızca bir düzenleyici olmasıdır. Ana araç çubuğunun altında HTML araç çubuğu ve snippet menüsü. Bu menüler, çoğu dil öğesi ve işlevi için otomatik olarak kod eklemek için kullanabileceğiniz düğmeler ve alt menüler içerir.

Bluefish'te HTML Araç Çubuğunu Kullanma

Bluefish'teki HTML araç çubuğu, araçları kategorilere göre ayıran sekmelerle düzenlenir. Sekmeler şunlardır:

Hızlı Çubuk - Sık kullandığınız öğeler için diğer araçları bu sekmeye sabitleyebilirsiniz.
HTML5 - HTML 5'teki ortak etiketlere ve öğelere erişmenizi sağlar.
Standart - bu sekmede yaygın HTML biçimlendirme seçeneklerine erişilir.
biçimlendirme - daha az yaygın biçimlendirme seçenekleri burada bulunur.
Tablolar - bir tablo sihirbazı da 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 - bu sekmeden stil sayfaları ve düzen kodu oluşturulabilir.
Formlar - en yaygın form öğeleri bu sekmeden eklenebilir.
Yazı Tipleri - bu sekmede HTML ve CSS'deki yazı tipleriyle çalışmak için kısayollar bulunur.
çerçeveler - formlarla çalışmak için en yaygın işlevler.

Her sekmeye tıklamak, sekmelerin altındaki araç çubuğunda ilgili kategoriyle ilgili düğmelerin görünmesini sağlayacaktır.

Bluefish'te Parçacıklar Menüsünü Kullanma

HTML araç çubuğunun altında, snippet çubuğu adı verilen bir menü bulunur. Bu menü çubuğu, çeşitli programlama dilleriyle ilgili alt menülere sahiptir. Menüdeki her öğe, örneğin HTML doktipleri ve meta bilgiler gibi yaygın olarak kullanılan kodu ekler.

Menü öğelerinden bazıları esnektir ve kullanmak istediğiniz etikete bağlı olarak kod oluşturur. Ö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ş herhangi bir etiket" menü öğesini seçebilirsiniz.

Bu öğeyi tıkladığınızda, kullanmak istediğiniz etiketi girmenizi isteyen bir iletişim kutusu açılır. "pre" (açılı ayraçlar olmadan) girebilirsiniz ve Bluefish, belgeye bir açılış ve kapanış "pre" etiketi ekler:

Lüferin Diğer Özellikleri

Bluefish bir WYSIWYG düzenleyici, bilgisayarınıza yüklediğiniz herhangi bir tarayıcıda kodunuzu önizlemenize izin verme yeteneğine sahiptir. Ayrıca otomatik kod tamamlama, sözdizimi vurgulama, hata ayıklama araçları, bir komut dosyası çıktı kutusu, Sık çalıştığınız belgeler oluşturmak için size hızlı bir başlangıç sağlayabilecek eklentiler ve şablonlar ile.