Linux HTML editörleri. HTML editörleri

Forumların bazıları hakkında benzer bir soru sorarsanız, yüksek bir olasılıkla, iki çapı karşıt tavsiyeye gireceksiniz - "Tamamen görsel) (WYSIWYG) Editör Türü Dreamweaver (WYSIWYG) Editör Türü Dreamweaver (WYSIWYG) Editor Tipi Dreamweaver (WYSIWYG) Editör Türü: Sadece Not Defteri / VI / EAC'lerde her şey. Herhangi bir aşırı noktaların özelliği olduğu için, bunların içinde, yöntemin bu veya diğer eksikliklerinin en açık şekilde ortaya çıkması - ilk durumda alınan kod üzerindeki kontrolün zayıflığı ve "kötü" bir başkasında "kötü" çalışmaların son derece büyük bir oranı olduğu içindir. . Bu yüzden, iki kutup arasındaki nişin hiçbir şekilde boş olmadığı ve HTML editörlerinin geliştiricileri, klavyeyle arkadaş edinmek için tüm gücü en iyi şekilde yapabilecekleri harika değildir. Ve sonuçta kontrolü kaybetmeden bir HTML kodunun "Manuel" ayarının rahatlığıdır ve Linux - Screem, Quanta Plus ve BlueFish'te en popüler olan üç Web Editörünü karşılaştırırken anahtar olacaktır. Her ne kadar fonksiyonel dolumları da göz ardı edilmez. Resimin eksiksizliği için, bir sürü tipik WYSIWYG editörü - AMAYA'nın "Referans" editörü, dar NVU çevrelerinde yaygın olarak bilinmektedir.

Test için, GNOME 2.14.1 ile bir Ubuntu 6.06 LTS dağılımı kullanıldı, böylece GTK tabanlı uygulamalar bazı olasılıklar aldı. Tüm editörler, "olduğu gibi" modunda repoSariat'lardan kuruldu, Russifi için çaba gösterme, eklentiler ve benzeri nedeniyle işlevselliği genişlet. takılı değil.

Dikkate alınır:

  • Bluefish 1.0.5.
  • Quanta Plus 3.5.2
  • Screem 0.16.1

Yarışmanın dışında:

  • AMAYA 8.5.
  • NVU 1.0 (20060508)

Amaya.

W3C'deki eşitlik.

Görsel editörden yaptığımız düşüncelerimize başlayalım. Çünkü bu kadar harika, ama W3C organizasyonu tarafından geliştirildiğinden. Daha doğru olmak için, öncelikle çok gelişmiş düzenleme özelliklerine sahip bir tarayıcıdır.

Editör olarak kullanmak oldukça mümkündür (ancak kaynak kodunu düzenlemek mümkündür, ancak özel lezzetler olmadan), ancak sadece küçük bir ayrıntı her şeyi mahvediyor - iyi, yerli sembolleri tanıtmak istemiyor ve bu . Bitmiş dosyadan göster - Lütfen kaldırın - sevinçle. Ve girin - hayır. Yani, Rus düzeni dahil olduğunda kesinlikle anahtarlara hiçbir tepki yoktur. Bu, her şey şarabın ahlaki olarak modası geçmiş bir arayüzü veya geliştiricilerin ASCII'ye aşırı sevginindir. Ama bir yol ya da diğeri ve içinde yerli web kodlayıcıları çok rahat olmayacak.

Öyleyse onu "referans tarayıcısının" rolünü bırakın ve zafer için ana başvuruları dikkate almaya devam edin.

İçinde, sonucu görebilirsiniz, ancak düzenleme için açıkça zayıf ...

Sürüm 1.0 için ideal olma şansı var.

Screem'in ilk izlenimi "sadece editör \u003edir. Çalışma penceresi üç alana bölünmüştür - sağ girdi alanında, hatalar ve uyarılar altta görüntülenir ve içinde gezinmeyi kolaylaştıran birkaç sekmenin solunduğu Belge, dosyalarla çalışma, vb. Bana özellikle faydalı ağaç sekmesi, ağaç yapısını görüntüler - çift tıklatın, söyle, baş çizgisi başlıkla ilgili tüm kodun düzenleme alanında vurgulanacaktır.

Her zamanki metin editöründen, açık bir şekilde gelişmiş çalışmaları HTML etiketleriyle ayırt etmek için gereklidir. Bu durumda, "Advance", sözdizimini, menüde seçerek belirli bir etikete girme yeteneğini vurgulamaktır (meta etiketlerini ve bir DocType dizesini tam anlamıyla birkaç tıklamayla) ve otojenizde / girilen etiketlerin ucu (argümanlar dahil).

Başka bir özellik, "çift" etiketlerinin yarı otomatik bir kapatılmasıdır. "Yarı" çünkü kapanış etiketi görünmeden önce bir tür işlem yapmanız gerekir - sırayı yazmak için. "

Ancak "Hotkeys" hızlı bir şekilde etiketleri girmek için ne yazık ki, verilmez. Ancak tazminat olarak - "Kaynaklar" sekmesinde sola seçme ve herhangi bir etiket çift tıklama ekleme yeteneği. Bir sekme "öznitelikler", özel etiketten elde edilen tüm özelliklere bakmanıza ve bunlardan herhangi birini değiştirmenize izin verir.

