Dreamweaver'ın CSS Özellik Panelinde Metin Paneli Nasıl Kullanılır - Dreamweaver Metin panelinde mankenler

Dreamweaver Metin panelinde, sayfalarınızda metnin görüntüsünü kontrol eden bir dizi seçenek bulunur. Metin paneli seçeneklerine, Mizanpaj seçeneğinin altına gelene kadar Özellik panelini aşağı kaydırarak veya panelin üst kısmındaki T simgesini tıklayarak erişebilirsiniz.

Metin paneli aşağıdaki biçimlendirme seçeneklerini içerir:

• Renk: Metin rengini ayarlayın. Renk kuyusunu tıklayıp bir renk seçin, ekrandaki herhangi bir rengi örneklemek için damlalık kullanın veya renk alanında bir onaltılık renk kodu girin. Onaltılı bir renk kodu girerseniz, başlangıç ​​pound işaretini (#) ekleyin.

• Yazı tipi ailesi: Bir yazı tipi ailesini veya bir dizi aileyi tanımlayın. Açılır listenin altındaki Fontları Yönet'i seçip Fontları Yönet iletişim kutusunu başlatarak yerel sabit sürücünüzden veya Adobe TypeKit'ten yazı tipleri ekleyebilirsiniz.

  

• Font-Stili: Normal, İtalik veya Eğik girin. Bununla birlikte, italik ve oblik, bir web tarayıcısında nadiren farklıdır, dolayısıyla belirli bir sebebiniz olmadıkça italik kullanın.

• Font-Varyant: Metni küçük harflerle değiştirin. Tasarımlarınızı dikkatli bir şekilde test edin, çünkü bu özellik tüm tarayıcılar tarafından desteklenmiyor.

• Yazı tipi Ağırlık: Açılır listeden Kalın veya Koyu'yı seçerek metni kalın yazdıklarından emin olun. Ayrıca, metnin ne kadar kalın görünmesini kontrol etmek için 100 ile 900 arasında bir sayı girebilirsiniz. Kalın biçimlendirmeyi kaldırmak için Normal veya Daha Açık seçeneğini belirleyin.

• Yazı tipi Boyutu: Metnin boyutunu tanımlayın. Belirli bir sayısal boyut veya göreli boyut seçebilirsiniz. Boyut seçenekleri piksel (px), nokta (pt), pika (pc), yüzde (%), em, rem, ex ve ch'dir. Pikseller, ems ve yüzdeler metin boyutları için en yaygın kullanılan seçeneklerdir.

• Satır Yüksekliği: Metnin yerleştirileceği satırın yüksekliğini belirtin. Metin boyutu gibi satır yüksekliğini piksel, ems ve yüzdeler de dahil olmak üzere çeşitli şekillerde belirleyebilirsiniz. Satır yüksekliğini eklemek web'de iyi bir uygulamadır, çünkü metninizin etrafındaki alanı arttırmak bir bilgisayar ekranında okunmayı kolaylaştırır.

• Yazıya Hizalama: İlgili simgeyi tıklatarak metninizi sola hizalayın, sağa hizalayın, ortalayın veya haklı hale getirin. İlk simge, Devre Dışı için öntanımlıdır. Örneğin, metnin altındaki etiketine uyguladığınız bir stilin tanımında Metne hizala merkeze ayarlama ekleyerek metni web sayfanızın altbilgisinde ortalayabilirsiniz.

• Text-Decoration: Metnin altı çizili, üstü çizili, üstü çizili görüntülenecek veya yanıp sönme efekti ile görüntülenip görüntülenmeyeceğini belirtin.Bağlantılı metinden alt çizgiyi kaldırmak için sıklıkla kullanılan Yok seçeneğini de seçebilirsiniz.

• Metin Girintisi: Piksel, ems veya yüzde gibi boyut seçeneklerinden birine bir sayı girerek sayfanın solundan metnin girintili olacağını belirtin.

Neden bu kadar çok yazı tipi var?

Cascading Style Sheets CSS3'ün en son sürümü sayesinde artık web sayfalarınızda istediğiniz herhangi bir yazı tipini kullanabildiğinizi duymuşsunuzdur. Bu ifade doğrudur ancak bazı sınırlamaları vardır: Yazı tipi yayımlamak için yasal hakka sahip olmalısınız ve yazı tipi bir web sunucusunda barındırılmalıdır.

Metninizin istediğiniz gibi görünmesini sağlamaya yardımcı olmak için Dreamweaver, en yaygın fontların Windows ve Macintosh bilgisayarlarındaki koleksiyonlarını içerir. Bu yazı tipleri,

• Gotham, Helvetica Nue, Helvetica, Arial, sans serif

• Cambria, Hoefler Text, Kurtuluş Serif, Times, Times New Roman, Times ve serif

gibi ailelerde gruplandırılmıştır. Yazı Tiplerini Yönet iletişim kutusunu kullanarak kendi yazı tipi koleksiyonlarınızı seçin. Bu yazı tipi, CSS Tasarımcısı panelindeki Metin panelindeki Yazı Tipi Ağı açılır listesinin altındaki Yazı Tiplerini Yönet seçenekini seçerek erişilebilir.

Metin panelinin Metin-Gölge bölümü

Metin panelinin Metin-Gölge bölümü, CSS3 tanımında bulunan en yeni CSS özelliklerinden biri olan metin gölgeleri eklemek için araçlar sağlar. En popüler seçenekler şunlardır:

• H-gölge: Metninize yatay eksende gölge ekleyin. Önce bir boyut seçeneği seçin ve ardından alana bir sayı girin. Örneğin, genişliği 2 piksel olan yatay bir gölge eklemek için 2px yazın.

• V-gölge: Dikey eksende metne gölge ekleyin. Önce bir boyut seçeneği seçin ve ardından alana bir sayı girin.

• Bulanıklaştır: Gölgedeki bulanıklığı kontrol edin. Sayı ne kadar büyükse, gölge ne kadar yayılırsa bulanık olur.

• Renk: Gölgenin rengini belirlemek için onaltılık renk kodunu girin veya ekrandaki renkleri örneklemek için damlalık kullanın.

  

Metin panelinin altındaki, diğer Metin panel seçenekleri kadar yaygın olmayan özellikler şunlardır:

• Metin Dönüştürme: Metninizin büyük / küçük harfini değiştirin. Seçenekler Büyük Harf, Büyük ve Küçük harflerdir. Bu özelliği ayarlamak için ilgili simgeyi tıklayın.

• Harf Aralığı: Harfler arasına eklenen boşluk miktarını tanımlar. Boyut seçenekleri piksel (px), nokta (pt), pika (pc), yüzde (%), em, rem, ex ve ch'dir.

• Kelime Aralığı: Kelimeler arasında eklenen boşluk miktarını tanımlar. Boyut seçenekleri piksel (px), nokta (pt), pika (pc), yüzde (%), em, rem, ex ve ch'dir. (Önceki kenar çubuğuna bakın "CSS boyut seçeneklerini karşılaştırma.")

• Beyaz Boşluk: Tarayıcıya bir metin bloğundaki satır sonlarını ve boşlukları nasıl işleyeceğini bildirin. Seçenekleriniz Devralınır, Normal, Nakaratlı, Önceden, Satırdan Önceden veya Sarmalamış haldedir. Nowrap, özellikle bir tarayıcı penceresinde veya başka bir kapta sığması için kaydırılması gerekiyorsa öğelerin ayrılmasını önlediğinden yararlıdır.

• Dikey Hizala: Satır içi elemanları (metin ve resimler gibi) onları çevreleyen unsurlarla bağlantılı olarak hizalayın. Sayısal bir değer ayarlayabilir veya Baseline, Sub, Super, Top, Text-Top, Middle, Bottom ve Text-Bottom seçeneklerini belirleyebilirsiniz.