Dreamweaver CS4: Neler Var, Neler Yok?

Dreamweaver
artık on yaşında koca bir adam. Her yeni sürümüne daha çok ve başarılı
özellikler katarak bizleri kendine hayran bırakıyor. Adobe da Dreamweaver'in
onuncu yılı sevincini kullanıcılarıyla paylaşmak için CS4 sürümünün
Public Beta'sını bizlere
sundu.

Web, Dreamweaver'in doğumundan bu yana çok değişti. Özellikle son 3-4 yıldır
adını sıkça duyduğumuz Web 2.0
kavramı, Dreamweaver'in çıktığı dönemde akıllardan bile geçmiyordu. Dreamweaver
ise her yeni sürümüyle yeni teknolojilere adapte olurken aynı zamanda geçmiş
teknolojilere de desteğini kesmedi. Bu durum, kullanıcı sadakati açısından
Dreamweaver'e fayda sağlasa da teknik açıdan zorluk çıkarmaya başladı.
Dreamweaver (artık DW diyelim), yenilenmek zorundaydı.
Adobe, DW CS4 ile bunu başarmış gibi görünüyor.

Yeni Özellikler

DW, CS4 sürümü ile web geliştiricilerin yüzünü güldürecek yeni özellikler
sunuyor. İşte bu özelliklerden bazıları:

LiveView

DW CS4, açık kaynak kodlu WebKit altyapısını
kullanarak, sayfalarınızı web standartlarına uyumlu bir web
tarayıcı olarak gösteriyor. Böylece sayfanızın kodunda yaptığınız herhangi bir
değişiklik aynı anda size yayınlandığı anda görüntüleneceği şekilde
gösteriliyor.

İlişkili Dosyalar

Günümüzde tek sayfadan oluşan profesyonel web sayfası geliştirmek - en
azından - doğru değil. JavaScript kodlarınızı ayrı bir JS dosyasında,
stillerinizi ayrı bir CSS dosyasında tutmanız önerilir. DW CS4 de size bu konuda
yardımcı oluyor. DW, açtığınız bir web sayfası ile ilişkili olan tüm dosyaları
gösteriyor. Üstelik bu özellik sadece JavaScript ve CSS dosyaları ile sınırlı
değil. XML ve hatta PHP dosyaları da aynı özellikle gösteriliyor.

Code Navigator

Code Navigator'u tanımlamak için "Firebug'daki Inspect özelliği"
desem sanırım herkes - en azından web geliştiriciler - anlar. Kod görünümünde ya
da tasarım görünümünde seçtiğiniz kısmın yanında çıkan küçük bir pencere
seçtiğiniz parçayı etkileyen tüm bileşenleri gösteriyor. Bu pop-up pencerede
seçtiğiniz metni etkileyen CSS kuralları, harici JavaScript fonksiyonları,
sunucu taraflı include edilmiş dosyalar, Dreamweaver taslakları vs. daha birçok
bileşen gösteriliyor.

Code Navigator'u en iyi tarif eden özellik "Firebug'daki Inspect
özelliği" olsa da yine de bir örnekle açıklayayım. Örneğin, bir linki
seçtiğiniz açılan Code Navigator penceresi, o linki biçimlendiren CSS
kurallarını ve linke tıklandığında çalıştırılacak bir JavaScript fonksiyonu
belirlediyseniz size bunları listeleyebiliyor.

CSS Yenilikleri

Property Inspector paneline yeni eklenen CSS sekmesi ile seçtiğiniz kısma
uygulanan CSS kurallarını ve diğer CSS biçimlendirmelerini yönetebiliyorsunuz.
Property Inspector ile aynı belge içerisinde ya da harici CSS belgelerinde
kurallar yaratabiliyor ve düzenleyebiliyorsunuz.

