Merhaba, bugün CSS nedir, ne işe yarar, nerelerde kullanılır, tarihçesi, web sitesi yapısından detaylı olarak bahsedeceğim.
CSS, Cascading Style Sheets kelimelerinin kısaltmasıdır. Dilimizde ise ‘’Sitil Şablonları’’ ya da ‘’Basamaklı Biçim Sayfaları’’ şeklinde adlandırmaktayız. CSS’den en basit haliyle bahsetmemiz gerekirse; HTML etiketlerimizi görsel olarak, boyut, renk, font, biçim gibi enstrümanlarımızı geliştirmemizi, daha şık tasarımlar sunmamızı ve bunları yaparken de zamandan ciddi anlamda tasarruf yapmamızı sağlamaktadır.
CSS’nin çıkışından önce, her bir html tag’ı için ayrı bir sitil tanımlaması yapmak gerekiyordu ve bu işlem gerçekten çok zaman almaktadır. Bu işlemin meşakkatli olmasından dolayı CSS ile başka bir aşamaya taşındı. CSS sayesinde web tasarımları kolaylaştırıldı. Mesela tek bir CSS satırı ile binlerce satırlık bir HTML dosyasını değiştirmek bile mümkün oldu. Bu da zaman tasarrufumuzu ön plana çıkartan bir etken oldu.
CSS Kullanımı
CSS3 W3C’nin en son geliştirdiği CSS sürümüdür. CSS3 ile çok fazla yeni özellik gelmiştir. Mesela web sitemizde animasyon da kullanabilmek için, Adobe Flash ile yapılmış bir animasyonu siteye eklememiz gerekirken, CCSE varken, bu programı hiç kullanmadan direk CSS3 üzerinden animasyonu kendimiz yapabiliyoruz. Bu durum yazılımcılara büyük bir artı getiriyor. Ayrıca CSS3 ile gölgelendirme (shadow )de yapmak mümkün kılınmıştır.
CSS3’ün görselleştirme istenen bütün web sitelerinde kullanılması mümkündür. Günümüzde CSS kullanılmayan web sitesi neredeyse yoktur denilebilmektedir. CSS ile daha detaylı ve göz alıcı siteler tasarlamak mümkündür. Sağladığı şıklıklar ve tasarımlar CSS’yi bizler için önemli bir enstrüman olarak öne sürülmektedir.
CSS Nerelerde Kullanılır?
CSS ile sitedeki butonların, yazıların, form elemanlarının ve diğer HTML etiketlerinin renklerini, büyüklüklerini, konumlarını ve ayrıca tasarımlarını da ayarlanabilmektedir. Ayrıca daha önceden de açıkladığımız gibi animasyonlar ve görsel efektler de direkt olarak farklı bir program kullanmaya ihtiyaç duymadan yapılabilmektedir..Bu da CSS için farklı bir cazibe noktası olmaktadır.
CSS kullanarak web sitemizin dış görünümünü renklendirebilir. Ayrıca bunu yaparken zamandan da makul ölçüde kazanabiliriz. Bilgisayar ekranları ya da daha büyük ekranlar için tasarlanan siteler, çok daha küçük ekranlara da uyarlayabilir ve bu şekilde kullanıcıların dikkatini çekmeniz sağlanabilmektedir.
İnternet Sayfasının Yapısı ve CSS
İnternet sayfalarının yapısı genellikle üç katmandan oluşmaktadır. Bu durum web sitesinin görünürlüğünü etkilemektedir. Katmanlar sırasıyla şu şekildedir:
İçerik Katmanı (HTML): Bütün web sitelerinde bulunmaktadır. İçeriklerde HTML etiketleri ile okuyucu ya da ziyaretçilere verilmek istenen bilgi net olarak iletilmek amaçlanmaktadır. Video, animasyonlar bulunuyorsa web sitesinde direkt açılması gerekir. Nasıl video açılacağı, nasıl görüntüleneceğine dair bilginin olmaması gerekir.
Görselleştirme Katmanı (CSS): Web sitesinin görüntüsü ile ilgili olan kısımdır. Sitenin ekran boyutu, içeriklerin gösteriliş şekli, butonların rengi, fontların hepsi görselleştirme katmanı ile ilgilidir.Görselleri geliştirmek ve değiştirmek için CSS kullanılmaktadır.
Etkileşim Katmanı (Java Script): Ziyaretçi ve katmanlar arasındaki geçişleri sağlayan sistemdir. Ziyaretçi etkileşimi, formların etkişilemi, mobil ya da masaüstü kullanımı gibi detaylı olarak bilgi sunmaya yarar. Aynı zamanda kullanıcıların hızlı bir şekilde web sitesine girmesi, konularda geçirdiği süre gibi önemli konularda da bilgi akışı sağlar. Böylece web sitesinin gücü hakkında bilgi verir.
Yorum Yapabilirsiniz.
E-posta mailiniz gizli kalacaktır.*