CSS nedir?

Merhaba,

Bu kursta, web sayfalarımızın görselliğini artıracak bir yazılım dili olan CSS'i öğreneceğiz.

HTML'e aşina değilseniz öncelikle HTML'e Başlangıç kursunu tamamlayın. 

HTML'i zaten bildiğinizi düşünüyorsanız başlayalım.

Kursumuzun bu bölümünde neden CSS'e ihtiyaç duyduğumuzu öğreneceğiz.

Öncelikle, CSS öğrenirken aklıma takılan ilk soruyu soralım.

HTML'in yapamadıkları için neden ek bir dil öğrenmemiz gerekiyor?

Öncelikle HTML'in ne yaptığını hatırlayalım. 

HTML, web sayfalarında bulunan verileri (Metin, Görsel, Formül vb.) kullanıcılara daha doğru bir şekilde sunmak için kullandığımız bir dildir.

Örneğin, bir deftere makale yazdığımızı düşünelim. 

Makalemizdeki nokta, virgül ve diğer noktalama işaretlerini kaldırırsak, anlatmak istediklerimizi makalemizi okuyacak kişilere yanlış aktarabiliriz.

Web sayfalarında kullanıcılara vermek istediğimiz bilgileri daha açık bir şekilde ifade etmek için kullandığımız HTML etiketleri de vardır.

Bir web sayfası HTML belgesidir ve tarayıcılar sayfayı çalıştırmak için bir HTML belgesi arar. Bu nedenle HTML belgesini bir web sayfasının temeli olarak düşünebilirsiniz.

Peki CSS ne işe yarar?

CSS, sahip olduğumuz verilerin sunumu sırasında HTML'in yetersiz kaldığı görselliği sağlamak için geliştirilmiş bir teknolojidir.

Başka bir benzetme yapalım. Bir ev inşa ettiğinizi düşünün. Bir evin temel görevi, içinde yaşayacak insanlar için barınak olmaktır. HTML'in yaptığı da budur.

Bir web sayfasının temel amacı, bu sayfayı tarayıcılarında açan kişilere bilgi sunmaktır. CSS ise bu evin dış boyasını, süslemelerini ve pencerelerin uygun şekilde yerleştirilmesini sağlayan bir teknolojidir.

İdeal web sayfalarında CSS bulunmasa bile (örneğin Wikipedia), veri taşıdığı için temel görevi HTML yerine getirir. Ancak CSS, HTML'nin bu verileri kullanıcıya daha anlamlı ve güzel bir şekilde sunmasına yardımcı olur.

Yukarıdaki görsel, stilleri devre dışı bırakılmış wikipedia.com sitesinin ekran görüntüsüdür. 

Başka bir deyişle, yalnızca HTML dilini kullanarak ziyaretçilerimiz için yukarıda gördüğünüz gibi bir çıktı elde edebiliriz.

Şimdi CSS kodunu yeniden etkinleştirerek çıktıya bakalım.

Gördüğünüz gibi, sitede sunulan veriler değişmiyor; ancak CSS sayesinde sitemiz kullanıcılar için yalnızca daha kullanışlı hâle geliyor.

CSS'in güncel sürümü olan CSS3 ile birçok görsel yetenek kazanmıştır.

CSS'in ne olduğunu öğrendik. Bir sonraki bölüme geçmeden önce

CSS hakkında en sık sorulan sorulara bakalım.

CSS (Basamaklı Stil Sayfaları) ne zamandan beri kullanılıyor?

CSS, 1996'dan beri kullanılan bir teknolojidir.

CSS kullanmadan bir web sayfası oluşturabilir miyim?

Evet, oluşturabilirsiniz. Ancak muhtemelen o kadar kötü görünecektir ki hiçbir kullanıcı sayfaya girmez. CSS olmadan bir web sayfasına kelimenin tam anlamıyla web sayfası denemez.

Facebook, Google ve Amazon gibi büyük web uygulamaları CSS kullanıyor mu?

Evet, yalnızca bunlar değil, tarayıcıda açtığınız her web sayfası CSS kullanır.

CSS öğrenmek zor mu?

CSS'i öğrenmek kolaydır. Sanki İngilizce konuşuyormuşuz gibi kod yazacağız. Ancak yazılım geliştiricileri birkaç küçük konuda genellikle zorlanır. 

Örneğin, blokların sayfada nasıl konumlandırılacağı. Bu ve benzer konulara odaklanacağız. Kursumuzun sonunda CSS'i kesinlikle öğrenmiş olacaksınız.

CSS öğrenirken uygulamam için bir öneriniz var mı?

Evet. Bol bol pratik yaparak CSS'i çok hızlı öğrenebilirsiniz.

Tebrikler. 🥳🥳🥳

CSS nedir? dersini tamamladınız.

Bir sonraki bölümde CSS'e Giriş konusunu öğreneceğiz.

Devam etmek için bir sonraki bölüme tıklayabilirsiniz.