Cara Memasukkan Gambar di Dreamweaver - dummies

Alat pengeditan gambar minimalis Dreamweaver memungkinkan Anda untuk Lakukan pengeditan gambar dasar, seperti mengubah ukuran dan memotong.Anda menemukan alat tersebut di Inspektur Properti.

Anda tidak membuat gambar di Dreamweaver. Untuk itu, Adobe menyediakan Illustrator (untuk karya seni, teks grafis, gambar latar belakang halaman, navigasi ikon, dan sebagainya) dan Photoshop (untuk mempersiapkan foto untuk web), dan juga alat lainnya. Sebagai aturan umum, tetaplah mempersiapkan gambar untuk web dalam program tersebut.

Untuk menyisipkan gambar, pastikan Anda bekerja dalam tampilan Desain (atau, dalam tampilan Split dengan kursor di sisi Desain jendela). Anda memiliki dua jalur dasar: Sisipkan dari mesin Anda atau gunakan salinan - dan -paste teknik. Dalam kedua kasus, Anda perlu berada di Design view (pilih View → Design; atau untuk Split view, choos e Lihat → Kode dan Desain) untuk melihat gambar saat Anda menempelkan atau menyematkannya.

Kemungkinan adalah halaman HTML tempat Anda menyematkan gambar akan memiliki beberapa teks di dalamnya. Jadi, langkah pertama adalah mencari tahu di mana Anda ingin gambar itu muncul.

Tidak seperti desain cetak, gambar di halaman web tidak ditempatkan di lokasi tertentu. Itu mendorong desainer gila.

Jadi, untuk memasukkan file gambar dari komputer Anda ke dalam halaman web HTML terbuka di Dreamweaver, ikuti langkah-langkah ini:

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

   Pada langkah ini, Anda akan menemukan di mana dalam kode HTML gambar Anda akan disisipkan. Sekali lagi, di mana dan bagaimana gambar ditampilkan akan didefinisikan dengan CSS.

2. Pilih Insert → Image.

3. Pada kotak dialog Select Image Source yang terbuka, navigasikan ke dan pilih file apapun di komputer Anda.

   Jika gambar yang Anda pilih ada di luar folder situs Anda, sebuah kotak dialog yang membantu muncul, mendorong Anda untuk menyimpan salinan gambar tersebut ke folder akar situs Dreamweaver Anda.

   

   1. Klik Ya.

   2. Klik Save in the Copy File Sebagai kotak dialog.

4. Tentukan atribut aksesibilitas.

   Secara default, kotak dialog Atribut Aksesibilitas Dreamweaver Image Tag Accessibility muncul sebelum gambar akhirnya dimasukkan ke dalam halaman.

   Bidang Teks Alternatif adalah yang paling penting dari dua pilihan di kotak dialog ini. Ini menampilkan teks yang dibaca dengan keras dalam perangkat lunak pembaca untuk pengunjung dengan gangguan penglihatan, dan juga menampilkannya di lingkungan browsing dimana tampilan gambar dinonaktifkan. Teks alternatif dapat dan sering harus mencakup huruf besar dan huruf kecil, spasi, dan karakter khusus.

   

   Jika penglihatan-gangguan pengunjung atau orang-orang di lingkungan browsing yang tidak mendukung gambar adalah bagian dari audiens target Anda, Anda mungkin mempertimbangkan untuk membuat file HTML dengan deskripsi gambar yang lebih besar.File seperti itu terkait dengan gambar dengan menentukan sebuah tautan di kotak Long Description pada kotak dialog Image Tag Accessibility Attributes.

5. Klik OK untuk memasukkan gambar.

Pada titik ini, Anda hanya memasukkan gambar itu. Desain halaman, termasuk menempatkan gambar dan teks yang mengalir di sekitar mereka, dikelola dengan CSS