Bir diğer CSS yeniliği ise DW'nin size CSS kurallarını anlatması.
Herhangi bir CSS özelliğinin üzerine fare imlecini götürdüğünüzde açılan
pencere, o özelliği size yalın bir İngilizceyle anlatıyor.

CSS kurallarını anlatma özelliği bu kadarla sınırlı değil. DW, sizin
yazdığınız CSS kurallarının da nerelere uygulanacağını anlatıyor. Örneğin,
#content img kuralını oluşturduğunuzu varsayalım. DW size "Bu kural #content
ID'sine sahip elementin içinde img taglarına uygulanır" diyor. Yeni
başlayanlar için güzel bir özellik.

HTML Veri Yapıları

DW CS3 ile tanıştığımız Spry Ajax Framework, CS4 ile gelişerek yeniden
karşımıza çıkıyor. Spry sayesinde PHP ile çektiğiniz dinamik verileri (örneğin
veritabanı dataları) statik HTML kontrolleri ile sunabiliyorsunuz.

Ajax ve JavaScript Kod Tamamlama

Tamam, DW ile güzel web sayfaları tasarlıyoruz fakat geliştirebiliyor muyuz? (Design - Development farkı). İtiraf edelim DW ile JavaScript kodu yazmak işkence çünkü her şeyi elle yazmak zorundasınız. Fakat CS4 sürümü bu sorunu da düzeltiyor. JavaScript’in primitive veri tiplerine ek olarak popüler JavaScript kütüphaneleri için de destek veriyor. Böylece JS kodu yazarken de otomatik tamamlama gibi özelliklerden yararlanabiliyorsunuz.

Subversion Desteği

Büyük ölçekli ve çok geliştiricili uygulamalar geliştirirken SVN kullanmak
birçok karışıklığı önler. Kodu istediğiniz zamana geri döndürebilir ya da belli
bir süre içinde yaptığınız değişiklikleri görebilirsiniz. Adobe da DW4'e SVN
desteğini eklemiş. Böylece DW içerisinden commit gibi işlemleri
gerçekleştirebiliyorsunuz.

Adobe® AIR™ Desteği

Offline yazılımlar revaçta. Bu iş için de en iyi geliştirme aracı
Adobe Air. DW CS4 ile IDE
içerisinden Adobe Air uygulamaları geliştirebiliyorsunuz. Komut satırına
gitmenize ya da elle XML dosyaları oluşturmanıza gerek kalmıyor.

Yeni Arabirim

Tüm yukarıda saydığım özellikler Adobe Creative Suite CS4'ün yeni ve başarılı
arabirimi ile sunulunca daha etkili oluyor. DW CS4 de paketin diğer üyeleri gibi
yeni bir arabirimle geliyor. Yeni arabirimde panellerdeki butonların sadece ikon
olarak gösterilebilmesi güzel olmuş.

Arabirimdeki bir diğer yeni özellik ise gri butonlar. Arabirimdeki
greyscale olarak tasarlanmış butonlar, üzerinde imleci götürünce renkleniyor.
Butonların normalde gri olması çalışırken dikkatinizin sadece çalıştığınız
belgede olmasını kolaylaştırıyor.

Çıkarılan Özellikler

Yazının başında DW’nin kendini yenilemesi gerektiğinden bahsetmiştim. DW, piyasaya çıktığı ilk günden bu yana geliştirilen tüm web teknolojilerine destek vermeye çalışarak şişti. Bu yüzden bazı özelliklerden vazgeçip onların yerine en yeni teknolojilere destek vermeyi seçmeli. Adobe da bunu yaptı. http://www.adobe.com/go/kb402489 sayfasında DW’de eskiden olan ama artık geliştirilmesinin durduruılduğu özellikleri görebilirsiniz.

Son Yorum

DW şüphesiz web geliştirme yazılımlarının kralı, bir standart. CS4 sürümü de yeni özellikleri ile yerini perçinliyor. DW CS4′ün Ekim ayında piyasaya çıkması bekleniyor.