Web sayfalarınız stilsiz kalmasın

Web sayfalarınız stilsiz kalmasın Web sitelerine CSS eklemek için artık satır satır kod yazmanıza gerek yok.

(IMG: Linklerin Görüntülenmesine İzin Verilmiyor ) Günümüzde birçok web sitesi artık neredeyse birer sanat eseri haline gelmiş durumda. Çevirmeli ağ işkencesi çektiğimiz yıllarda kullanılan grafiklerin sayısı ve kalitesi oldukça önem teşkil ederken, bugün geliştirilen web siteleri neredeyse tamamen grafiklerden oluşuyor.

Ancak bir web sitesinin başarılı bir görsele sahip olması için sadece grafikler yetmiyor. Bunun dışında kullanılan tablolar, borderlar, linkler ve layer’lar da site ile uyumlu olmak zorunda.

Hatta öyle ki hiçbir resim kullanılmadan sadece tablolardan oluşan oldukça başarılı siteler dahi bulunuyor. Web sitelerindeki bu öğelerin ne şekilde olacaklarını CSS yani Cascading Sytle Sheets ile belirtebiliyoruz.

CSS için, HTML sayfalarda içerik ile layout’u birbirinden ayırmaya yarayan kod topluluğudur diyebiliriz. CSS, sayfa içerisine gömülebileceği gibi harici bir dosya olarak da kullanılabiliyor.

Bu yöntem ile özellikle birden fazla sayfası bulunan web sitelerinde, toplu değişiklik yapmak mümkün kılınmış oluyor. Üstelik bu dosyaları oluşturmak için birçok online CSS generator da bulmak mümkün. Çeşitli parametreleri girerek CSS kodları üretebilmenizi sağlayan bu generator’lar, genellikle kaydırma çubuğu oluşturmak, link oluşturmak gibi spesifik konulara yönelmiş durumda.

Eskiden Not Defteri’nde HTML kodlar yazarak oluşturulan web siteleri, artık Dreamweaver ve Microsoft Web Expression gibi çeşitli WYSIWYG editörler sayesinde daha kolay geliştirilebiliyor.

Görsel olarak web sitesi tasarlamanıza ve kodlamanıza yarayan bu yazılımların genellikle dahili CSS editörleri de bulunuyor. Sadece CSS kodları oluşturmak için geliştirilmiş çeşitli CSS editörleri de size web sitesi geliştirirken hem kolaylık sağlayacak hem de vakitten kazandıracaktır.


Rapid CSS 2007
Hızlı ve kolay yoldan CSS kod yazmayı tercih edenler için geliştirilmiş olan Rapid CSS 2007, tamamen kişiselleştirilebilir bir arayüz sunuyor.

Diğer CSS editörlerinde olduğu gibi yazılım, otomatik kod tamamlama, CSS ve HTML dokümanlar için syntax highlighting gibi özelliklere sahip. W3 CSS Validator ile yazdığınız kodları onaylamanızı da sağlayan yazılım, FTP bağlantısı sayesinde değişiklik yaptığınız dosyaları anında güncellemenize de imkan tanıyor.

Önizleme sekmesine tıkladığınızda ekrana pencere ile yazdığınız kodların HTML öğeleri üzerinde nasıl bir değişiklik uyguladığını da görebilirsiniz.

Kod yazmaya başladığınız sırada sağ taraftaki çerçevede, CSS öğeleri ve alt öğelerinin özelliklerini görüyorsunuz. Aynı zamanda kod ekranında CSS öğesinin alabileceği değerler de çıkıyor.

Bunlara çift tıklayarak kodunuza anında entegre edebilir, böylelikle yanlış kod yazımını da engelleyebilirsiniz. Oldukça başarılı bir CSS editörü olan Rapid CSS 2007’yi ücret ödemeden 30 gün boyunca kullanabilirsiniz.

Boyut: 3.79 MB - Ücret: 20 dolar

TopStyle Pro
TopStyle Pro, isminden de anlaşılacağı gibi profesyoneller için geliştirilmiş bir CSS editörü. Kodları isterseniz elle girebileceğiniz gibi, ekranın sol tarafında bulunan “New CSS Selector” düğmesine basarak, karşınıza çıkan penceredeki seçenekler sayesinde de yazmanız mümkün.

Bu şekilde yazılan kodlar, hem hatasız hem de yine onaylı olacağından tercih edilebilir. Kod ekranına eklenen elemanların özelliklerini, ekranın sağ tarafındaki Style Inspector penceresinden rahatlıkla değiştirebilirsiniz.

Yine buraya gireceğiniz değerler sayesinde bu elemanlara yeni özellikler de eklemeniz mümkün. Bu kadar başarılı olmasına rağmen programın eksikleri de yok değil. Örneğin kod ekranında, eş zamanlı olarak kod yazdığınızda eleman öğeleri ve alabileceği değerlerin gösterildiği popup menü çıkmayabiliyor.

Programın bir diğer güzel özelliği ise, rakiplerinin aksine CSS validation işlemini harici bir site üzerinden değil, kendi aracı sayesinde yapabilmesi.

Boyut: 3.47 MB - Ücret: 80 dolar