CSS

CSS de Sınır Çizgisi

Sınır Çizgi Şekilleri


CSSde sınır çizgilerinin şeklini belirlemek için border-style
özelliğinden yararlanırız. Bu özelliğin değerleri şunlardır: none,
dotted, dashed, solid, double, groove, ridge, inset, ve outset.
Aşağıdaki uygulama bu değerlerin nasıl sonuç verdiğini gösteriyor. NOT:
Bu özelliği Netscape desteklemiyor.



Kod Alanı:

CSS ile Arkaplan Biçimi

HTML derslerinde sayfanın
arkaplanını değiştirmek için <body> komutuna bgcolor="..."
parametresini atıyorduk. Bu parametre tablolar veya diğer kodlar (h1-h6,
marquee,vb... )için de geçerliydi.



Arkaplan Rengi


CSSde ise bu kodların background-color özelliğine renk değerleri veriyoruz.



Kod Alanı:

CSS ile Font Biçimi

Font Türü

Önce font seçmeyi öğrenelim. HTML derslerinde <font> kodu ve
face="..." parametresi ile yazı fontunu belirliyorduk. CSSde ise bu işi
font-family özelliği ile yaparız:



Kod Alanı:

CSS Giriş

CSS (Cascading Style
Sheets ) web tasarımcılarının işini oldukça kolaylaştırmaktadır. CSS
HTMLden ayrı yeni bir dil değil, HTMLin önemli bir parçasıdır. CSS ile
web sayfasındaki araçların görünümleri genelleştirilir.





HTML derslerinde style="..." parametresini görmüştük. Bu parametre
ile tanımlanan kodun özelliklerini değiştirmiştik. CSS style
özelliklerinin tüm sayfa için tanımlanmasıdır. Hem Navigator 4.0 hem de
Internet Explorer 4.0 browserlar ve daha gelişmiş olanları CSSyi
destekliyor. Fazla uzatmadan konuya girmek daha iyi olur sanırım.



HTML derslerinde geçen ama üzerinde pek durmadığımız style
parametresi üzerinde açıklama yapmam gerekiyor. style parametresi

CSS Nedir ?

HTML bize metin biçimlendirme alanında çok geniş olanaklar sunar. CSS, uzun yazılışıyla Cascading Style Sheets, veya Türkçesiyle Stil şablonları ise bunu bir adım daha öteye götürür, bize sayfalarımız için global şablonlar hazırlama olanağı verdiği gibi, tek bir harfin stilini; yani renk, font, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki bu esnekliğidir.

Bir web sayfası içerisinde zaten estetik kuralları gereği yüzlerce renk ve font kullanmayız. Genelde birbiriyle uyumlu birkaç renk ve birkaç font kullanırız ki, bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfamızda kullanabiliriz.Bu şekilde güncelleme yaparken de onlarca sayfayı değiştirmekten kurtuluruz.

Stylizer ile CSS kodlama

Profesyonel web tasarımcılarına müthiş bir kolaylık sağlayan bu yazılım , işe yeni başlayanlara da kolayca CSS öğrenme fırsatı tanıyor.

Web tasarımı için dünyada ve Türkiye’de en çok kullanılan yazılımlar Microsoft ve Adobe gibi büyük yazılım şirketlerinin çok da ucuz olmayan ürünleri . Microsoft, web tasarımcıları için Visual Web Developer Express gibi ücretsiz bir çözüm sunuyor olsa da tüm ihtiyaçları karşılayan program paketleri dişe dokunur lisans ücretleriyle satılıyor. Yüksek lisans ücretleri kurumsal kullanıcılar tarafında elbette ki bu başarılı yazılımlar için makul görünebilir. Fakat web tasarımına farklı amaçlarla yönelen, örneğin işe bir hobi gözüyle bakan kullanıcılar için çok can sıkıcı olabiliyor. Şimdi tanıtacağımız yazılımın hem ücretsiz bir sürümü, hem de makul ücretli bir sürümü var. Yüksek ücretli bir sürümüyse yok! :)

Kanada’lı Skybound firmasının bir ürünü olan Stylizer, web tasarımıyla uğraşan herkesi ilk görüşte şaşkınlığa sevk edebilecek, etkileyici bir yazılım.

Hanci.org sizlere daha iyi hizmet sunmak için çerezleri kullanıyor.
Hanci.org sitesini kullanarak çerez politikamızı kabul etmiş olacaksınız.
Detaylı bilgi almak için Gizlilik ve Çerez Politikası metnimizi inceleyebilirsiniz.