Gambar Penempatan di Adobe CS5 Dreamweaver Pages - dummies

Anda dapat menggunakan item menu, copy dan paste, dan bahkan drag dan drop gambar pada halaman Dreamweaver Adobe Creative Suite 5 Anda (Adobe CS5). Akibatnya, menempatkan gambar di halaman web di Dreamweaver lebih mudah dari sebelumnya, terutama karena integrasinya dengan produk Adobe lainnya.

Penyisipan gambar

Jika Anda mempersiapkan gambar sebelumnya, simpan atau pindahkan gambar yang dioptimalkan ke dalam folder situs Anda.

1. Klik pada halaman untuk memposisikan kursor tempat Anda ingin menempatkan gambar.

2. Cari kategori umum dari daftar drop-down di bagian atas panel Insert dan klik tombol Insert Image atau pilih Insert → Image.

   Jika Gambar bukan default untuk tombol Insert Image Anda, klik dan tahan panah di sebelah kanan tombol dan pilih Image dari daftar drop-down.

   Kotak dialog Select Image Source akan muncul.

3. Arahkan ke tempat dimana gambar Anda berada dan klik OK (Windows) atau Choose (Mac) untuk menempatkan gambar yang dipilih.

   Jika gambar Anda ada di folder situs Anda, Anda bisa klik tombol Root Situs di kotak dialog Select Image Source untuk bernavigasi dengan cepat. Jika gambar tidak ada di folder situs Anda, kotak peringatan akan menanyakan apakah Anda ingin menyalin file di sana sekarang.

4. Jika Anda diminta untuk menyalin gambar ke folder akar situs Anda, klik Yes. Saat kotak dialog Copy File As terbuka, verifikasi bahwa namanya sudah benar dan klik Save.

   Kotak dialog Atribut Aksesibilitas Tag Gambar meminta Anda memasukkan teks alt.

5. Ketik satu atau tiga kata yang paling menggambarkan gambar Anda (seperti Foto Keluarga Kami) di kolom teks Alt dan klik OK.

   Gambar dimasukkan

Gambar menyeret dan menjatuhkan

Selain memasukkan gambar dari panel Sisipkan atau menu aplikasi, Anda dapat menarik dan menempatkan gambar langsung dari panel File ke halaman. Jika Anda menyeret gambar, kursor mengikutinya saat Anda memindahkannya ke dokumen; lepaskan tombol mouse saat kursor menandai titik yang benar di mana Anda ingin menjatuhkan gambar.

Jika Anda memanfaatkan alur kerja Adobe Bridge, Anda dapat membiarkan Bridge berjalan dan menyeret gambar saat Anda membutuhkannya langsung dari jendela Bridge ke halaman Dreamweaver Anda. Anda dapat mengakses Bridge dengan memilih File → Browse in Bridge.

Jika gambar itu adalah file asli Photoshop (PSD) atau Fireworks (PNG), kotak dialog Image Preview muncul, memberi Anda kesempatan untuk mengoptimalkan gambar sebelum meletakkannya.

Anda juga dapat menarik dan melepas gambar yang dioptimalkan dari desktop atau folder lainnya ke dalam halaman Dreamweaver.Jika gambar tidak ada di folder situs Anda, Anda memiliki kesempatan untuk menyalin gambar itu ke folder situs Anda saat ditempatkan.