Web Dersleri 29 Ekim 2012

Yazı Tipi Boyutunu Esnek Yapıda Tanımlamak

\"cssWeb sayfanızdaki metin içeriğinin en iyi şekilde görüntülenmesi için yazı tipi boyutunun doğru belirlenmesi gerekir. Bunun için Dreamweaver CS4 programında sitenizi düzenlerken aşağıdaki adımları izleyebilirsiniz.

Önce CSS panelindeki body seçeneğini tıklayın. Font bölümüne %100 değerinin atandığını göreceksiniz. Tarayıcı uyumluluğu açısından bu değerin %100 ün biraz üzerinde olması yararlı olacaktır. Şimdi sayfa içindeki öğeleri, bu değere bağlı olarak da tanımlayalım.

Yazı tipi boyutu belirlenirken inch veya cm gibi baskıda kullanılan birimler yerine em, ex, % veya px gibi değerler kullanılmalıdır. Örneğin sayfa üzerindeki başlığın boyutunu değiştirmek için üzerini tıklayın. Özellikler penceresindeki \”size\” alanını tıklayarak 1.6 em değerini girin. Başlık boyutu girdiğiniz yeni değere göre değiştirilecektir.

\"Dreamweaver

\”em\” birimi etkin yazı tipindeki büyük em harfinin boyutunu belirler. Bu başlık için değer 1.6 olarak belirlenmiştir. Şimdi bir paragraftaki herhangi bir noktayı tıklayın. Ardından yazı tipi boyutunu belirlemek üzere \”size\” kutucuğunu tıklayın ve 0.9 em değerini girin. Şimdi başka bir başlığı tıklayın ve 1.2 em değerini girin. Sayfaya baktığınızda alt başlık boyutunun normalden fazla olduğunu göreceksiniz.

\"Dreamweaver

Dokümandaki ve CSS dosyasındaki tüm değişiklikleri kaydetmek için \”File\” menüsünden \”Save All\” seçeneğini tıklayın. şimdi çalışmanın son durumunu incelemek üzere doküman araç çubuğu üzerindeki Preview düğmesinden bir tarayıcı seçin ya da F12 tuşuna basın. Sayfadaki metinler varsayılan tarayıcıda varsayılan yazı tipi boyutunda görüntülenecektir. Şimdi bu yazı tipi boyutunu değiştirmek için \”Araçlar\” menüsünden \”Seçenekler\” tıklayın. Açılan pencerede \”içerik\” sekmesinde yer alan ön tanımlı boyut kutusundaki değeri daha küçük bir değerle değiştirin. Değişiklikleri uygulamak için Tamam düğmesine tıklayın.

Bunu da Oku:  Sitenizdeki Hacklenmiş Sayfaları Bulmak için 3 İpucu

\"Dreamweaver

Sayfadaki metinlerin boyutu küçültülecektir. Web sayfanızın farklı cihaz ve tarayıcılarla sorunsuz bir şekilde görüntülenmesi için yazı tipi boyutunu bu şekilde esnek yapıda ayarlamanız yararlı olacaktır.

Yazar Bilgileri

Emrah emrah19may@hotmail.com

1981 Samsun doğumlu ve Gazi Üniversitesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi mezunu. Bilişim Teknolojileri Öğretmeni olarak görev yapmakta olup DMOZ Editörü, Web-Grafik Tasarımı ve SEO eğitmeni.

Yorum Yap