Günümüzün vazgeçilmezleri olan web siteler, HTML dili ile yazılır. HTML dili ve onun tamamlayıcıları ile birlikte iyi bir web sitesini sıfırdan tasarlayabilirsiniz. İyi bir web sitesi tasarlamak için iyi bir metin editörü oldukça faydalı olacaktır.
HTML, metin tabanlı bir işaretleme dilidir, web sitelerinin ana yapısını oluşturur. Metin tabanlı olduğu için iyi bir metin editörü veya HTML için özelleştirilmiş bir HTML editörü tasarımcıların işini oldukça kolaylaştıracaktır.
Gerek ücretli ve gerekse ücretsiz çok sayıda HTML editörü bulabilirsiniz. Bunların bazıları tam teşekküllü editörler olup bir çok işlevi içerisinde barındırırlar. Bazıları ise daha sade bir yapı ile sadece tasarıma odaklanırlar.
HTML Editör Türleri
HTML editörler kendi aralarında genel hatları ile iki gruba ayrılırlar.
- Birincisi metin tabanlı editörler ki bunlarla kodlar yazarak sayfamızı oluştururuz. Bu editörler gelişmiş düzenleme destekleri ile birlikte, bir siteyi HTML kodlarını kullanarak yazmamıza yardımcı olurlar.
- Bir de tasarım tabanlı ne görürsen onu alırsın (WYSIWYG) mantığındaki tasarım araçları sayılabilir. Bu gruba giren editörler, bir grafik tasarım aracı gibi, istediğin yazıyı, resmi, linki sayfa üzerinde düzenlerler.
Tasarım konusu haricinde yine online HTML editörler de bulunmaktadır. Bu editörleri bir web sayfası üzerinden kullanabiliriz.
Hangi HTML Editörünü Seçmeliyiz?
Evet hangi tür editör kullanırsak daha rahat ve hızlı sayfa tasarımı yapabiliriz? Önemli bir soru. Aslında ihtiyaçlarımız buna karar vermemize yardımcı olacaktır. Sadece görsel tasarım üzerinde çalışılacaksa WYSIWYG editörleri tercih edebiliriz.
Fakat farklı teknolojileri birlikte kullanacaksak, JavaScript, CSS gibi gelişmiş bir metin editörünü tercih edebiliriz.
Günümüzde Çok Kullanılan Ücretsiz HTML Editörler
Bu yazımızda genel olarak ücretsiz ve açık kaynak (open source) editörleri tanıtmaya çalışacağız. Metin editörler içerdikleri ek özellikler ile öne çıkarlar. Peki öne çıkan özellikler nelerdir? Bu konu bizim editör tercihimizi doğrudan etkileyen nedenleri içerir.
Metin Tabanlı Editörlerin Genel Özellikleri
Metin tabanlı editörlerin bize faydalı olacak özelliklerinden bazıları şu şekildedir.
- Web tasarımı yapıyorsak editörümüzün HTML, CSS ve JavaScript dillerini desteklemesi önemlidir. Bunun yanında kulandığımız farklı diller varsa onları da desteklemesi güzel olur.
- Özellikle sürekli geliştirdiğimiz bir uygulamada veya bir ekip ile çalışma durumunda git desteğini isteriz ve tabii ki github desteği de önemlidir.
- HTML ile web sitesi tasarlarken veya diğer programlama dilleri ile uygulama geliştirirken yazım hatası yapmamız olağan bir durumdur. Seçeceğimiz editör bu hataları görmeli ve gerekirse düzeltmemiz konusunda bize yardımcı olmalıdır.
- Birkaç harf yazdıktan sonra otomatik tamamlama kod yazmamızı hızlandıracaktır. Bu nedenle özellikle çok kullandığımız HTML, CSS ve JavaScript için otomatik tamamlama olması büyük bir fayda sağlayacaktır.
- Ftp desteği yine tercih sebeplerinden biridir. Bu tasarlanan sayfalar siteye daha rahat gönderilir.
- Ön izleme modu ile sayfayı tasarlarken, ne yaptığımızı görmemizi sağlar.
- Aynı anda bir kaç dosya üzerinde çalışabilme yeteneği olan editörler geniş ve özellikli siteler tasarlarken yardımcı olur.
- Bazı editörlerde tema desteği bulunmaktadır. Bu sayede kendi kullanım alışkanlıklarımıza göre bir editör sahibi olabiliriz.
- Eklendi desteği editörümüze ihtiyacımız olan yeni özellikleri kolaylıkla eklememize yardımcı olur.
Tasarımıcıları Rahat Ettirecek HTML Editörler
Yazımızın ana konusu olan HTML editörlerini ve özelliklerinden bahsedelim.
VS Code – Visual Studio Code
Microsoft tarafından desteklenen VS Code, açık kaynaklı bir editördür. Geniş bir geliştirici topluluğuna sahiptir. Basit yapısı altında büyük bir güç taşır. Eklentiler ile hızlı bir şekilde özelleştirilebilir.
HTML, CSS, JavaScript dilerini desteklemekle birlikte onlarca farklı programlama dilini de destekler. Hataları yakalayarak gösteren VS Code IntelliSence ile birlikte daha akıllı bir tamamlama seçeneği sunar, bu sayede etiketler, fonksiyonlar, sınıflar veya değişkenler arasında ihtiyacınız olanı en hızlı şekilde getirir.
Çoku panel desteği ile gelen VS Code ile aynı anda çok sayıda dosya üzerinde çalışılabilir. Debug özelliği ile hataların yakalanması daha kolay olur.
Yeleşik Git ve Github desteği ile gelen VS Code geliştiricilere büyük kolaylıklar sağlar. VS Code içerisinde terminal kullanabilirsiniz. Bu kod yazarken işlemlerin daha hızlı yürümesini garantiler.
Linux, Windows ve Mac üzerinde çalışabilir. Bu sayede farklı bilgisayarlarda çalışanlar için iyi bir seçenektir. Microsoft Azure ile birlikte çalışabilir.
Pyton, Ruby, C++ gibi onlarca dil ile geliştirme yapabilirsiniz. Eklentiler sayesinde bu diller ile geliştirme yapmak oldukça kolaylaşacaktır.
Ücretsiz ve açık kaynak olarak gelen VS Code Electron JS ile geliştirilmiştir bu nedenle HTML, CSS ve JavaScript kullanarak yazılmıştır.
Sisteminize uygun VS Code indirmek için tıklayınız.
Atom
Github tarafından desteklene açık kaynak HTML editörüdür. En çok tercih edilen editörlerden bir tanesidir. Üst düzey araçları ücretsiz bir şekilde sunmayı hedefler. Github topluluğunun sağladığı açık kaynak paketler ile birlikte gelir.
HTML geliştiriciler, bu editörü kendilerine göre geliştirebilirler veya daha önce geliştirilmiş eklentileri kullabilirler. Yerleşik tema desteği sayesinde istediğiniz temayı seçebilir veya kendiniz geliştirebilirsiniz.
Atom ile HTML, CSS, JavaScript kullanarak geliştirme yapabilirsiniz. Yine diğer diller içinde destek sunar. Php, pyton, C gibi diller ile de uygulama geliştirebilirsiniz.
Canlı ön izleme seçeneği ile yazdığınız kodların sonuçlarını ekranda görebilirsiniz.
Çoklu panel desteği ile gelen Atom bu sayede aynı anda birden fazla dosya ile çalışmaya izin verir. Atom dosya yöneticine sahip olduğu için gerek dosya açarak veya proje tabanlı çalışabilirsiniz.
Hata gösterimi, akıllı tamamlama ile kod yazmayı kolaylaştırır. Hataları daha hızlı bulabilir veya bir kaç harf yazdıktan sonra otomatik tamamlama özelliği ile daha kolay kod yazmayı sağlar.
Çok sayıda eklendiler ile Atomu istediğiniz şekilde geliştirebilir ve kendi isteklerinize göre yapılandırabilirsiniz.
Linux, Mac ve Windows ile çalışabilmesi de tercih nedenlerinden bir tanesidir.
Kendi sisteminize özel Atom editörü yüklemek için tıklayınız.
Aptana Studio
Web geliştirme için açık kaynak (open source) ücretsiz editörlerdendir. HTML, CSS ve JavaScript ile kod yazmayı kolaylaştırır. Eclipse tabanlı olan Aptana Studio hızlı ve kolay bir şekilde web uygulaması geliştirmeye odaklanır.
Git entegrasyonu ile gelen Aptana Studio geliştirme süreçlerini kolaylaştırır. Dahili debug özelliği bulunmaktadır. Kod tamamlama özelliği bulunmaktadır. Yerleşik olarak terminal ile gelen Aptana Studio bu sayede bir çok işlemin kolaylaşmasına katkı sağlar.
Aptana Studioyu download etmek için tıklayınız.
Apache Netbeans Framework
Apache Neteans Java, C/C++, Php, HTML, CSS gibi diller ile web ve mobil uygulamalar, masaüstü yazılımlar geliştirlmek üzere tasarlandı. Açık kaynak bir IDE olan Netbeans geniş bir kullanıcı ve geliştirici kitlesine sahiptir.
Bir çok dilde geliştirme yapmayı kolaylaştırır. Java, JavaScript, Php, HTML3, CSS ile hızlı ve akıllı düzenleme yapmanıza olanak sağlar. Bir çok özelliği üzerinde barındıran güçlü bir IDEdir.
Apache Netbeans IDEyi indirmek için tıklayınız.
Kate Editor
Kate Editör açık kaynak ücretsiz bir editördür. Window, Linux ve Mac üzerinde çalıştırabilirsiniz. Kate Editor güçlü bir arama ve değiştirme özelliği ile gelir, dahili terminal vardır. Marktown, HTML, CSS, JavaScript dosyalarınızı düzenleyebilirsiniz.
300 den fazla dil için sözdizimi vurulaması ile daha güzel ve anlaşılır bir kod görünümü sunar. Yazdığınız dile özel kod blokları oluşturur.
Karmaşık projeler ile daha iyi bir deneyim sunması için bölünmü görünümler ve panelleri destekler. Dahli proje dizini ile daha etkin çalışmayı destekler.
Bir çok dil için otomatik tamamlamayı destekler. Yine eklenti desteği (plugin) ile kendinize göre geliştirebilir ve özelleştirebilirsiniz.
Window, Linux ve Mac üzerinde çalışabilir.
Kate Editörü indirmek için tıklayınız.
Hangi Editörü Seçelim
Bir çok özelliği benzer olsa da her editörün kendine has özellikleri bulunmaktadır. Son zamanlarda en çok tercih edilen uyulamlardan bir tanesi VS Codedir. VS Code geniş geliştirici desteği ile öne çıkan bir editör. Hızlı ve özelliştirilir olması da ayrıca güzel.
Özellikle web uygulamaları geliştirirken Atom editöre bir şanş vermek gerekir. Kullanımı kolay olan bu editör eklentiler ile özelleştirilebilir.
Apache Netbeans uzun yıllardır geliştirilen bir framework. Özellikle Java ve web uygulamaları geliştirirken öne çıkıyor. Eklentiler ile daha da geliştirilebilir.
Siz de ihtiyaçlarınızı belirleyerek bu editörlerden istediğinizi tercih edebilirsiniz. Listeye eklemek istediğiniz editörleri, yorum ve sorularınızı yorum olarak bize gönderebilirsiniz.