Dreamweaver'da Öznitelikleri Tanımlama - mankenler

Dreamweaver'ın Properties Inspector, içeriğe duyarlıdır; başka bir deyişle, bir görüntüyü tıklattığınızda o görüntünün HTML öznitelikleri görüntülenir ve düzenlenebilir. Düzenlenebilir resim niteliklerinden bazıları tasarım faktörlerinden daha "teknik".

Örneğin, resim kimliği, resimler JavaScript programlarına veya veritabanlarına bağlandığında kullanılır. Özellikler Denetçisi'ndeki diğer görüntü öznitelikleri, sınırlı bir gerçek görüntü düzenleme araçları seti içerir. Bu araçlar arasında kırpma, kontrast düzenleme ve görüntülerin netleştirilmesi bulunur. Bu seçeneklerin en önemlilerine bir göz atın:

• Harita alanı araçları: Harita alanı araçları seçilen resim üzerinde tıklanabilir sıcak noktalar oluşturur ve farklı sıcak noktalar için ayrı bağlantılar tanımlar. Bir hotspot, resmin bir bağlantı noktası olarak işlev gören bir bölümüdür. Seçilen bir resim üzerinde bölümler çizmek için Dikdörtgensel, Çember ve Çokgen hotspot araçlarını kullanabilirsiniz ve daha sonra Properties Inspector'de bu hotpotlara belirli linkler atayabilirsiniz.

  Bu kümedeki dördüncü araç olan Pointer Hotspot aracı, mevcut sıcak noktaları seçmek, taşımak veya düzenlemek için kullanılır.

• V Boşluk ve H Boşluk: Seçilen görüntünün etrafında yatay ve dikey boşluk tanımlayın.

• Hizala: Sol veya sağ hizalama arasından seçim yapmak için bu açılır pencereyi kullanın. (Diğer seçenekler teknik olarak mevcuttur, ancak metin boyutundaki grafik sembolleri doğrudan metin satırlarına eklendiğinde bugünün kalıntılarıdır ve bugün resim hizalama işleminde kullanılmaz.)

• Src: Bu alan, gömülü bağlantılı resim.

• Alt: Bir görüntü görülemediğinde görüntülenen metni değiştirin veya yüksek sesle okunur.

• Kenarlık: Kenarlık genişliğini tanımlayın (varsayılan olarak 0 piksel) veya görüntü bir bağlantı görevi görürse 1 piksel belirleyin.

• Bağlantı: Resim tıklatıldığında açılan bir bağlantı tanımlayın. Bir bağlantı tanımlandıysa, Hedef pop-up'ından _blank öğesini seçerek bağlantıyı yeni bir tarayıcı penceresinde açacak şekilde ayarlayabilirsiniz.

• Sınıf: Bu pop-up'ı, CSS sınıfı stilleri atamak için veya sayfaya bağlıysa atamak için kullanın.

• W (genişlik) ve H (yükseklik): Görüntüyü yeniden boyutlandırın. Boyut Sınırlamasına Geçiş Karakterlerini Değiştir simgesinin seçimini kaldırmak, yeniden boyutlandırma sırasında orijinal yükseklik genişliğine en boy oranını korumak yerine resmin uzatılmasına veya sarsılmasına olanak tanıyan yükseklik ve genişlik arasındaki bağlantının kilidini açar. Seçili bir resmin sağ alt köşesindeki tutamaçını tıklayıp sürükleyerek etkileşimli olarak yeniden boyutlandırabilirsiniz. Yükseklik-genişlik oranını korumak için yeniden boyutlandırma yaparken Shift tuşunu basılı tutun.

• Yeniden Örnekle: CS6'daki yeni araçlar, yeniden boyutlandırılmış (daha küçük) bir görüntüyü yeniden örneklemenize izin verir.Tekrar örnekleme, gereksiz verileri ortadan kaldırır ve görüntü dosyasını küçültür; bu, görüntünün daha hızlı indirilebileceği anlamına gelir. Resmi yeniden örneklemek için Görüntü Boyutunu Onayla onay kutusunu seçin veya yeniden boyutlandırma işlemini geri almak için Özellikler Denetçisi'ndeki Orijinal Boyuta Sıfırla düğmesini tıklayın.