Oldukça kullanışlı özellik - HTML sözdizimini kontrol edin ("Araçlar\u003e Tidy\u003e Tidy (HTML)" menüsü). Aşağıda, "Hata" sekmesinde, bulunan tüm hatalar hakkında bilgi alacaksınız (örneğin, var olmayan etiketler) ve uyarılar. Son kategorinin altında, ne yazık ki, tüm Kiril sembolleri, çıktıyı biraz litto olan "Geçersiz Karakter Kodu" ile teşhis edilir.

Çizimler, referanslar, tablolar, formlar gibi "karmaşık" etiketleri girmek için - giriş parametrelerinin iletişim kutuları vardır ("Sihirbazlar"). Bu arada, onlar, ortaya çıkıyor, özellikle SSI ekleri için kullanımı oldukça uygundur, özellikle de skleroz bir zamanlar kirişlerin birleşiminin ağrısına aşina bir zamanlar ortaya çıktığında ...

"Sihirbaz" görüntü eklemek için uygundur: Standart iletişim kutusundaki istediğiniz dosyayı seçin, alternatif bir imza (ALT özniteliği) - ve IMG etiketi otomatikleştirilmiş yükseklik ve genişlik değerleri ile belirir. Diğer özellikler, hizalama türü, aynı adın yukarıdaki sekmesini kullanarak kolayca değiştirin. Ayrıca "renk sihirbazına" dikkat edin - çok uygun bir renk seçimi aracı.

Servis fonksiyonlarından - Yazım Denetimi, Projelere Birden Çok Sayfayı Gruplandırma (burada "Siteler" olarak adlandırılır), CVS'ye destek, FTP kullanarak proje yayıncılığı. Bağlantılar sayfasında bulundu, diyagramda görüntülenebilir (menüde "Görünüm\u003e Link View" ile görüntülenebilir) ve hemen hangisinin dahili olduğunu, hangi dış ve genel olarak hiçbir yere yol açacağını hemen görebilirsiniz. Benzer şekilde, yazılım önizleme modunda açılır. İsterseniz, harici bir tarayıcıyı kullanabilir ve görüntüleyebilirsiniz.

Peki, oldukça ayrıntılı ve iyi resimli bir yardım, yalnızca "bilimsel Tyka" yöntemiyle değil, editöre hakim olmanıza izin verecektir.

Böylece, bu "sadece editörün" aslında oldukça uygun ve işlevsel bir araç olduğunu söyleyebiliriz. Nihai etikette etiket eklemek için sıcak anahtarların olmaması ve nihai etiketteki nihai etiketin garip uygulanması, neredeyse her şeyi manuel olarak zorlamıyor veya "Hızlı" girişi istediğimden daha sık fare yardımına başvurun.

YARIŞI YARDIŞ VEYA DİĞER - ÇOK İYİ!

Bağlantıların gösterimi sadece bir kabus görünüyor ... ama bazen onsuz yapamaz.

Quanta Plus.

"Star" kde, dürüstçe GNOME'de çalışmaya çalışıyor ...

Belki de QT ve genel olarak, en iyilerinden biri olan en iyi HTML editörü. Ana çalışma şekli, manuel kod düzenlemesidir, ancak çalışma alanı iki parçalandığında da benzersiz bir "kombine" yanı sıra: üstte - sayfa nasıl görünecek; Aşağıda kaynak kodudur. Ve sayfayı ve orada düzenleyebilir ve orada - tüm değişiklikler otomatik olarak senkronize edilebilir. Yani, kodu eklemek, hemen sonucu görürsünüz veya tam tersi - çizginin devresini koyarak, bu etiketin nasıl yapılacağını hemen görebilirsiniz.

