Video: 5.1 Pengenalan HTML | Belajar HTML 2025
Inspektur Properti Dreamweaver bersifat konteks-sensitif, artinya saat Anda mengeklik gambar, atribut HTML untuk gambar itu ditampilkan dan dapat diedit. Beberapa atribut gambar yang dapat diedit lebih "teknis" daripada faktor desain.
Misalnya, ID gambar digunakan saat gambar terhubung ke program JavaScript atau database. Atribut gambar lainnya di Properties Inspector terdiri dari seperangkat alat editing gambar yang terbatas. Alat tersebut meliputi cropping, editing contrast, dan sharpening images. Lihatlah yang paling penting dari pilihan ini:
-
Alat area peta: Alat area Peta membuat hotspot yang bisa diklik pada gambar yang dipilih dan tentukan link terpisah untuk hotspot yang berbeda. Hotspot adalah bagian dari gambar yang berfungsi sebagai link. Anda dapat menggunakan alat hotspot Rectangle, Circle, dan Polygon untuk menggambar bagian pada gambar yang dipilih, dan kemudian menetapkan tautan tertentu ke hotpots tersebut di Properties Inspector.
Alat keempat dalam rangkaian ini, alat Pointer Hotspot, digunakan untuk memilih, memindahkan, atau mengedit hotspot yang ada.
-
Ruang V dan Ruang H: Tentukan jarak horizontal dan vertikal di sekitar gambar yang dipilih.
-
Sejajarkan: Gunakan munculan ini untuk memilih antara penyelarasan kiri atau kanan. (Pilihan lain tersedia secara teknis, namun ada sisa-sisa dari era ketika simbol grafis berukuran teks dimasukkan langsung ke dalam garis teks dan tidak digunakan saat ini dalam penyelarasan gambar.)
-
Src: Bidang ini mengidentifikasi gambar terkait tertanam
-
Alt: Ubah teks yang ditampilkan, atau dibacakan dengan keras, bila gambar tidak terlihat.
-
Border: Tentukan lebar border (0 pixel, secara default), atau 1 pixel jika gambar berfungsi sebagai link.
-
Link: Tentukan link yang terbuka saat gambar diklik. Jika link didefinisikan, Anda dapat mengatur agar link terbuka di jendela browser baru dengan memilih _blank dari popup Target.
-
Kelas: Gunakan munculan ini untuk menetapkan gaya kelas CSS jika ada yang didefinisikan atau ditautkan ke halaman.
-
W (lebar) dan H (tinggi): Ubah ukuran gambar. Batalkan pilihan ikon Kendala Ukuran Toggle membuka keterkaitan antara tinggi dan lebar, memungkinkan Anda untuk meregangkan atau menyempitkan gambar daripada mempertahankan rasio aspek tinggi hingga lebar yang asli saat Anda mengubah ukurannya. Anda juga dapat mengubah ukuran secara interaktif dengan mengklik dan menyeret pegangan sudut kanan bawah dari gambar yang dipilih. Tahan tombol Shift saat Anda mengubah ukuran untuk mempertahankan rasio tinggi terhadap lebar.
-
Contoh: Alat baru di CS6 memungkinkan Anda untuk membuat ulang gambar ukuran (lebih kecil) ukurannya.Resampling menghilangkan data yang tidak dibutuhkan dan membuat file gambar lebih kecil, dan itu berarti gambar bisa mendownload lebih cepat. Pilih kotak centang Commit Image Size untuk menentukan ulang gambar, atau klik tombol Reset to Original Size di sebelahnya di Properties Inspector untuk membatalkan ukuran.
