CSS ile web tasarımı hala ülkemiz piyasasında hakettiği değeri ve saygıyı göremedi. Ne yazık ki sanırım bir süre daha göremeyecek. Zira benim ikinci defa aday olduğum swssy`nın da aynı şekilde ilgisiz kalmasının nedeni de bu. Genel olarak hala CSS nedir, ne yapılır bu harflerle bilinmemektedir.

Bu ve bundan sonraki ekleyeceğim yazılarda CSS ile tasarım ve CSS ile tasarlanan bir sayfayı/sayfalar bütününü PHP ile kontrol etmeyi anlatacağım. Amacım sadece en basit hali ile bir web sitesi nasıl standartlara uyarak kodlanır bunu gösterebilmek.

Konu ile ilgili her türlü sorunuzu yorum olarak iletebilirsiniz. Özel mesajdan ziyade yorum şeklinde olmasını istememin nedeni, sorduğunuz sorulara verilen cevapların diğer kullanıcılara kaynak niteliği taşıyacak olması.

Adım adım başlayalım.

İlk önce temel nitelikte bir derleme ile konuya sizi ısıtayım. Aşağıda çeşitli web sitelerinden derlenmiş kısa yazılar ve devam linkleri bulunmakta. Böylece konuya yabancı kalmamanız için size ön hazırlık imkanı sunmuş oldum. Sonraki yazılar ile konunun devamını da getirdiğimizde aslında işlemlerin ne kadar kolay olduğunu göreceksiniz.

1.CSS Nedir?

CSS, Cascading Stylesheet veya Katmanlı Sayfa Stilleri denen ve HTML’e destek sağlayan stil komutları teknolojisidir. HTML içindeki nesnelere etiketleri ile özellikler ekleyerek onları biçimlendirmenizi sağlar.

Hazırladığınız web sayfasının World Wide Web Consortium w3c.org tarafından belirlenen standartlarda olması, amaca ulaşmak için gerekli şartlardan biridir. CSS bu standartlara en kolay yoldan ulaşmanızı sağlayan bir araçtır. Farklı browser türlerinde aynı görüntüyü CSS ile rahatlıkla elde edebilirsiniz.

CSS ile bir HTML ögesinin görüntülenme özelliklerini bir kaç farklı şekilde değiştirebiliriz…

2.CSS ile Nasıl Tasarım Yapılır? CSS`in Amacı Nedir?

Bugün son zamanlar da oldukça ilgi gören tablosuz tasarımdan çok teknik konulara inmeden bahsetmek istiyorum.

Tablosuz Tasarım Nedir?

Tablosuz tasarım adından da kolayca anlaşılacağı gibi, web sayfalarımızı tasarlarken tablolu yerleşim planını terkedip, HTML 2.0‘dan sonraki versiyonlarda desteklenmeye başlanan bölümlü ya da bölmeli diyebileceğimiz yerleşim planına geçmemiz ve sayfalarımıza CSS ile stil vermemiz anlamına geliyor.

devamı…

3.Örnek CSS İşlemi

Websitelerinin değişmez öğelerinden biri de link menuleridir. Birçok website, bu menüleri daha da ilginç bir görsel yapıya sokmak için web tasarımında "roll-over" adını verdiğimiz efektler kullanır. Bu Roll-Over efektini gerçekleştirmek için birçok websitesi JavaScript ve grafik kullanırlar. Halbuki aynı efekti sağlamak için CSS kullanabilirsiniz. Bu sayede, hem siteniz JavaScript‘e bağımlı kalmaz, hem de daha da erişilir bir hale gelir.

Size, CSS ile roll-over efektinin nasıl pişirileceğini öğretmeye çalışacağım bu yazıda.

Bu tarif icin gerekli malzemeler:

• 2 vazifeli grafik (isteğe bağlı)
• 3 parça CSS kodu
• 1 tutam HTML listesi

devamı…