Digital Design Çeşmesi

Live view,Dreamweaver artık javascript beheviours ve xml işlemlerini görüntülemek için browserlar arasında dolaşmayacağız.Dreamweaver arayüzünde de ne olup bittiğini görebileceğiz artık.F6 ya basarak javascript fonksiyonlarını dondurup gerekli değişiklikleri de yapabiliyoruz.

Code Navigator,burada tasarımda uyguladığımız codinglere geçişlerimiz kolaylaşıyor.CSS,javascript,spry lar gibi.Code navigator penceresiyle üzerine
geldiğimiz işlemi option click ile -diyelim bir text-buna atanan tüm coding(rules) aşamasına ulaşabiliyoruz.(altta)

CSS gelişmeleri,CSS ler artık properties barında.Buradan gerekli değişiklikleri yapıp uygulayabiliyoruz.

Spry Data setleri ile hızlı bir şekilde xml değilde html tablo tasarımlarını yaratabileceğiz.CS3 de daha çok xml data kullanımı söz konusu iken CS4 te herhangi var olan bir html sayfasından da bu işlemi yürütüyor(Altta)

Java Script code tüyoları,artık java script yazarken noktalamadan sonra bir çok hint(tüyo) tablosuna erişebileceğiz aşağıda,

Photoshop "smart objects", artık müşteriler şu fotoğrafı küçült,büyült dediğinde Photoshop'a gidip gelmeğe gerek yok.Dreamweaver içinde küçültüp büyültüp update edebiliyoruz.Ama isterseniz Photoshopa gidip buradan da işlem yapabilirsiniz bu şekilde de olabiliyor.

Son olarak Adobe Air desteği de Dreamweaverda...
Sevgiler

Selam tekrar,

 Hazır başlamışken devam edelim dedim Dreamweaver CS4 yeniliklerine.Özellikle web developer arkadaşların çok seveceği bir ek code nevigator(code'a yönlendirici- nasıl İngilizce ama?)Ne o yahu beğenmediyseniz bir de çıkacak kitabın Türkçe çevirilerini bekleyin neler neler yazacaklar .Code navigator aslında en hızlı yol eğer sayfada bir seçim yaptıktan sonra ilgili coda ulaşmak istiyorsanız.Size hızlı bir şekilde dışarıdaki(external) CSS dosyaları,server side dahili denilen Scriptlerlere ve dışarıda konumlandırılmuş Scriptlere,template dosyalara,kütüphane elemanlarına ve i frame kaynak codlarını görmenizi sağlıyor.Bir çok yolla code navigatore ulaşabiliyorsunuz.Bir tanesi sayfadaki grafiğin üzerine gelip bir saniye beklediğinizde dümen gibi bir ikon çıkıyor.Üzerine gelip tıkladığınızda code navigator paneli açlıyor.Eğer bunun otomatik olarak açılmasını istemiyorsanız sağ alt köşedeki disable butonunu tıklayın. Alt/Click(PC)

option/command/click(mac) kısa yollardan açabilrisiniz. Diğer bir metod split veya code modunda

sol taraftaki panelden ikonu tıklamak.

View menüsünden Code Navigatörü bulmanız diğer bir yöntemCtrl/alt/n(PC), Command/option/n(mac)

Yukarıdaki gibi tag veya Script'i seçerek sağ click ile de Code Navigtore ulaşmak mümkün.Buna ilaveten Dreamweaver ve Photoshop entegrasyonu'nu daha güzel hale getirmişler birde Smart Object mantığını kullabiliyorsanız  harika. Designerlar bayram edecek.Arada bir Photoshop'tan copy, paste (kopyala,yapıştır)yapmanız mümkün ama tavsiyem Smart Object çalışma şekli.

Sevgiyle kalın

Selamlar tekrar,

Buyurun bakalım Dreamweaver CS4 Beta sürümde.Biraz incelemekta fayda var.Eski ve yeni arayüzü aşağıdaki resimlerle veriyorum.Bakalım nasıl bulacaksınız?

Yukarıdaki yenisi.

Bu da eskisi.

Aşağıya bakarsanız CS4 te yeni bir site yapılandırmak için yukarıdaki site map şeklindeki ikonu tıklamak yeterli.Biliyorsunuz daha önce bu işlemi yukarıdaki menü bardan Site/New Site şelkinde tanımlayabiliyorduk.

Takip eden  site definiation wizard neredeyse ayı ölçüde eskisi gibi devam ediyor.Bunun dışında ara yüze yeni eklenen ve en sağda yer alan Top Features(videos) Adobe TV'ye sizi internet üzerinden bağlayıp konu ikonlarıyla ilgili ayrıntılı bilgi almanızı sağlıyor.Dreamweaver'da bir dökuman açtığınızda sizi "owl" (OS Widget Library)karşılıyor.Bana biraz grileşmiş gibi geldi ortalık.Çalışma alanını üst bar'ın en sağ köşesinden ister designer ister istediğiniz bir çalışma alanını seçerek yapılandırabiliyorsunuz(aşağıda).Eskisi görünümü tercih ederseniz Classic'i öneririm.

Buna ilaveten aşağıdaki resimde göreceğiniz gibi daha evvel yukarıda sıralanmış Insert ara yüzü

CS4'te sağ üst köşede yerini almış.Buradan panel gurupları oluşturup,değişik yerlere de monte edebiliyoruz.Aşağıdaki resme baktığınızda ise kaynak kodlarını CSS'i ayrı ayrı görmeniz mümkün.Vış bu güzel oldu şindik!!

Split view' bilirsiniz şimdi artık dikey olarak(vertical) split view yapabiliyoruz.

Benim en çok sevdiğim yeniliklerden birisi Live view oldu.Hem CSS hemde Java Script yapılarını Dreamweaver'ın sağa sola çizdikleri rehber çizgilerinden arındırıp fonksiyonel olarak görebiliyoruz.

Şimdilik bu kadar.Daha sonra yeniliklerle devam edeceğiz.

Sevgiyle kalın