238 | ŞUBAT 2 0 0 1 Dreamweaver ile Web Tasarımı _ Macromedia, Dreamweaver üzerinde yaptığı geliştirmelerle en sonunda bir web takımında çalışan herkese hitap edecek bir yazılım oluşturmayı başarmış. Bir önceki sürüm olan Dreamweaver 3 WYSIWYG tasarım özellikleri ile web dünyasında kendine bir yer edinmişken bu sürüm de onun aksine programcıları hedef alan zeki ve kullanıcı dostu kodlama özellikleri ile ön plana çıkmayı hedeşiyor. Ancak tabi ki bu tasarımcıların ikinci plana itildiği anlamına da gelmiyor. Çünkü yeni sürüm ile birlikte kod ile oluşturulması zor olan dinamik sayfa dizaynları ve karmaşık tablo görünümleri oluşturmak için gerekli olan birçok yeni araç da programa eklenmiş. Ayrıca kardeş program Fireworks ve yakın akraba sayılabilecek flash ve Freehand programları ile sağlanan tam uyum ile artık kullanıcılar, programlar arasında tasarımları taşırken problemlerle karşılaşmaktan da kurtuluyorlar. Dreamweaver'in site yönetim aracı da bu gelişmelerden nasibini almış. Genel anlamda programa hem geliştirici hem de tasarım yönünden baktığınız zaman yeni özelliklerin birçoğuna hemen adapte olunabiliyor. Ancak program içinde hiçbir zaman kullanmayacağınız ve uzak duracağınız özellikler de yer alıyor. Yeni sürüm ile yeni bir Javascript aracı doğuyor Daha öncede belirttiğimiz gibi programcılara yönelik araçları daha ağırlıkta olan Dreamweaver’da en dikkat çekici özelliği de yeni JavaScript debugger oluşturuyor. Programcılık ile uğraşanların da bileceği gibi C++, Java ya da Perl gibi programlama dillerine ait editörlerin yanında JavaScript için bu tarzda çok fazla program bulmak pek mümkün değildi. Ancak Macromedia artık bu probleme kesin çözüm getiriyor ve yeni sürümle gelen Javascript debugger bir HTML sayfa içinde rahatlıkla kod oluşturmanıza olanak tanıyor. Ayrıca daha sonradan hatalar satır satır hem Netscape hem de Internet Explorer için ayrı ayrı denenerek de kolaylıkla tespit edilebiliyor. Debugger, daha önceleri Borland JBuilder ya da Visual Basic gibi başka programlama dilleri ile çalışmış ve bunların düzenleme ortamlarına alışık olanlar için başlarda sorun oluşturabiliyor. Ancak kısa sürede yeni ortama alışmak da zor olmuyor. Tasarım ve programlama tek ekranda bir arada Dreamweaver 4 içinde dikkat çeken diğer özelliklerin başında ise Split View özelliği yer alıyor. Bu özelliğin kullanılmasıyla programın ana penceresi iki ayrı bölüme ayrılarak tasarımcıların hem kodlamayı hem de grafik düzenlemeyi aynı anda görerek yapmalarına imkan tanıyor. Her bölüm, diğeri değiştirildiği zaman dinamik olarak da anında güncellenebiliyor. Diğer bir pencerede bir grafik ya da metin işaretlendiği zaman ise ona karşılık gelen bölüm de diğer bölümde seçili hale gelebiliyor. Bu özellik aynı Dreamweaver 3’de ki HTML inspector ile aynı mantıkta çalışıyor. Split View özelliği programcıların olduğu kadar HTML dilini yeni öğrenenlerinde ilgisini çekecektir. Bu şekilde yeni başlayanların grafiksel ortamda yeni bir tablo oluşturduklarında bunun kod karşılığının nasıl olduğunu da anında görme şansları bulunuyor. Split View’in Dreamweaver 4 Webcilere Eşşit Kullanım Hakkı Macromedia, gelişştirilmişş özelliklerle yerini sağlamlaşştırıyor. Yeni sürümde kullanılabilirlik en üst seviyeye ulaşşırken artık tasarımcılara olduğu kadar programcılara da yeterince araç sağlanıyor. Dreamweaver 4'ün ekranı ikiye bölme özelli ği kodlama yaparken aynı zamanda da WYSIWYG olarak çalışmaktan vazgeçemeyenlere hitap ediyor. ŞUBAT 2 0 0 1 | 239 Dreamweaver ile Web Tasarımı kullanımı yerine pencerenin sol üstünde yer alan araç çubuğundaki tuşlar ile herhangi birini tam ekran kaplayacak şekilde seçmek de mümkün oluyor. Özellikle HTML kod yazarları için Split View adındaki bu yenilik Dreamweaver'ın daha önceki sürümlerinde yer alan HTML kodlama arabirimine göre vazgeçilmez bir özellik olarak nitelendirilebilir. Daha önceki sürümü kullananların da bileceği gibi HTML kodu tamamen ayrı bir pencerede açılıyor ve anlaşılabilirlikten uzak bir şekilde sunuluyordu. Ancak yine de Dreamweaver 3’de ki eski HTML inspector’u yeni arabirime tercih edenler için bu özellik hala program içinde yer alıyor ve istenirse hala Launcher’ın kullanılması ile kullanıma açılabiliyor. Dreamweaver 4’de kolay olan sadece HTML’e ulaşmak da değil. Benzer şekilde artık HTML kodlamak da okumak da kolay hale geliyor. Daha önceki sürümlerde programcıların başına dert olan yazım ve kodlama hataları, yeni sürüm ile problem olmaktan çıkıyor.Artık kodun yazılma sırasında hatalar otomatik olarak bulunup düzeltilebiliyor. Size yardımcı olacak bu özelliğin isteyinize bağlı kişiselleştirilmesi de yine program içinde mümkün oluyor. Yine de Dreamweaver 4'ın bu çekici özelliğinin ufak bir dezavantajı bulunuyor. Gerçek zamanlı olarak yazım kontrolünden dolayı programın cevap vermesi bazen gecikebiliyor. Ancak bu gecikme Allaire HomeSite ile karşılaştırılınca kabul edilebilir sınırlar altında kalıyor. Eğer 10 parmak kod yazanlardan değilseniz bu problem sizi etkilemeyecektir. Hala PC’nizde HomeSite ya da Macintosh’unuzda BBEdit’i kullanmaya devam etmek istiyorsanız bu da sorun oluşturmuyor. Çünkü Macromedia bu ürünleri de Dreamweaver 4 ile birlikte dağıtmaya devam ediyor. Popüler HTML kaynakları elektronik ortama taşşınıyor Arabirim, kullanılabilirlik, fonksiyon zenginliği bi kenara aslında belkide Dreamweaver 4 ile kullanıcıya sunulan en büyük nimet meşhur O'Reilly kodlama referanslarına artık program içinden de ulaşılabilmesi. Eğer sizde bizim gibi HTML’i yabancı kaynaklardan takip ederek öğrendiyseniz mutlaka "HTML: the Definitive Guide", "CSS: the Definitive Guide" ve "The mammoth JavaScript: the Definitive Guide" gibi popüler O'Reilly kitaplarını duymuşsunuzdur. Eğer duymadıysanız ya da edinme fırsatı bulmadıysanız Dreamweaver 4 ile bu şansa ulaşabiliyorsunuz. Hem de ekstradan tek kuruş bile ödemeniz gerekmiyor. Çünkü yeni "Code Reference inspector" sadece birkaç fare tıklama ile tüm bu kitaplar içinde yer alan bilgilerin tümünü size sunabiliyor. Referansı kullanmak için arama penceresi içinde anahtar kelimeleri aratabileceğiniz gibi daha basit bir şekilde herhangi bir kodu işaretleyip üst taraşarda yer alan araç çubuğundan referans tuşuna basmanız da yeterli olacaktır. Bunu takiben aradığınız bilgi Reference inspector içinde belirecektir. Referans bölümü de aynı tasarım ekranında olduğu gibi iki parça şeklinde çalışabiliyor. Böylece HTML, CSS ya da JavaScript öğrenenler için bu özellik vazgeçilmezler arasına giriyor. Profesyonel olanlar ve hızlı kodlama yapanlar da hızlı bir şekilde CSS özellikleri listesine ulaşmayı ve DOM içindeki JavaScript nesnelerine hızlı bağlantıyı sağlayan bu özelliği takdir edeceklerdir. Yeni araçlarla HTML ile tablo yaratmak tarih oluyor Plan görüntüsünde görsel olarak sayfa hazırlayanlar için de ise dikkat çekici özellikler program içinde yer alıyor. Bu özellik ile tasarımcılar doğrudan plan görüntüsünde tablolarını ve hücrelerini doğrudan sayfa üzerine çizebiliyorlar. Özellikle HTML kodlayarak karmaşık tablolar oluşturamayan tasarımcılar için de artık bu sorun olmaktan çıkıyor. Dreamweaver 4'ün plan görüntüsünde tablo mu yoksa hücre mi istediğinizi ve bunun değişken mi yoksa sabit bir genişliğe mi sahip olacağı gibi ayarları yapmanız yeterli oluyor. Layout tabloları ve hücrelerini kullanmak için, sadece Dreamweaver’ın bu modda olması yeterli olacaktır. Bu moda geçmek için ise "Objects inspector" altındaki sağ alt tuşa tıklamanız gerekiyor. Eğer gereksiz yere oluşturduğunuz tablolardan kurtulamıyorsanız Dreamweaver 4 bu konuda da size yardımcı olabiliyor. Tertipli tablo düzenleme şeklinde türkçeleştirebileceğimiz bu özellik yardımı ile sayfanızda yer alan gereksiz tablolar ortadan kaldırılabiliyor.Hataları elle düzeltmek için harcanacak zamanın kazanılmasının yanı sıra sayfanızın Dreamweaver artık HTML, Cascading Sytle Sheets ve JavaScript üzerine en başarılı kitapları da elektronik ortamda sunuyor. Son sürümde yer alan kişiselleştirilebilir site penceresi hangi takım üyesinin hangi iş sırasını izlediğini rahatlı kla izlemenize olanak tanıyor. ? 240 | ŞUBAT 2 0 0 1 Dreamweaver ile Web Tasarımı yüklenme hızı da artacaktır. Bu özelliğe herhangi bir tabloyu işaretledikten sonra Properties inspector altındaki tuşlardan ulaşabilirsiniz. Sayfada flash kullanmak daha kolay olamazdı Daha renkli, çarpıcı ve etkileşimli sayfalar yaratmak için en iyi yollardan biri de sayfa içinde flash kullanmaktır. Ancak herkes artık daha çok kodlama gerektiren flash’ı bilmeyebilir. İşte bu tip durumlar için Dreamweaver’ın son sürümü yine yardıma koşuyor ve flash kullanmak isteyen yeni kullanıcılar için hazır flash tuşlar ile flash metin sunuyor. flash tasarımcılarının ise bu özellikler yardımı ile işlerini hızlandırmaları da mümkün oluyor. flash tuşlar, çok daha fazla kullanıcı dostu arabirimler oluşturmak için değişik boyutlarda ve şekillerde olacak şekilde taslaklar içinden seçilip sayfaya dahil edilebiliyor. Objects paletinden "Insert flash Button" tuşuna tıkladıktan sonra istediğiniz taslağı seçip üzerinde görünmesini istediğiniz metni ve link bilgilerini girerek imlecin son durduğu yere bu tuşun oluşturulması sağlanabiliyor. Dreamweaver ile birlikte gelen 50’nin üzerinde flash tuş taslağının yanı sıra yenilerinin bir flash editörü ile oluşturulması ya da Macromedia Exchange web sitesinden indirilmesi de mümkün oluyor. Eğer bir tuşa ihtiyacınız yoksa diğer çekici özellik olan flash Text’i de kullanabiliyorsunuz. Sayfaya flash Text yerleştirmek için ise öncelikle Objects inspector altından flash Text’i seçiyorsunuz. Daha sonra karakter tipini, boyutunu ve rengini seçtikten sonra yeni metniniz sayfada yer alıyor. Hem flash Button hem de flash Text, kolay hazırlanması, hızlı yüklenmesi ve çekici görüntüsü ile avantajlı gibi gözükseler de sadece metin tabanlı web browser’lar ile görüntülenemeyeceklerinden kullanırken de dikkatli olmayı gerektireceklerdir. Macromedia ailesi artık birarada sorunsuz çalışşıyor Herşey bir yana Macromedia’nın yeni kuşak ürünlerinden olan hem Dreamweaver 4 hem de Fireworks 4 daha önceki sürümlerine kıyasla birbirleri ile çok daha uyumlu biçimde çalışabiliyorlar. Dreamweaver 4, ayrıca flash ve Freehand gibi diğer kardeş ürünlerle de artık arasını daha iyi tutuyor. Dreamweaver içinde tıklanan herhangi bir grafik eğer sisteminizde yüklüyse düzenlemek için Fireworks’ü otomatik olarak açıyor. Eğer yavaş bir sisteminiz varsa birbiri arkasına açılıp kapanan programlar fikri size korkunç gelebilir. Bu durumda siz de bizim gibi yapıp bu fonksiyonu kapatabilirsiniz.Ayrıca Fireworks artık Dreamweaver içinde özenerek hazırladığınız kodunuzu bozmuyor. Diğer bir yandan üzerinde ince ayar yapılmış Fireworks HTML’leri de Dreamweaver içine bozulmadan alınabiliyor. Fireworks içinden yaratılmış behavior’ların Dreamweaver içine eksiksiz alınması artık mümkün. Macromedia’nın uyumluluk harekatı son çıkardığı ürünlerle başlamış olmakla birlikte bundan sonraki tüm ürünlere de yansıyacak. Firma bu yolda klavye kısayollarını tüm yazılımlarında standartlaştırmanın dışında tamamen de kişiselleştirilebilir bir hale getirmiş. Ortak çalışşanlar için üzerinde tartışşılabilecek yeni seçenekler Daha önceki Dreamweaver sürümlerini içerik yönetimindeki zayışığı nedeni ile internet projeleri üzerine çalışan web takımlarına satmakta zorlanan Macromedia son sürümü olan Dreamweaver 4’de dağıtım ve sürüm kontrolünü başarıyla gerçekleştiren WebDAV protokolünü de destekleyerek hem Microsoft’un Visual SourceSafe’i ve diğer WebDAV uyumlu içerik yönetimi sistemleri ile uyumluluğu sağlamayı başarmış hem de üzerindeki kötü izlenimi silmiş. Ayrıca program Broadvision, Vignette, ATG ve Documentum ile de tam uyumlu. Aynı zamanda geliştirilmiş bir site yönetim aracı olan Dreamweaver 4, böylelikle bunun için yeni bir yazılıma olan ihtiyacı da kaldırıyor. Yeni araç dosyaların belirli takım çalışanları tarafından belirli bir süre sahiplenebilmesine de olanak tanıyor. Takım çalışanları birbirleri ile e-posta ve dosya notları aracılığı ile kolaylıkla haberleşebilirken dosyalar da iş sırasına göre işaretlenebiliyor. Kütüphane demek haksızlık olur, bizce tam bir hazine Dreamweaver 4 içinde her bölüm bir Assets inspector içeriyor. Dreamweaver 3’de ki kütüphane ile benzerlikler içeren bu özellike tabi ki daha fazlasını da sunuyor. Kütüphane öğelerinin yanı sıra artık otomatik olarak hazırladığınız siteler de dahil olmak üzere birçok site üzerindeki yeni resimlerin, renklerin, dış bağlantıların, zengin içerikli medyanın, taslakların ve script’lerin de buraya dahil olması mümkün oluyor. Kullanım için ise basitçe buradan öğeleri seçip sürükle bırak tekniği ile sayfaya atıyorsunuz. Ön izleme penceresinin dışında bu özellik size öğelerin kategori ve isme göre düzenlenmesinde de yardımcı oluyor. En ufak bir hata bile artık gözünüzden kaçmayacak Tüm işlemler bittiktan sonra program içinde yardımınıza koşacak bir başka yeni araç ise site raporları. Tüm lokal sitelerinizi tarayarak resimlerdeki kayıp ALT değerleri, hatalı Font tanımlamaları ve benzeri tüm istenmeyen problemleri listeleyebilen program büyük bir yükü tasarımcının üzerinden alıyor. Mahmut Karslıoğlu (mkars@chip.com.tr) Çok fazla flash bilmeyenler de programa yeni eklenen özellik ile sayfalarına kolaylıkla flash tuşlar ekleyebiliyorlar. Yeni debugger sayesinde sayfanızın çalışması istediğiniz browser üzerinde adım adım test edilebiliyor.
 
 
Cep telefonları | Ekran kartları | Masaüstü | Notebook | Ses kartları | Webcam | Klavye & Fare | Yazıcılar | Tablet Ev Sineması
Mp3 Player | Usb Bellekler | Video kameralar | Fotoğraf Makinesi | Taşınabilir diskler | LED & LCD Tv | Monitörler | OEM | PDA
Navigasyon | Oyun Konsolu