Varsayılan kısayol tuşları, tüm etiketlere değil, tamamen özelleştirilebilir olan tipik bir KDE uygulamasından beklemeniz gerektiği gibi atanır. AUTODOCHARGED (Screem'de olduğu gibi, yalnızca büyük harfteki sembollere tepki verir) ve parametre istemleri "Hurray" ile çalıştırılır. Screem'in aksine, etiketlerin otomatik kapanması çok başarılı bir şekilde uygulanır - kapanış etiketi açılıştan hemen sonra eklenir ve imleç etiketler arasında ayarlanır. Benzer şekilde, editör, bir kısayol tuşu boyunca bir etiket eklerken çalışır, bu da imlecin set sırasında imlecin konumlandırılmasıyla dikkati vermemesini mümkün kılar. Tek tartışmalı an - zorunlu bir özellik etiketi varsa, kısayol tuşu girmek için bir iletişim kutusu açar. Hızlı bir şekilde ayarlanmış, dikkatini dağıtıyor ve bu etiketler için sıcak anahtarları kullanmayı tamamen reddetmek zorunda.

Bazı durumlarda diyaloglar yardımcı olsa da, özellikle "Hızlı Başlangıç \u200b\u200biletişim kutusu", yeni bir belge oluşturma ve standart bir HTML sayfa şablonu ekleme. Tablolar için, tabloyu doğrudan iletişim kutusuna doldurmanızı ve etiketleri girmenizi sağlayan "Tablo Editörü" oluşturmak için iki seçenek vardır (tamamen el girişi ve tamamen görsel derleme) - "Tablo Editörü".

Bireysel elemanların stilleri (stil sekmesindeki CSS düğmesi) ile çalışmak çok uygundur. Ancak bir CSS tablosu oluşturma fonksiyonları, buna benzer şekilde, screem veya BlueFish, "Varsayılan" teslimatta, ne yazık ki bulamadım.

Düzenleme penceresinde, tabloya, tabloya, php ekle veya DIV öğesinin bir satıra soğutulduğunda, tüm satırlar bir satıra soğutulduğunda, kodun "Kesim" işlevini beğendim - bu, gereksiz yere gizlenmenizi ve odaklanmanızı sağlar ne gerekiyorsa.

Düzenleme alanının sağında ve solunda Yardımcı araç çubuklarını bulabilirsiniz. Hak, Screem'deki Nitelikler sekmesine benzer işlevleri yerine getiren HTML Tag özniteliği sahasının arkasında yardım sorumludur - yani. İmlecin kurulduğu herhangi bir etiketin özniteliklerinin listesini görmesine izin verir ve bunlardan herhangi birinin değerini değiştirin.

Soldaki dizin ağacı çağrı düğmeleri (screem'in aksine, dosyayı düzenleme alanına sürükleyerek, daha akıllıca çalışır, sadece bir dosyanın adını ekler, ancak duruma bağlı olarak, tamamen etiket vb.), Proje, şablonlarla çalışın, belgenin yapısı (çift tıklatarak da bu öğeye bağlı tüm kod parçasını seçmenize olanak tanır), yardımcı komut dosyaları.

"Eklentiler" menüsünde, HTML kodunun düzenlenmesiyle ilgili bir dizi yararlı program bulacaksınız: Bağlantıların performansını kontrol etme, görüntü kartlarıyla çalışma aracı, CVS araçları. Doğru, KDE ortamına odaklanın, GNOME'de çok az var.

Editörün özelleştirilebilirliği sadece harika - sadece "Ayarlar" menüsüne bakın. Neredeyse her şeyi ayarlayabilirsiniz: araç çubukları, harici programlar, kısayol tuşları, editörün görünümü, önizleme modları ... Genel olarak, Quanta Plus'ta, varsayılan olarak rahatsız edici olacağını ve hatta alışkanlıklarına ve tercihlerine göre değişmeyi imkansız hale getirin.

Dolayısıyla, Quanta Plus (hatta test edilmesinin GNOME ortamında gerçekleştirildiği ve bazı fonksiyonların çalıştırılabileceği gerçeği göz önüne alındığında) çok iyi bir izlenim bıraktı. Gücü, esnekliği ve özelleştirilebilirliği, hazırlık seviyelerinden bağımsız olarak, en çoklu web kodlayıcılarının gereksinimlerini karşılayabilir.

Şikayet edecek neredeyse hiçbir şey. Ve hatta telaffuz edilen tasarım "tarzında" affedebilir ...

Sağdaki özellikler, soldaki kodun kesici ... daha fazla arzu etmek mümkün mü?

"GNOME" kategorisinde liderlik için ana yarışma

GTK'ya dayanan en olgun editörlerden biri. Pencerenin düzeni oldukça standarttır - araç çubuğunun üstünde, birkaç tırnağa ayrılmış; Sol üç sekme (dosyalar, yardım, yer imleri ile çalışmak için dizin ağacı); Doğru düzenleme alanı. Geleneksel eşya kümesiyle ana menüye ek olarak, DocType String, Meta Etiketleri, yorumlar gibi "Şablon" fragmanlarının hızlı bir şekilde yerleştirilmesini gerçekleştirebileceğiniz bir özel menü (araç çubuğunun altında) vardır. Herhangi bir eşleştirilmiş ve tek etiket (isim herhangi bir şekilde ayarlanabilir) vb. HTML'ye ek olarak, Apache'yi yapılandırmak için bazı PHP, SQL komutları, DocBook etiketleri, bir çift standart fragman ekleyebilirsiniz (temel kimlik doğrulamasından sorumludur) ve hatta C üzerindeki bir şey. HTML dosyalarına ek olarak, Bluefish, en basit PHP eklerini geliştirirken, tipik bir yapılandırma yazarken ıstırabınızı kolaylaştırmaya çalışır. "Kullanıcı menüsü" Düzenle Menüsü "seçeneğini seçerek, ihtiyacınız olan tüm şablonları ayarlamak çok kolaydır.

Oldukça kapsamlı menü "Etiketler" ek olarak, hemen hemen her etiketi eklemek için, komşu "diyaloglarda", ek parametrelerin girilmesini gerektiren ve birinin tamsayı gruplarına girmesine izin veren komşu "diyaloglarda" birçok ilginç şey bulunabilir. elementler. Örneğin, "Genel" Belge Başlığı "(OR) gelecekteki HTML sayfasının çerçevesini hemen yerleştirir - başlıklar, meta etiketleri ve iş parçası ile sayfanın gövdesi altında. Benzer şekilde, bir tablo için boş bir tablo ekleyebilirsiniz ( Bundan sonra "ekler"), vb.

CSS sekmesi ayrı bir bahsetmeyi hak ediyor - en azından sadece üç düğmeyi bulacaksınız. İkinci ve üçüncü - yayılma ve DIV etiketlerinin hızlı bir şekilde yerleştirilmesi için. Ancak, birincisi tamamen stilize tablolar oluşturmanıza izin verir. Olası parametrelerinin ve değerlerinin onda birini hatırlamazsanız bile, aşağı açılır listeden istenenleri seçmek için herhangi bir iş çalışmaz ve oluşturulan tabloya yapıştırın. İletişim kutusundaki "Renk" düğmesi, rengi (gerektiğinde), sadece istenen bir farenin sadece oluklu bir fareyi ayarlamanızı sağlar.

Etiketler için herhangi bir giriş otomatik tamamlama, ne de parametreleri için yok - sadece sözdizimi arka ışığı (ve sonra, önce menü öğesinde "HTML" belgesinin türünü belirlemeniz gerekir - düzenleyici düz metin açar. modu). Otomatik olarak gerçekleştiren tek şey, çift etiketlerin kapanmasıdır (arka ışık gibi, kapanabilirsiniz).

Hızlı bir set için, çoğu etiketin güzel unutulmaz anahtar kombinasyonlarına sahiptir (her zaman kullanımı uygun olmasa da). Bunları nerede değiştirebileceğinizi, "Düzenleme" menüsündeki mesleki maddeye rağmen, "Kısayol tuşlarını kaydet" seçeneğine rağmen başarısız oldum.

Görüntülerin küçük resimleriyle çalışmanın ilginç bir özelliği - bir dosya seçin ve önizlemeye odaklanmak, normal "koşucu" istenen boyutu ayarlar. Renk seçim aracı da faydalı olacaktır ("iletişim kutuları" ortak "rengi") - İstediğiniz gölgede fareyi dürtün ve iletişim kutusunu kapatmak için koda bir onaltılık gösterim girilecektir.

Projeler için destek, yazım denetimi, harici programlarla etkileşim (yapmak, Javac derleyici, HTML sözdizimini kontrol etme, DOS2unix dizesinin yapılandırma sembollerini kontrol etme; ayarlarda kendi işleyicinizi bağlamak oldukça kolaydır). Sonucu görüntüleme sadece harici bir tarayıcıda mümkündür.

Genel olarak, editörün potansiyeli büyük olmasına rağmen, bazı tamamlanmamış bazı şeylerin izlenimi izlenimdi. Özellikle işlevselliği harici programlarca inşa etme fırsatlarını sevdim. İyi bir izlenim, rutin işlemlerin çoğunu birkaç saate kadar azaltmanız kolay olan kullanıcı menüsünden ayrıldı. Ancak yeni başlayanlar otodopping ve bahşiş parametrelerinin çok eksikliği olacaktır. Karar, aşırı lükslere alışkın olmayan, ancak tipik eylemleri otomatikleştirmek için susayan profesyoneller için iyi bir editördür.

Düzgün aydınlatmalı ve özel paneller, bir web sitesi geliştirirken gerekli olabilecek herhangi bir kodla çalışmanıza izin verir.

Bir stilist tablo oluşturmak için bir iletişim kutusu - sonuç düzenleme alanına eklenecektir.

Nvu.

Bu WYSIWYG editörünü seçerseniz, manuel düzenlemeyi unutun

Bu, "Kullanıcı odaklı" programından beklendiği gibi görsel rejimi kullandığı için LinSpire'ın beynidir. Ancak, çalışma alanının altındaki sekmeler, kaynak kodunun düzenleme moduna geçmek için çok kolaydır. İşte "HTML etiketleri" adlı önizleme ve mod, sayfada (tarayıcıya bakacak şekilde), "Etiket", bu öğe için hangi etiketin yanıtlandığını gösteren her bir elemana uygulanır. Bir başkasının kodunun hızlı analizi için oldukça uygundur - bu rejime başka bir başvuru bulamadım.

Görsel modda çalışmak, yazar veya abiword gibi normal metin işlemcisinde bundan çok farklı değildir. Evet ve biz esas olarak "manuel" düzenlemede gezinmeyi kabul ettik.

Garip bir şekilde, ancak manuel moda geçerken, belirli etiketlerden sorumlu araç çubuğu düğmeleri ve menü öğeleri engellenir. YOK AUTODO-uyum yok, yeni girilen metne kadar uzanmayan asgari sözdizimi vurgulaması ... genel olarak "Bir erkeğe katıldı - bir Dük'ün olmadığını söylemeyin" ve bir kez görsel modu beğenmez, Öyleyse normal not defteri olsun. Kaynak kodu editörü NVU'yu parlamaz (ve bunun için tasarlanmamıştır), bu yüzden incelemesinde ve tamamlandı ...

SONUÇLAR

Zor bir konu olarak ortaya çıkan en iyi HTML editörünü seçin. GNOME ortamındaki Bluefish, sudaki bir balık gibi hissediyor (sadece renkle ilgili şakalara ihtiyaç duymazlar, tamam mı?), Ancak koşulsuz zafer için, hala işlevsellikten yoksundur. Bununla birlikte, bir dizüstü bilgisayarda çalışmak için kullanılanlar için, idealine yakın bir seçim olacaktır - tamamen göze çarpmayan (hatta neredeyse bozulmuş), ancak aynı zamanda, her zaman yardımınıza gelmeye hazır.

Screem, küçük sürüm numarasına rağmen, neredeyse hiçbir şey BlueFish'in arkasında ve bazı yerlerde bile. Eşleştirilmiş etiketlerin garip bir şekilde uygulanan oto ekipmanı bazen işe müdahale eder ve etiket için sıcak anahtarların olmaması her şeyden önce fareyi atması beklenenlerin derin bir umutsuzluğuna dönüşecek, ancak aynı zamanda tümünü girmemek için onların elleri.

Peki, Quanta Plus, sert olmayan bir ortamda bile, "yardım" fonksiyonlarının ve hızlı çalışmanın kolaylığının en uyumlu kombinasyonunu göstermiştir. Neredeyse her şeyi yapılandırabilme yeteneği, varsayılan kısayol tuşları ve araç çubuğunun bileşimi yeterince seçilmesine rağmen, "etrafta dolaşmak" severler için vazgeçilmez olacaktır. Genel olarak, şu an koşulsuz lider, kazananın defnelerinin aldığı en olgun ve düşünceli HTML editörü olarak "Gezegen KDE'den Uzaylıydı" idi.

Siteyi nasıl düzenlediğine karar veremezsiniz - manuel veya görsel olarak? Quanta Plus ile, iki iş modu arasında kırmanız gerekmez!

Sorumlulukları ile ne kadar iyi başa çıktıklarını bulmak için.

Bu uygulamalar büyük ölçüde benzer. Üçü, ilk olarak, set ve düzenleme kodunu basitleştiren akıllı biçimlendirme ve diğer fonksiyonlarla sözdizimi izolasyonlu üç numaralı düzenleme kodu. BlueFish hem KDE hem de GNOME'de harika hissediyorken, Screem gnome ile yakından bağlantılı. KDE ile geçerli olan Quanta Plus - KDE uygulaması. Hepsi, WYSIWYG adında görsel düzenlemeyi destekliyor (gördüğünüz şey - gördükleriniz, sonra gördükleriniz, sonra alırsınız), gelişmiş kod düzenleme yeteneklerine sahip bir bölme. Bu editörler HTML, JavaScript, Basamaklı Stil Sayfaları (CSS) ve diğer işaretleme dilleri ve komut dosyaları ile çalışabilir. CVS desteği de dahil olmak üzere web sitelerini ve web projelerini yönetmek de mümkündür.

Bu programların çok benzer olduğunu görüyoruz, bu yüzden her birinin parlak özelliklerini tahsis etmeliyiz. Bu yazıda, web editörünün HTML kodu, CSS ve DIV etiketlerini yazarken nasıl yardımcı olduğuna odaklandım. Her program, ihtiyaçlarınıza yaklaşabilecek ek özelliklere sahiptir.

Her bir programı, web sitesine AJAX (asenkron javascript ve XML) eklemenizi sağlayan her bir programı, web sitesine Ajax (asenkron javascript ve XML) eklemenizi sağlar. Spry Framework, bir dizi JavaScript script ve stil sayfaları içerir. Widget'lar, HTML ve CSS'yi kolaylaştırmayı gerektirir. Bu, testlerim için bir Spry'e uygun bir yoldadır. Bu troika editörlerinde, web tasarımı için ticari uygulamalarda uyguladığım işlevlere, örneğin, otomatik kapanış etiketleri, etiket parametreleri seçimi (Etiketi çevirdiğinizde ve editör size olası parametrelerin ve değerlerin bir listesini sunar), ekli CSS ve JavaScript dosyaları için destek sunar.

Bir web sayfasını oluşturma ve düzenleme ile ilgili işlerin çoğuyla ilişkilendirilir. Yeni bir sayfa oluşturduğunuzda, Screem size temel bilgileri girmenizi ve ardından baş ve gövde etiketindeki ana elemanları özelleştirmenize yardımcı olur.

Screem'in düzenlemeyi nasıl basitleştirdiğini memnun etti. Örneğin, sıralanan bir listenin sipariş edilen listesinin sıralandığını değiştirdiğimde, TEG'yi otomatik olarak değiştirildi. Kod ayarlandığında, olası parametrelerin bir listesini açar. İhtiyacınız olanı seçtikten sonra, TEG otomatik olarak kapanır. Ayrıca, seçilen özelliklerin stil etiketleri arasına yerleştirilebileceği veya ayrı bir stil sayfasına girebileceği uygun bir CSS Creator Assistant'ınız var.

Screem arayüzü 2 araç çubukları içerir: Ana işlemler için ana panel (açma, yazdırma ve düzenleme dosyaları) ve 9 düğmenin dokuz yardımcıları için bulunduğu asistan paneli. Onlarla farklı öğeler ekleyebilir ve yapılandırabilirsiniz: Renkler, Şekiller, Bağlantılar, Resimler ve Tablolar.

Sol ayrıca 5 pencere gösterebilecek bir kenar çubuğuna sahiptir:

  • Dosyalar;
  • Belge ağacı, düzenlenebilir sitedeki sayfaları gezinmek için uygun;
  • Divergent etiketine bağlı olarak dinamik olarak değişen parametrelerin listesi;
  • Web sitenizde varsa, si etiketleri ile çalışmak için semboller.
  • Screem 4 tür web sayfası ekranı destekler:

  • kod şeklinde - olağan düzenleme penceresi gibi başka hiçbir şey;
  • bir ağaç şeklinde - kenar çubuğunda görüntülenen belge ağacının bir kopyası;
  • Önizleme - Sayfanın tarayıcıda nasıl görüneceğini gösterir. Bir dezavantaj - JavaScript tabanlı Spry elemanları görüntülenmiyor;
  • bağlantılar biçiminde - akımla ilişkili diğer site sayfaları olarak gösterildiği bir diyagram ve durumları.
  • Güçlü bir HTML editörü, Screem Basit arayüzünün altında gizlenir. KDE altında sadece daha kolay kurulmasını istiyorum. Bu editörü KDE'ye çalışmak için gereken GNOME kütüphanelerinin derlenmesini ve indirmesini önlemek için Ubuntu Livecd'deki Screem'i test ettim. Hepsi aynı, Screem, ek işlevlerin minimumunu kullanarak seçilen görevle mükemmel bir şekilde başa çıkan bir uygulamanın canlı bir örneğidir. GNOME kullanıyorsanız, screem size gelebilir. KDE veya başka bir ortam kullanıyorsanız, bu editörle çalışmak için ek kütüphaneler yüklemeniz gerekir.

    Lüfer

    BlueFish Editor, Screem'den büyük ölçüde daha zordur, ancak daha çok yönlüdür. HTML ve CSS'ye ek olarak, C, Java, Perl, Python, XML ve birkaç dil düzenlemenizi sağlar. HTML ve CSS ile çalışmak için, bu editör screem yetenekleri için benzerdir. Bununla birlikte, ikincisinin aksine, Bluefish arasından seçim yapabileceğiniz bir etiket parametrelerinin bir listesi sunmuyor ve açılış açılışı değiştiğinde kapanış etiketini de değiştirmiyor.

    Bununla birlikte, Bluefish iyi organize edilmiş ve kullanımı kolaydır. Etiket menüsünden, bir etiket seçebilir ve seçilen metne uygulayabilir veya metin vurgulanmadıysa, etiketleri ekleyebilirsiniz. Menüdeki etiketler 9 kategoriye ayrılmıştır: başlıklar, özel, biçimlendirme, bağlam biçimlendirme, genel biçimlendirme, tablo, liste, şekil ve farklı. "Diyaloglar" menüsü, çeşitli görevleri gerçekleştirmek için birkaç diyalog (screem'in analogu) (Helperlicihlerin analogu) sunar: referans, tablolar, şekil veya CSS tarzı ekleyin. Diyaloglarda, bluefish belgeye ekleyeceği farklı etiketler için listeden parametre değerlerini girersiniz veya seçersiniz. İletişim kutuları aracılığıyla, meta etiketleri, stil sayfalarına, vb. Ekleyerek belgenin ilk kurulumunu da yapar. Menü bağlamına bağlı değildir, yani bir Python dosyasını düzenlerseniz, HTML ile çalışmak için hala işlevler sağlayacaktır.

    Bluefish, küçük resimler oluşturmak için uygun bir sihirbaz vardır. Bununla birlikte, sitenizdeki bir çevrimiçi fotoğraf albümü düzenlemek istiyorsanız, uygun bir görüntünün önizlemesini kolayca oluşturabilirsiniz. Bu sihirbaz, görüntünün boyutunu belirtilen veya yüzde oranındaki gibi ölçekler ve referans için bir görüntü ve etiket ekler.

    Bluefish, özellikle PHP, JavaScript, Java ve diğer desteklenen dillerde çok yazmanız gerekiyorsa, çok yetenekli bir HTML editörüdür. Bluefish'teki tüm düzenleme esasen menüden gerçekleşiyor, bu da bu kadar etkileşimli olmadığını, bu da aynı şeyi yapan, ancak dinamik olarak, ben yazarken. Ancak, BlueFish yetenekleri basit HTML ve CSS düzenlemesinin çok ötesine geçer. Ayrıca, herhangi bir sorun olmadan kurulur ve hem KDE altında hem de GNOME altında başlar.

    Quanta Plus.

    Temel olarak, Quanta Plus kod editörüdür. Bazı WYSIWYG yetenekleri var, ancak ilk bakışta göründüğü gibi, faydalı değiller. Bir önizleme çalışmayı bıraktığında, küçük bir web sayfasında masaya değdi. Beni biraz şaşırttı, bu yüzden aynı zamanda daha karmaşık bir sayfa yüklendi ve önizlemesi normal olarak gösterildi. Ancak, önizleme iyi çalışırken bile, WYSIWYG-Düzenleme için yeterli garip destek var. Örneğin, "Enter" tuşuna bastığınızda, yeni paragrafın etiketi yerine bir etiket patlaması kopması takılır. Aynı şey, liste düzenlendiğinde "Enter" tuşuna basıldığında, fikir yeni bir liste öğesi oluşturmalıdır. Genel olarak, önizleme, sonucu görüntülemek için kullanmak ve doğrudan düzenleme için değil.

    Yukarıdaki her şeyi dikkate almazsanız, Quanta Plus gerçekten güçlü bir kod editörüdür. Arayüzü, BlueFish'ten çok daha karmaşıktır, ancak Quanta Plus'ın ana görevi hala web düzenlemesidir. Bu Editör, sözdizimi, komut dosyaları ve işaretleme dillerinin seçimini destekler. Bluefish olarak, menü bir dille çalışmak üzere tasarlanmışsa, bu menü ile çalışın, başka bir dilde yazılan kodu etkilemez. Quanta Plus, kullanıcıların belirli bir dille çalışmak için kendi araç çubuğunu oluşturmalarını sağlar.

    Yine, Bluefish'teki gibi, yeni bir sayfanın oluşturulması, temel bir yapı oluşturmak için bir iletişim kutusu bulabileceğiniz etiket menüsünde başlamak daha iyidir (meta etiketleri, belge başlığı vb.). Etiket menüsünden, birden fazla parametre ile etiket yapılandırması için bir etiket ekleyebilir veya bir iletişim kutusu açabilirsiniz. Bence, en önemli şey, Quanta Plus'ın, kodu kazanma işleminde bu parametrelerin etiket parametrelerini ve değerlerini seçmeyi teklif etmesidir. Bluefish'te, bu özellik bu şekilde eksik ve screem sadece parametreyi seçmek için teklifler, ancak değerini değil.

    Bir başka uygun özellik, genellikle bağlı etiketleri içeren bir etiket eklerken, Quanta Plus otomatik olarak ikincisini ekler. Örneğin, bir etiket siparişi verdiğinizde, Editör, bir liste öğesi için açma ve kapama etiketlerini otomatik olarak ekler ve sipariş edilen listenin sırasını kapatır.

    CSS CONTRA, iki iletişim kutusu tarafından gerçekleştirildiğinden, Quanta Plus'ta biraz kafa karıştırıcıdır. Ancak bunu çözerseniz, düzenleme CSS çok basit olacaktır. Bir CSS tarzı oluşturmak için, önce stilin uygulanacağı öğeyi belirlemek için "CSS Seçici" iletişim kutusunu açmanız gerekir. Ardından, "CSS Seçicisi" nde iki kez tıklayın, burada zaten tüm stil parametrelerini belirleyebileceğiniz aşağıdaki "CSS Editor" iletişim kutusuna gidin. Sonuç olarak, mükemmel biçimlendirilmiş CSS kodunu alırız.

    Quanta Plus, üçün üçünün en zor editörüdür, ancak aynı zamanda en yetenekli olanıdır. Sevinç, kuantaya artı arabirimini ihtiyaçlarına göre yapılandırabileceği, sevinemez. Bu Editör, ihtiyacınız olan her şeyi ve hatta bir HTML ve CSS kodunu yazılı olarak yazılı ve düzenleyen kullanıcıların ihtiyaçlarını karşılamak için daha da fazlası sunar. GNOME kullananlar için Quanta Plus ek kütüphaneler indirmeniz gerekir, ancak buna değer. KDE kullanıcılarının bu tür zorluklara sahip olmayacak, çünkü bu editör KDE'ye yerleşmiştir.

    Basit tavsiyem - HTML ve CSS dosyalarını düzenlemek için Quanta Plus'ı kullanın. Hafif yollar aramayanlar için aşağıdaki seçenekler sunarım:

  • Eğer bir kullanıcı gnome iseniz, screem yerleştirin. Bu, web düzenlemesi için basit, hızlı ve yeterli güçlü bir editördür. Bununla birlikte, BlueFish ve Quanta Plus'ın aksine, web düzenlemesine doğrudan ilişkisi olmayan dillerle çalışmak için bu kadar büyük fırsatlar sunmuyor;
  • Eğer bir kullanıcı cücesi iseniz ve harika fırsatlara ihtiyacınız varsa, ek kütüphaneler indirerek Quanta Plus'ı yükleyin;
  • Eğer bir KDE kullanıcısıysanız ve bir kod düzenleyicisiyseniz, Quanta Plus sizin seçiminizdir. WYSIWYG fonksiyonlarına dikkat etmeyin ve özellikle CSS için tüm düzenleme gücünü kullanın;
  • XFCE kullanıcıları için Quanta Plus iyi çalışacaktır. Screem ek kütüphaneler gerektirecektir;
  • Son olarak, eğer bir GNOME kullanıcısıysanız ve geniş fırsatlara ihtiyaç duyarsanız, ancak Quanta Plus ile çalışmak için ek kütüphaneler kurmak istemeyin, daha sonra Bluefish sizin için özel olarak oluşturulur.
  • Linux altında web gelişmeleri için en az üç layık uygulama olması güzel. Screem, Bluefish ve Quanta Plus, bu alanda Lider kadar kapsamlı değildir Adobe Dreamweaver, ancak yakınına yakın. Quanta Plus Neredeyse Analog Dreamweaver. İkincisinin fiyatının oldukça yüksek olduğu ve Linux'u varsayılan olarak desteklememesi gerçeğini dikkate alarak, üç tanesi üçü mükemmel bir seçimdir. Özgür oldukları gerçeğine ek olarak, bu editörler de kullanıcılarına mükemmel bir sonuç verilir.

    Makaleyi beğendiyseniz, arkadaşlarınızla paylaşın:

    Linux altında kaynak kodun editörleri. Arkadan aydınlatmalı sözdizimi ile editörler. C, C ++ editörleri. PHP, Perl, HTML editörleri.

    • NotepadQQ, Notepad ++ tarafından oluşturulan programcılar için basit bir kod editörüdür.

    • Visual Studio kodu, Microsoft'tan fonksiyonel bir kod düzenleyicisidir.

    • Atom

      Atom modern, kullanışlı, işlevsel bir kod editörüdür. Fırsatları genişletmek için yerleşik bir paket yöneticisi (eklentiler) vardır.

    • Braketler, web tasarımcıları ve geliştiricileri için ücretsiz bir editördür. Çoğunlukla HTML, CSS ve JavaScript kodunu yazmak ve düzenlemek için tasarlanmıştır.

    • Textadept - programcılar için metin editörü. Minimalist tarzda yapılır, çalışma penceresini birkaç parçaya bölmenize ve aynı anda bir veya daha fazla dosyayı görüntülemenizi sağlar. Sözdizimi aydınlatması çoğu programlama dilleri için desteklenir.

    • Juffed - Linux için kod editörü. Kodu (sözdizimini) vurgulayabilir, blok blokların katlanmasını, eşleştirilmiş dirseklerin vurgulanması ve çok daha fazlasını destekler. Editör, Notepad ++ üzerindeki işlevselliğe benzer.

    • NetBeans - güçlü bir ücretsiz entegre uygulama geliştirme ortamı (IDE). Java, PHP, JavaScript, Ajax, Yakut Programlama Dillerini, Ruby, C / C ++ ve diğerlerini destekler.

    • Medit.

      Medit - Syntax Arka Işığı ile Linux için metin editörü. Temel programlama dillerini ve İşaretleme dillerini destekler.

    • Screem - Site oluşturma ve düzenleme ortamı - Web tasarımcıları için metin editörü. Screem, öncelikle HTML veya XML kodunu yazmak için tasarlanmıştır.

    Güncelleme (20170929): Geçen yıl için şaşırtıcı bir ide pinegrow kullandım (https://pinegrow.com) ve içtenlikle tavsiye ederim. Birkaç yıl önce cevabımda aşağıda bahsettiğim bluegriffon, modası geçmiş Ve gelişimdeki PineGrow'un arkasında.

    Bluegriffon öneririm. Ücretsiz, çok işlevli, tüm büyük platformlarda çalışır ve bazıları ticari olan birçok iyi eklemeye sahiptir. (Ticari) CSS eklentim var ve onlardan çok memnunum. BlueCriffon'u bulmadan önce Kompozer'i kullandım. Abaya'nın bu ikisiyle rekabet edemediğini hatırlıyorum.

    İyi bir alternatif, Eclipse WebTools'un bir parçası olan "Javaserver Faces (JSF)" Aracı Projesi gibi bazı WYSIWYG eklentisi ile tutulurdur.

    Xian

    Ne yazık ki, BlueGriffon kararlı değil: Kontrol panelinin bazı bölümlerinde fareyi tıkladığımda, bir bölümleme hatası ile oluşur.

    user1908895

    Ne yazık ki, mavi griffon açık kaynak değildir ve ücretsiz değildir. Oh, yürütülebilir dosyayı indirebilir ve kaynak kullanılabilir. Ancak yararlı işlevsellik ile ilişkilendirildi. Bir programı uygulanabilir hale getirmek için eklentileri kapalı bir kaynak koduyla satın almanız gerekir. Ek olarak, 32 bit Ubuntu kullanıcılarını terk etti. Şirketinizi 12.04 ltts üzerinde aptallar olduğumuz sürece tutmak için iş nedenlerim var. Son olarak, Mozilla'nın Xul API'sinden reddedilmesi, bu programın, XUL API'sini kullanan diğerlerininle birlikte öleceği anlamına gelir. Zamanınızı geçirmek için bir ürün değil. John

    Fakhim Mitha

    HTML sayfasını hızlı ve kirli düzenlemeyi ve BlueGriffon sitesinden indirdiğim bir ikili dosyayı benim için çalıştı (Debian Jessie) yapmam gerekiyordu. Bununla birlikte, Debian / Ubuntu, içinde olmasına rağmen mevcut değildir.