The Bluefish kod redaktoru web pages və skriptləri inkişaf etdirmək üçün istifadə olunan bir proqramdır. WYSIWYG redaktoru deyil. Bluefish, bir web page və ya scriptin yaradıldığı kodu redaktə etmək üçün istifadə olunan bir vasitədir. HTML və CSS kod yazmağı bilən proqramçılar və PHP və Javascript kimi ən çox yayılmış scripting dilləri ilə işləyən rejimlərə malikdirlər. Bluefish redaktorunun əsas məqsədi kodlaşdırmanın asanlaşdırılmasını və səhvləri azaltmaqdır. Bluefish pulsuz və açıq mənbə proqramdır və Windows, Mac OSX, Linux və digər müxtəlif Unix benzeri platformalar üçün versiyalar mövcuddur. Bu təlimatda istifadə etdiyim versiya Windows 7 üzərindəki Bluefishdir.
01/04
The Bluefish Interface
The Bluefish Interface. Screen shot nezaket Jon Morin
The Bluefish interfeysi bir neçə hissəyə bölünür. Ən böyük bölmə, bölmə bölməsidir və kodu düz bir şəkildə düzəldə bilərsiniz. Düzenleme bölmesinin sol tərəfində, işləmək istədiyiniz faylları seçə və faylları yenidən adlandırmaq və ya silmək üçün imkan verən fayl meneceri kimi eyni funksiyaları yerinə yetirən yan paneldir.
Bluefish pencerelerinin üst hissəsindəki başlıq bölməsi Görünüş menyusu vasitəsilə göstərilə və ya gizlədilə bilən bir neçə toolbar ehtiva edir.
Toolbarlar, saxlama, surət və yapışdırmaq, axtarış və əvəz etmə və bəzi kod çırtma seçimləri kimi ümumi funksiyaları yerinə yetirmək üçün düymələri olan əsas vasitədir. Qalın və ya vurğulamaq kimi formatlama düymələrinin olmadığını görəcəksiniz.
Çünki, Bluefish kodunu formatlaşdırmır, yalnız bir redaktordur. Əsas araç çubuğunun altındaki HTML araç çubuğu ve parçacıklar menyusudur. Bu menyularda ən çox dil elementləri və funksiyaları üçün kodu avtomatik olaraq daxil etmək üçün istifadə edə biləcəyiniz düymələr və alt menüler var.
02/04
HTML Toolbar istifadə edərək, Bluefish
HTML Toolbar istifadə edərək, Bluefish. Screen shot nezaket Jon Morin
Bluefish'teki HTML araç çubuğu, araçları kategoriye ayırarak sekmeler tarafından düzenlenir. Nişanlar aşağıdakılardır:
Tez Bar - tez-tez istifadə etdiyiniz maddələr üçün bu seksiyə digər alətlər qoşa bilərsiniz.
HTML 5 - HTML 5-də ümumi etiket və elementlərə giriş imkanı verir.
Standart - ümumi HTML formatlama variantlarına bu sekmədən daxil olur.
Formatlaşdırma - daha az ümumi formatlandırma variantları burada tapa bilərsiniz.
Masalar - masa sihirbazı daxil olmaqla müxtəlif masa yaradan funksiyalar.
Siyahısı - sifariş edilmiş, unordered və müəyyən siyahıları yaratmaq üçün alətlər.
CSS-ü üslubları bu sekmədən və layout kodundan yaradıla bilər.
Formalar - ən çox yayılmış forma elementləri bu sekmədən daxil edilə bilər.
Şriftlər - bu sekmənin HTML və CSS şriftləri ilə işləmək üçün qısa yolları var.
Çərçivələr - forma ilə işləyən ən ümumi funksiyalar.
Hər bir sekmeye basaraq, müvafiq kateqoriyaya aid düymələr sekmelerin altındaki araç çubuğunda görünür.
03 04
Balıq balığı içindəki parçaları menyunu istifadə edin
Balıq balığı içindəki parçaları menyunu istifadə edin. Screen shot nezaket Jon Morin
HTML alət qutusunun altındakı parçaları bar adlı bir menyu. Bu menyu çubuğu müxtəlif proqramlaşdırma dilləri ilə əlaqəli alt menyulara malikdir. Menyudakı hər bir element, məsələn, HTML doctypes və meta məlumatları kimi istifadə olunan kodları düzəldir.
Menyu maddələrindən bəziləri çevik və istifadə etmək istədiyiniz etiketdən asılı olaraq kodu yaradır. Məsələn, veb-səhifəyə önceden biçimlendirilmiş bir mətn bloğu əlavə etmək istəyirsinizsə, parçacıq çubuğundaki HTML menüsünü tıklayıp "hər hansı bir eşlenmiş etiketi" menyusu öğesini seçə bilərsiniz.
Bu maddəyə tıklandığında, istifadə etmək istədiyiniz etiketi daxil etməyinizi xahiş edən bir informasiya qutusu açılır. Siz "ön" (açılı mötərizələr olmadan) daxil edə bilərsiniz və Leyfish sənədə "ön" etiketi açıb-bağlayır:
.
04 04
Bluefish'in digər xüsusiyyətləri
Bluefish'in digər xüsusiyyətləri. Screen shot nezaket Jon Morin
Bluefish bir WYSIWYG redaktoru olmasa da, kodunuzu kompüterinizə quraşdırdığınız hər hansı bir brauzerdə önizləməyə imkanınız var. Siqnal işarəsi, işarələrin silinməsi, ssenarilərin çıxışı qutusu, pluginlər və tez-tez işləyən sənədlər yaratmaq üçün atlama başlanğıcını verə biləcək şablonlar da kodun avtomatik tamamlanmasını, sintaksis işarəsini dəstəkləyir.