Dreamweaver CC Resim ve Multimedya İpuçları - mankenler

İçeriğiniz ne kadar iyi olursa olsun, resimleriniz, videolarınız ve multimedya, Dreamweaver ziyaretçileriniz üzerinde büyük bir izlenim yaratır Web sitesi. Web sayfalarınızda görüntüleri, videoları ve diğer multimedya dosyalarını yönetmek için birkaç ipucu aşağıda verilmiştir.

Küçük resimlerin daha büyük dosyalara bağlanması

Büyük resimler güzel ancak küçük resimlerden daha fazla indirme zamanı gerektirir. Bir sayfada birçok görüntüyü göstermek için kullanılan yaygın bir teknik, küçük resimler, olarak adlandırılan ve daha sonra her ikisini de aynı resmin daha büyük sürümlerine bağlayan her görüntünün küçük sürümlerini oluşturmaktır.

Bu teknik, bir video veya animasyon koleksiyonunu sergilemek istediğinizde de çalışır. Videonun tek bir karesinden bir hareketsiz görüntü oluşturabilir ve bunu her video dosyasına bağlanan küçük resim olarak kullanabilirsiniz.

Şekilde görüldüğü gibi Cinembargo web sitesindeki fotoğraf galerisini gösteren bu teknik, birçok fotoğrafın veya video dosyasının bir fotoğraf galerisine eklenmesini mümkün kılar. Her küçük resmi tıklattığınızda, aynı görüntünün daha büyük bir sürümü o görüntünün üstünde görüntülenir.

Bu etkileşimli görüntü efekti, Dreamweaver'daki davranışlar özelliğini kullanarak yaratılmıştır. Görüntüleri, videolara, animasyonlara ve diğer dosya türlerine bağlamak için Dreamweaver'ı da kullanabilirsiniz.

Her zaman orijinalleri kaydedin

Çoğu tasarımcı, Photoshop gibi bir program kullanarak web için görüntüler oluşturur. En iyi sonuçları elde etmek için, fotoğrafların veya grafiklerin yüksek çözünürlüklü bir sürümüyle tüm renk düzeltme, rötuşlama ve diğer düzenlemeleri yapmak istiyorsunuz.

Ancak, görüntü web sitenize girmeden önce, dosyayı sıkıştırarak (bir jpeg olarak kaydederseniz) en iyi duruma getirmek veya renk sayısını azaltmak (görüntüyü bir PNG veya GIF). Görüntüleri optimize etme işlemi onları daha hızlı indirirken aynı zamanda kaliteyi önemli ölçüde düşürür.

Aşağıdaki şekilde, bir web tarayıcısına hızlı şekilde yüklenmeleri için optimize edilmiş nispeten büyük görüntüler içeren AssetShield web sitesini görüyorsunuz.

Unutmayın; geri dönüp web için iyileştirildikten sonra bir görüntüyü değiştirirseniz, orijinal kaynak dosyanın, resim sıkıştırılmadan önce kaydettiğiniz veya renklerin azaltılmış haliyle düzenlenmesini isteyeceksinizdir. Benzer şekilde, Photoshop gibi bir programda birden çok katman içeren bir resimle çalışıyorsanız, resim web sitesinde bulunmadan önce bu katmanların düzleştirilmesi gerekir.

Video ve ses dosyaları ile animasyonlar bir web sitesinde kullanılmadan önce optimize edilmelidir.Ve resimlerle yaptığınız gibi, daha fazla düzenleme yaparsanız daha yüksek çözünürlüklü sürümüne geri dönün.

İster kendi resimlerini ve multimedya dosyalarını oluşturabilir veya profesyonel bir tasarımcı kiralayabilirsiniz, tüm orijinal görüntüleri mümkün olan en yüksek çözünürlükte kaydetmek için bir sistem geliştirdiğinizden emin olun; böylece bir görüntüyü daha sonra değiştirmeniz gerekiyorsa onları elde edebilirsiniz.