Form alanlarında biz aksini belirtmedikçe tüm alanların doldurulmasına gerek yoktur. Bu nedenle tasarımda formlar her zaman üzerinde iki kere düşünülmesi gereken elemanlardır. Formda istenilen bir değerin girilmemesi durumunda verilecek olan bir uyarı kullanıcı/ziyaretçiyi bilgilendirir ve buna göre hareket etmesi sağlanır. Bilgi girişinin sağlandığı bu elemanlar bu yüzden her zaman suistimale açıktırlar. Adobe Dreamweaver CS4 kullanarak önce basit bir form yapacağız ve sonra bu formda boş bırakılan yerlerde bir uyarı mesajının görünmesini sağlayacağız. Dilerseniz hemen başlayalım.

Öncelikle Dreamweaver’da boş bir Html dosya açalım. Sonra bir form oluşturalım. Bu formda kullanıcıdan adını ve e-posta adresini yazmasını isteyelim. 2 tane metin girdi elemanı ekleyelim. Sonrasında form menüsünden gönderme butonumuzu koyarak formumuzu tamamlayalım.

Hemen hemen aşağıdaki gibi bir form alanına sahip olmamız gerekiyor.

Şimdi fare ile formumuzun Ad soyad isteyen İnput bölümüne bir kere tıklayıp seçili hale getiriyoruz. Bu aşamadan sonra üst menüden Spry bölümüne geliyoruz. Burada Spry Validation Text Field butonuna tıklıyoruz. Böylece metin girdi alanımızda Spry js kullanarak bir form kontrolü sağlamış olduk. Aynı işlemi e-posta adresini istediğimiz metin girdi alanı için de yapalım.

Dokümanı .html uzantılı olarak kaydedelim ve tarayıcımızda izleyelim. Ad soyad veya e-posta alanlarından birini boş bırakıp formu onaylamaya çalıştığınızda form ögesinin yanında “A value is required” mesajı alacağız.

Dikkat ettiyseniz forma Text validation opsiyonunu eklediğimizde SpryValidationTextField.js ve SpryValitadionTextField.css isimli iki dosya da oluşuyor. Formun kontrolünü sağlayan ana js dosyası ve stilleri barındıran stil dosyası da çalışmamızın olduğu dizinde kayıt oluyor.

Stil dosyasında yapacağınız değişikliklerle uyarı mesajının daha iyi görünmesini sağlayabilir ve görünümünü özelleştirebilirsiniz. Sadece metin girdi alanlarında değil Textarea, Radio buton gibi diğer form ögelerinde de aynı kontrolü sağlayabilirsiniz. Umarım yararlı olur.

Sık sık Adobe sitesine girip yeniliklere bakarım. Son zamanlarda Creative Studio 4 için bir geri sayım sayacı koymuşlardı ve 23 Eylül’de çıkacağı duyurulmuştu. Şimdi bu yeni sürümle karşı karşıyayız. Birçok yenilik ve değişiklik barındıran bu pakette bir tasarımcı ve grafiker için farklı programlar bulunmakta. Elbette Creative Studio 4 Web Premium paketi oldukça ilgimi çekti. Yeniliklerden ziyade önce sürümler ve paketlerde hangi içerikler var bunlara bir göz atalım. Daha sonra da kısaca bazı yeniliklere göz atalım.

Design Premium

InDesign CS4
Photoshop CS4 Extended
Illustrator CS4
Flash CS4 Professional
Dreamweaver CS4
Fireworks CS4
Acrobat 9 Pro
Adobe Bridge CS4
Adobe Device Central CS4
Version Cue CS4

Web Premium

Dreamweaver CS4
Flash CS4 Professional
Photoshop CS4 Extended
Illustrator CS4
Fireworks CS4
Acrobat 9 Pro
Soundbooth CS4
Contribute CS4

Production Premium

After Effects CS4
Adobe Premiere Pro CS4
Photoshop CS4 Extended
Flash CS4 Professional
Illustrator CS4
Soundbooth CS4
Adobe OnLocation CS4*
Encore CS4*

Master Collection

InDesign CS4
Photoshop CS4 Extended
Illustrator CS4
Acrobat 9 Pro
Flash CS4 Professional
Dreamweaver CS4
Fireworks CS4
Contribute CS4
After Effects CS4
Adobe Premiere Pro CS4
Soundbooth CS4
Adobe OnLocation CS4*
Encore CS4*

Paketler ve paketler içindeki programlar böyle. Tabi bu paketlerle birlikte birçok yenilik de beraberinde geliyor. Bilhassa ilgi duyduğum program olan Dreamweaver serisinde artık klasik tasarım biçemlerinin hızlı bir şekilde Ajax uygulamalara dönüştürülmesi dikkatimi çekti. Dokümanlarımızda kullanabileceğimiz .flv desteği de cabası. Ayrıca artık dokümanlarımızda Adobe’nin Adobe Air teknolojisini de kullanabileceğiz. Programın bünyesine dahil ettiği kod içeriği genişletilmiş ve Css desteği en üst noktaya ulaştırılmış. Bu yüzden Css/Xhtml tasarımlarımızda rahatlıkla gerek programın kod haznesinden gerekse de editör arayüzünden yararlanarak iyi işler çıkarabiliriz.

Tabi bu bahsettiğim özellikler sadece Dreamweaver için geçerli. Diğer programlarda da kapsamlı değişiklikler göze çarpıyor. Haliyle şu anda programı bilgisayarımıza kurmadığımız için bu yazdıklarımız havada kalıyor. Ancak bir gün programın tam sürümünü (özellikle Web Premium) kurabilirsek daha iyi analiz yapma şansımız olabilir.

Efendim yazımızın sonunda Adobe’ın bu yeni Creative Suite serisi için gerekli linkleri bulabileceksiniz. Tabi Adobe sitesinden daha ayrıntılı bilgiler bulabilir, dilerseniz Adobe sitesinden deneme sürümleri indirebilir ve bilgisayarınıza kurabilirsiniz. Tasarım camiasına hayırlı olması dileğiyle.

Adobe Creative Suite 4 Anasayfa
Adobe Creative Suite 4 Web Premium
Adobe Creative Suite 4 Production Premium
Adobe Creative Suite 4 Master Collection