Imej dan tip Multimedia CC - monyet

Tidak kira betapa hebatnya kandungan anda, imej, video dan multimedia anda memberi kesan yang besar kepada pengunjung Dreamweaver anda laman web. Berikut adalah beberapa petua untuk menguruskan imej, video, dan multimedia lain dalam halaman web anda.

Pautan kecil kepada fail yang lebih besar

Imej besar cantik, tetapi mereka memerlukan lebih banyak masa untuk memuat turun daripada imej kecil. Teknik yang biasa untuk mempamerkan banyak imej pada satu halaman adalah untuk membuat versi kecil setiap imej, yang dipanggil imej kecil, dan kemudian menghubungkan masing-masing kepada versi yang lebih besar dari imej yang sama.

Teknik ini juga berfungsi apabila anda ingin mempamerkan koleksi video atau animasi. Anda boleh membuat imej pegun dari satu bingkai video dan kemudian menggunakannya sebagai lakaran kecil yang menghubungkan ke setiap fail video.

Seperti yang dapat anda lihat dalam gambar, yang menunjukkan galeri foto dari laman web Cinembargo, teknik ini memungkinkan untuk memasukkan banyak foto, atau fail video, dalam satu galeri foto. Apabila anda mengklik setiap lakaran kecil, versi yang lebih besar daripada imej yang sama dipaparkan di atas imej tersebut.

Kesan imej interaktif ini dibuat menggunakan ciri tingkah laku dalam Dreamweaver. Anda juga boleh menggunakan Dreamweaver untuk menghubungkan imej ke video, animasi, dan jenis fail lain.

Sentiasa simpan asal

Kebanyakan pereka membuat imej untuk web menggunakan program seperti Photoshop. Untuk hasil terbaik, anda ingin melakukan semua pembetulan warna, retouching, dan penyuntingan lain dengan versi foto atau grafik resolusi tinggi.

Walau bagaimanapun, sebelum imej berjalan di laman web anda, anda ingin mengoptimumkannya dengan memampatkan fail (jika anda menyimpannya sebagai jpeg) atau mengurangkan bilangan warna (jika anda menyimpan imej sebagai PNG atau GIF). Proses mengoptimumkan imej membuat mereka memuat turun lebih cepat tetapi juga mengurangkan kualiti dengan ketara.

Dalam angka berikut, anda melihat laman web AssetShield, yang termasuk imej yang agak besar yang telah dioptimumkan supaya mereka memuatkan dengan cepat dalam pelayar web.

Ingat, jika anda mahu kembali dan mengubah imej selepas ia dioptimumkan untuk web, anda akan mahu mengedit fail sumber asal, versi yang anda simpan sebelum imej dimampatkan atau warna dikurangkan. Begitu juga, jika anda bekerja dengan imej yang mempunyai beberapa lapisan dalam suatu program seperti Photoshop, lapisan tersebut perlu diratakan sebelum imej dapat dimasukkan ke dalam laman web.

Fail video dan audio, serta animasi, harus dioptimumkan sebelum digunakan dalam laman web.Dan, seperti yang anda lakukan dengan imej, kembali ke versi resolusi yang lebih tinggi jika anda pernah melakukan penyuntingan tambahan.

Sama ada anda mencipta imej dan fail multimedia anda sendiri atau menyewa pereka profesional, pastikan anda membangunkan satu sistem untuk menyimpan semua imej asal pada resolusi tertinggi yang mungkin supaya anda mempunyai mereka jika anda perlu mengubah imej kemudian.