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
www.blumentals.net
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
www.blumentals.net
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
www.bradsoft.com
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
www.bradsoft.com
Free CSS Toolbox
CSS Toolbox, görsel olarak CSS kodları oluşturabilmenizi sağlayan ücretsiz bir yazılım. Ücretli versiyonu da bulunan CSS Toolbox, beraberinde CSS Validator ve CSS Formatter gibi araçlar da getiriyor.
Otomatik kod tamamlama ve syntax highlighting özellikleri sayesinde CSS kod yazmak daha kolay ve başarılı. İsterseniz önceden yazılmış CSS kodlarını da düzenleyebilir, bu kodları kendi tasarımınıza entegre edebilirsiniz.
Yazdığınız bu kodların farklı web tarayıcıları ile uyumlu olup olmadığını da kontrol eden yazılım, CSS Compressor aracı ile CSS kodlarınızı yaklaşık yüzde 70 oranında kısaltabiiliyor.
Yazılımın en büyük eksiği, yazdığınız kodların sonuçlarını eş zamanlı olarak gösterememesi. Bu yüzden her kod değişiminden sonra web tarayıcınızı yenileyerek elle kontrol etmeniz gerekiyor. CSS Toolbox her ne kadar sadece bir CSS aracı gibi görünse de HTML editör olarak da kullanılabiliyor.
Boyut: 1.34 MB - Fiyat: Ücretsiz
www.blumentals.net
CSS Toolbox, görsel olarak CSS kodları oluşturabilmenizi sağlayan ücretsiz bir yazılım. Ücretli versiyonu da bulunan CSS Toolbox, beraberinde CSS Validator ve CSS Formatter gibi araçlar da getiriyor.
Otomatik kod tamamlama ve syntax highlighting özellikleri sayesinde CSS kod yazmak daha kolay ve başarılı. İsterseniz önceden yazılmış CSS kodlarını da düzenleyebilir, bu kodları kendi tasarımınıza entegre edebilirsiniz.
Yazdığınız bu kodların farklı web tarayıcıları ile uyumlu olup olmadığını da kontrol eden yazılım, CSS Compressor aracı ile CSS kodlarınızı yaklaşık yüzde 70 oranında kısaltabiiliyor.
Yazılımın en büyük eksiği, yazdığınız kodların sonuçlarını eş zamanlı olarak gösterememesi. Bu yüzden her kod değişiminden sonra web tarayıcınızı yenileyerek elle kontrol etmeniz gerekiyor. CSS Toolbox her ne kadar sadece bir CSS aracı gibi görünse de HTML editör olarak da kullanılabiliyor.
Boyut: 1.34 MB - Fiyat: Ücretsiz
www.blumentals.net
Focus on CSS
Focus on CSS, küçük boyutu ile dikkat çekiyor. Fakat ne yazık ki ücretsiz, sıradan CSS editörlerinin yapabildiklerinden fazlasını sunamıyor. Ekranın sol tarafında bulunan CSS öğelerinin yanlarındaki açılır menülere tıklamanız halinde, bu öğenin alabileceği değerleri görebiliyorsunuz.
Değerlerden birine tıkladığınızda ise kod satırı, kod ekranında oluşuyor. Ancak ne yazık ki o an imleç neredeyse CSS kodu da burada oluştuğundan, CSS bilgisi olmayan kullanıcılar için hiçbir fayda sağlanmış olmuyor.
Zaten açılır menüdeki değerleri ekrana yazdırmakla uğraşacağınıza, herhangi bir web sitesinden bulabileceğiniz kodu kopyalayıp yapıştırarak daha fazla vakit kazanabilirsiniz!
Bunun dışında yine imleç, ola ki kodun ortasında bir yerde bulunuyorsa, shifting yapmanız halinde tüm satır değil, imlecin bulunduğu yerden diğer tarafa doğru kayma oluşuyor. Eğer iyi bir CSS bilginiz varsa, programı deneyebilirsiniz, bunun dışında Notepad++ dahi daha fazla iş görecektir.
Boyut: 797 KB - Ücret: 23 dolar
www.yehiaeg.com
Focus on CSS, küçük boyutu ile dikkat çekiyor. Fakat ne yazık ki ücretsiz, sıradan CSS editörlerinin yapabildiklerinden fazlasını sunamıyor. Ekranın sol tarafında bulunan CSS öğelerinin yanlarındaki açılır menülere tıklamanız halinde, bu öğenin alabileceği değerleri görebiliyorsunuz.
Değerlerden birine tıkladığınızda ise kod satırı, kod ekranında oluşuyor. Ancak ne yazık ki o an imleç neredeyse CSS kodu da burada oluştuğundan, CSS bilgisi olmayan kullanıcılar için hiçbir fayda sağlanmış olmuyor.
Zaten açılır menüdeki değerleri ekrana yazdırmakla uğraşacağınıza, herhangi bir web sitesinden bulabileceğiniz kodu kopyalayıp yapıştırarak daha fazla vakit kazanabilirsiniz!
Bunun dışında yine imleç, ola ki kodun ortasında bir yerde bulunuyorsa, shifting yapmanız halinde tüm satır değil, imlecin bulunduğu yerden diğer tarafa doğru kayma oluşuyor. Eğer iyi bir CSS bilginiz varsa, programı deneyebilirsiniz, bunun dışında Notepad++ dahi daha fazla iş görecektir.
Boyut: 797 KB - Ücret: 23 dolar
www.yehiaeg.com
CSS Wizard
CSS Wizard, aslında diğerleri gibi bir CSS editörü değil. Hazır şablonlar kullanarak site oluşturmanıza yarıyor. Yazılımı çalıştırdıktan sonra öncelikle bir layout seçmelisiniz.
Ardından sihirbaz sayesinde birkaç adımla sitenizi inşa etmeye başlayabilirsiniz. İçerik tipi ve dosyaların nerede bulunacağını da belirttikten sonra işlem tamamlanmış oluyor.
İsterseniz gelişmiş kişiselleştirme özelliği ile web sitenizin tasarımını da değiştirebiliyorsunuz. Butonlar, resimler, metinler vb. tüm HTML öğelerini tekrar düzenlemek mümkün.
Üstelik geliştirme aşamasında, dahili ön izleme özelliği sayesinde tüm bu değişmeleri anında görebiliyor olmanız da yine zamandan kazandıran bir başka özellik. CSS Wizard, ismi gibi gerçekten de bir sihirbaz!
Birkaç dakika içinde CSS, HTML ve XHTML onaylı web siteleri hazırlayabilirsiniz. Dolayısıyla CSS Wizard kullanarak geliştirilen web sitelerinde sonradan hiçbir optimizasyona, kod değişikliğine gerek kalmayacak.
Boyut: 1.98 MB - Ücret: 10 dolar
www.csswizard.net
Ardından sihirbaz sayesinde birkaç adımla sitenizi inşa etmeye başlayabilirsiniz. İçerik tipi ve dosyaların nerede bulunacağını da belirttikten sonra işlem tamamlanmış oluyor.
İsterseniz gelişmiş kişiselleştirme özelliği ile web sitenizin tasarımını da değiştirebiliyorsunuz. Butonlar, resimler, metinler vb. tüm HTML öğelerini tekrar düzenlemek mümkün.
Üstelik geliştirme aşamasında, dahili ön izleme özelliği sayesinde tüm bu değişmeleri anında görebiliyor olmanız da yine zamandan kazandıran bir başka özellik. CSS Wizard, ismi gibi gerçekten de bir sihirbaz!
Birkaç dakika içinde CSS, HTML ve XHTML onaylı web siteleri hazırlayabilirsiniz. Dolayısıyla CSS Wizard kullanarak geliştirilen web sitelerinde sonradan hiçbir optimizasyona, kod değişikliğine gerek kalmayacak.
Boyut: 1.98 MB - Ücret: 10 dolar
www.csswizard.net
0 yorum:
Yorum Gönder
Yorum Yazarken Türkçemizi Doğru Kullanalım!