Bagaimana cara menyisipkan gambar ke dalam Dreamweaver - dummies

Anda dapat menempelkan gambar dari Clipboard sistem operasi Anda ke dalam dokumen Dreamweaver. Ini bekerja dengan gambar yang disalin ke Clipboard dari beberapa, tapi tidak semua, browser (Safari menjadi satu) dan untuk beberapa tapi tidak semua format file non-web-friendly. Setiap gambar yang bisa Anda salin ke clipboard sistem operasi Anda dapat disisipkan ke dalam halaman HTML yang terbuka di Dreamweaver.

Menyalin gambar dari browser sedikit berbeda tergantung browser, namun teknik dasarnya adalah klik kanan atau Control-click dan pilih opsi seperti Copy Image dari menu konteks yang muncul. Atau Anda dapat menyalin dan menempelkan karya seni dari program seperti Illustrator, Photoshop, atau Word.

Dengan gambar yang disalin ke Clipboard, ikuti langkah-langkah ini untuk menempelkan gambar ke Dreamweaver dan kemudian simpan sebagai file gambar di situs Anda:

1. Klik di jendela Dokumen pada titik di mana gambar itu harus dimasukkan

   Bagaimana tampilan gambar akan didefinisikan dengan CSS, jadi jangan terobsesi pada tahap ini.

2. Pilih Edit → Tempel.

   Apa yang terjadi sekarang sangat bervariasi tergantung pada versi Dreamweaver Anda walaupun konsep dasarnya sama:

   1. Anda memilih format file gambar dan beberapa atribut gambar lainnya.

   2. Anda menetapkan nama file

   Pada versi Dreamweaver pra-CS6, kotak dialog Pratinjau Gambar yang agak rumit akan terbuka. Di CS6, gambar muncul di jendela Dokumen, dan kotak dialog Optimalisasi Gambar yang sangat sederhana akan muncul.

   

   Pengaturan format gambar default pada kotak dialog Image Preview dapat diubah dengan memilih format file gambar dan pengaturan pengoptimalan (filter seperti transparansi, kontras, dan kecerahan) dari popup Preset.

3. Buat pilihan Anda di kotak dialog Optimalisasi Gambar (dengan asumsi Anda ada di CS6) dan kemudian klik OK.

4. Pada kotak dialog Save Web Image yang terbuka, masukkan nama gambar.

   Seperti semua filenaming web, hindari menggunakan spasi dan karakter khusus dan jangan mengganti ekstensi nama file (.png,.jpg, atau. Gif).

5. Simpan file ke folder root situs Anda dengan mengklik tombol Root Situs.

   Menyimpan ke folder akar situs selalu merupakan taruhan yang aman. Jika Anda merasa nyaman dengan mengelola struktur folder file, silakan simpan gambar dalam subfolder di dalam folder situs Anda.

6. Klik Simpan.

   Gambar akan disimpan, dan kotak dialog Image Description (Alt Text) muncul. Dalam kotak dialog ini, Anda mendefinisikan atribut aksesibilitas.

   Anda dapat memasukkan teks alt (teks yang akan dibacakan dengan keras untuk menggambarkan gambar bagi penglihatan yang terganggu oleh perangkat lunak pembaca, atau yang akan ditampilkan di lingkungan penjelajahan tempat tampilan gambar dinonaktifkan) di kotak Teks Alternatif di dialog.

7. Klik OK untuk memasukkan gambar.

   Gambar akan terlihat pada halaman dalam tampilan Design.