WYSIWYG’ye Ne Oldu?
- Tarih : 31 March, 2009 ::
- Kategori : Dreamweaver
- :: Etiketler : CSS, Dreamweaver, Web Standartları, XHTML
WYSIWYG (What You See Is What You Get – Gördüğün Alacağındır.) prensibine dayalı IDE’ler, biz web geliştiricilerin belli bir dönem en çok faydalandıkları araçlar oldular. WYSIWYG dendiğinde aklımıza ilk gelmesi gereken IDE, yıllardır bir satır kod bilmeden sürükle-bırak, tıkla mantığıyla web uygulamaları yapmamıza imkân veren Dreamweaver’dır. Bugün için, bu tarz IDE’lerin WYSIWYG özellikleri ve sürükle-bırak mantığı profesyonel web geliştiricileri için önemini yitirdi diyebiliriz. Bunun başlıca sebebi, web uygulamaları geliştirme süreçlerinde, web standartları kavramı ve bu kavram çevresinde şekillenen XHTML ve CSS’in kendini iyice hissettiriyor olması…
Biraz konuyu açarsak; web geliştiricileri için artık bir uygulamanın sadece çalışıyor olması yeterli değil. Uygulamanın web standartlarına optimum uyumlu olması, bu anlamda karmaşadan, anlamsız kodlamadan arındırılmış olması ve erişilebilirlik sorunlarının giderilmesi için çaba gösteriliyor. Ek olarak sunum, içerik ve davranışların birbirinden kesin ve net olarak ayrılmış olması gerekiyor. Peki, dünden bugüne işlerimizi hafifleten WYSIWYG özelliği ve sürükle-bırak, artık ihtiyaçlarımızın ne kadarını karşılayabiliyor?
RollOver Image ve CSS Sprite Örneği
Eski Dreamweaver kullanıcıları iyi bilirler, CSS ve Javascript biz web geliştiricilerin hayatlarına bu ölçüde girmemişken, resim üzerine gelindiğinde başka bir resmin gelmesi işlemini Dreamwever üzerinden, Rollover Image kullanarak gerçekleştirirdik. O zaman için bulunmaz bir nimetti bu ve mükemmel derecede kolaydı.
Bugünden duruma bakarsak, bu işlemi web geliştiricileri artık CSS üzerinden CSS Sprite dediğimiz bir teknikle gerçekleştiriyorlar. Böylece hem sunucuya binen HTTP İstek sayısını düşürüyorlar, hem de bu işlemi gerçekleştirmek için Dreamweaver’in oluşturduğu gereksiz satıriçi (inline) javascript kodlardan kurtulmuş oluyorlar. Ne yazık ki Dreamweaver, bize Rollover Image oluşturulmasında gösterdiği kolaylığı, CSS Sprite konusunda gösteremiyor. Çünkü bu çapta bir sürükle-bırak, ya da boşlukları doldur-oluşsun yapısı bugün için pek mümkün değil.
XHTML ve CSS Bilmemiz Gerekiyor
Günümüzde web geliştiricisi olmak isteyenler ve bu işin kullanıcı arayüz kodlaması kısmında çalışmayı düşünenler mutlaka XHTML ve CSS bilgisine sahip olmalılar. Çünkü WYSIWYG IDE’lerin sürükle-bırak araçları günümüzün ihtiyaçlarını tam olarak karşılayamıyor.
IDE’nin oluşturduğu kimi kodlar geliştiricinin denetimini zayıflatıyor. Çünkü kodu kendi yazmamış olan geliştirici, var olan sorunu da doğal olarak göremiyor ve çözemiyor. Web’in geldiği aşama, kullanılan teknolojilerin bilinmesini zorunlu kılıyor.
Fırından yeni çıkmış yazılardan haberdar olmak için RSS yayınıma abone olabilir ya da beni Twitter'dan takip edebilirsiniz.
Yorumla BakalımDaha Fazlasını Oku!
Makale Detayı
Bu Makale için toplam 4 adet yorum bulunmaktadır...
Bu Makale 31 March, 2009 ve saat 7:22 itibariyle Dreamweaver kategorisi altına kaydedilmiştir. Bu makale ile ilgili yorumları RSS 2.0 beslemesinden takip edebilirsiniz.. Bu makale için yorum yapabilir, veya kendi web sitenize trackback sağlayabilirsiniz...
WYSIWYG’ye Ne Oldu? için toplam 4 yorum var...
Yorumla
Tüm Kategoriler
- CSS (29)
- Dreamweaver (4)
- Fireworks (4)
- Genel (9)
- İzlediklerim (1)
- Javascript/JQuery (3)
- Pardus (2)
- Sorunlar ve Çözümler (6)
- Web Standartları (4)
- Web Tasarımı (11)
- WordPress (4)
- XHTML (8)
Son Yazılar
- X-UA-Compatible IE8′i Zorlamak
- Arayüzde Kedi Olmadan Fare Tutmak
- Web Tasarımında Kötü Müşteri
- XHTML ve CSS Öğrenmek İstiyorum…
- Tarayıcıya Reset Atmak!
- CSS’de Gruplama
- CSS ile Rollover Image Mantığı
- Gravatarın Yoksa Wavatarın Var
- Bir WordPress Teması da Benden
- CSS Özellik Seçiciler ile Sınıf Seçimi
- CSS’de Belirlilik (Specificity)
- Blog Ödüllerinde Ben de Varım!
- Dreamweaver CS4 Live View Özelliği
- Bir CSS Sprite Uygulaması
- PNG ve IE Transparanlık Sorunu
Etiket Bulutu
Özellik Seçiciler Özgür Yazılım Blog Charset CSS CSS Seçiciler Design Dreamweaver DTD Encoding Entegrasyon Erişilebilirlik FIR Fireworks HTTP IE6 Image Replacement Javascript JQuery Linux Pardus Phark Quirks Mode Structure Tema W3C Web Standartları Web Tasarımı WordPress XHTMLBağlantılar
- Adobe Istanbul
- Altuğ Orgun
- Arayüz Geliştiriciler Grubu
- Berker Peksağ
- Biraz Kişisel
- Bitli Makina
- eBurhan
- Emre Öktem
- Faruksal
- Fatih Turan
- Fatih'in Küpü
- Gökhan Arzi
- HTML Dog
- Kadir Günay on JQuery
- Karbonizma
- Murat KGirgin
- Şehriderya
- Sinerjik Blog
- Volkan Altınbaş
- Yakuter
31 March, 2009 ve saat 21:15:12'de gönderdi...
CSS sprite nedir bi’bakiyim dedim. Onuda öğrenmiş oldum. Aynen devam et. Google reader’ıma en çok “umarım yeni bi’şey yazmıştır.” diye bakktığım blogger’lardansın.
1 April, 2009 ve saat 01:08:56'de gönderdi...
@yedincisenol, paylaşımların faydalı olmasına sevindim…
CSS Sprite tekniği günümüzde HTTP istek sayısını düşürmede çok faydalı…
Volkan Görgülü’nün konuyla ilgili bir video paylaşımı vardı. Eğer bir şekilde izlemediysen izlemeni tavsiye ederim…
4 May, 2009 ve saat 17:03:28'de gönderdi...
Dreamweaver’ın önemini kaybettiği konusuna kesinlikle katılmıyorum. Yıllardır sadece html,php için değil, bildiğim tüm diller için notepad kullanıyorum. Yalnız, Dreamweaver sadece WYSIWYG tasarım yapmak için bir yazılım değil. Kendi içinde XHHTML doğrulamasından tutun, kodun hangi browserda ne tip hatalar verebileceğini raporlayan araçlar var. Üstelik, Dreamweaver son derece temiz kod oluşturuyor; zamanında Frontpage’in yaptığı gibi abuk sabuk şeyler eklemiyor.
Şu an yapılan sitelerin neredeyse hiçbiri W3C standartlarına uygun değil. Aslında standartlar adına hızla düşen,hatta dibe vurmuş bir kalite düzeyi sözkonusu. Dreamweaver kullananlarında çoğu bu aracın gücünden haberdar değil; ama en azından ürettiği kod W3C standartlarıyla uyumlu ki, bu da bir emniyet sübabı. Pozitif PC’nin son hali XHTML 1.1 ve CSS 2.1 uyumlu ve Tidy’den başka bir araç kullanılmadı.
Sanırım web standartlarından bahsetmenin zamanı geldi de geçiyor. Dreamweaver konusu buna birazcık vesile oldu.
4 May, 2009 ve saat 20:36:18'de gönderdi...
Sevgili Barış dolu dolu yorumun için öncelikle teşekkür ederim…
Günümüzde web uygulamaların geldiği aşama, web standartları ve alt kavramlarının web uygulamalarına artık, istenilen ölçülerde olmasa da, yansımaya başlıyor olması, Dreamweaver’i da bu yönde değişime gitmeye zorladı.
Yalnız şu da çok iyi biliniyor ki; DW’ın WYSIWYG, sürükle-bırak ve tıkla oluşsun mantığıyla XHTML ve CSS kullanma konusunda zorluklar yaşayan geliştiriclere hitap eden bir yönü var. Kod yazdırmadan web sitesi yaptıran bir IDE olarak ünlendi.
Benim görüşüm; günün web uygulamaları, geliştircinin XHTML, CSS , diğer dilleri ve bunları entegre etmeyi bilmesini zorunlu kılıyor. Bu da Dreamweaver’in bu sürükle-bırak tarafında, pozisyon ve önem kaybetmesi sonucunu doğuruyor
Kişisel olarak geliştirdiğim projelerde artık DW’ın pek çok sürükle-bırak, tıkla oluşsun ya da WYSIWYG (Design-View) özelliklerini kullanmıyorum. Ama tabi bu DW kullanmıyorum anlamına gelmiyor.