Video: Dreamweaver İle Html Site Yapımı (Basit) 2024
Yerel Adobe Photoshop (PSD) dosyalarını ve Fireworks'ü (PNG) içeren resimleri Adobe Creative Suite 5'deki boş sayfaya ekleyebilirsiniz (Adobe CS5) Dreamweaver. Görüntüleri yerleştirmek Dreamweaver Dosyaları panelini etkiler.
-
Ekle → Görüntü'yü seçin.
Görüntü Kaynağı Seç iletişim kutusu görüntülenir.
Alternatif olarak, Ekle panelinin Ortak sekmesini tıklayın ve Resim Ekle düğmesini tıklayın.
-
Resminizin konumuna gidin ve Seç'i (Mac) veya Tamam'ı (Windows) tıklayın.
Yerel bir Photoshop (PSD) veya Fireworks (PNG) dosyası seçerseniz, doğrudan Dreamweaver uygulamasında görüntünüzü optimize etmenize izin veren Image Preview (Resim Önizleme) iletişim kutusu görüntülenir.
GIF, JPG veya PNG gibi web'e hazır bir resim seçerseniz ve resim sitenizin klasörünün dışındaysa, bir uyarı görürsünüz. Dreamweaver, köprü klasörünün dışında olduğunu ve bu da sayfaları bir web sunucusuna kopyaladığınızda sorunlara neden olduğunu bildirir.
Dosyayı sitenizin kök dizinine kopyalamak için Evet'i tıklayın. Orada yeni bir ad atayın veya aynı adı korumak ve resim dosyasını sitenizin klasörüne kopyalamak için Kaydet'i tıklayın.
Resim Etiketi Erişilebilirlik Özellikleri iletişim kutusu görüntülenir.
Tüm görüntülerde Alt (alternatif) metin bulunmalıdır - resim indirilmeden önce görüntülenen veya görüntüleyen kullanıcılar resim görüntüleme seçeneğini kapattı.
-
Görüntünün uygun bir açıklamasını Alternatif Metin metin kutusuna ekleyin.
Resim bir logo ise, açıklama Alt metin olarak şirket adını içermelidir; resim veya resim ise resmi birkaç kelimeyle tarif etmelidir.
Erişilebilirlik açısından, alt metin, görüntü içeriğini kullanıcılara tanımlamada ekran okuyuculara (görme engelli tarafından kullanılanlar gibi) yardımcı olur. Buna ek olarak Alt metin, arama motorlarına sitenizde bulunan resim içeriğini indekslemenin bir yolunu sunarken değerli bir araçtır.
-
Tamam'ı tıklayın.
Görüntü, sayfaya ve Dosyalar paneline eklenir.
Dosyalar panelinde bir görüntüyü çift tıklayarak düzenleyebilirsiniz. Boyut ve dosya boyutu da dahil olmak üzere görüntüyle ilgili ayrıntıları görmek için Özellik denetçisini de kullanabilirsiniz. Kenarlık, köprü ve dikey ve yatay doldurma gibi resim özelliklerini de değiştirebilirsiniz.
Resminiz hakkındaki bilgileri görmek ve görüntü özelliklerini değiştirmek için Özellik denetçisini kullanın.Birbirinize bağlı birden fazla sayfaya sahip daha büyük bir site oluşturduğunuzda Dosyalar panelinin görünümünü değiştirmek isteyebilirsiniz. Sitenizin bulunduğu aşağı açılır listeyi (Dosyalar panelinin sol üst tarafında) tıklayarak, son zamanlarda kullandığınız klasörleri ve diğer siteleri bulabilirsin.Sağdaki Görünüm açılır listesini tıklayarak Dosyalar panelinin görünümünü değiştirebilirsiniz.
Dosyaları çift tıklatarak Dosyalar panelinden açın.