Bagaimana Menambahkan Gambar Tracing ke Halaman di Dreamweaver - dummies

Fitur Tracing Image di Dreamweaver sangat populer di kalangan desainer. Konsepnya, yang dimulai sejak awal desain, memungkinkan Anda menggunakan grafis sebagai panduan untuk desain halaman Anda, sama seperti Anda bisa menyalin kartun melalui kertas transparan tipis.

Fitur Tracing Image sangat ideal untuk orang-orang yang pertama-tama membuat desain dalam sebuah program, seperti Photoshop atau Fireworks, dan kemudian memodelkan halaman web mereka setelah itu. Dengan menggunakan fitur Tracing Image, Anda dapat memasukkan gambar web-ready ke latar belakang halaman Dreamweaver manapun.

Kemudian Anda dapat memposisikan tag atau memasukkan tabel atau elemen lainnya di atas gambar kalkir, sehingga lebih mudah untuk menciptakan kembali desain Anda di Dreamweaver. Anda dapat menggunakan gambar JPG, GIF, atau PNG sebagai gambar pelacakan dan Anda dapat membuatnya dalam aplikasi grafis yang mendukung format ini.

Meskipun gambar penelusuran muncul di latar belakang halaman, gambar tempat itu tidak menggantikan gambar latar dan tidak akan muncul di browser.

Untuk menambahkan gambar penelusuran ke halaman Anda, ikuti langkah-langkah ini:

1. Buat halaman baru atau buka halaman yang ada di Dreamweaver.

2. Pilih View → Tracing Image → Load.

   Kotak dialog Select Image Source akan terbuka.

3. Pilih gambar yang ingin Anda gunakan sebagai gambar penelusuran Anda dan klik OK.

   Kotak dialog Page Properties terbuka dengan kategori Tracing Image yang dipilih.

   

   kredit: Foto oleh istockphoto. com

4. Klik tombol Browse untuk mencari gambar yang ingin Anda gunakan sebagai gambar tracing.

   Kotak dialog Select Image Source akan muncul.

5. Klik gambar yang ingin Anda telusuri, lalu klik Apply untuk melihat bagaimana gambar terlihat di belakang halaman.

6. Setel opacity untuk gambar penelusuran dengan panel geser Transparansi.

   Menurunkan tingkat transparansi menyebabkan gambar penelusuran terlihat pudar, yang membedakan antara gambar dan konten penelusuran pada halaman menjadi mudah. Anda dapat mengatur tingkat transparansi sesuai dengan preferensi Anda, namun sekitar 50 persen bekerja dengan baik dengan kebanyakan gambar.

7. Klik OK.

   Gambar tracing muncul di jendela Document, dan kotak dialog akan ditutup.

Anda memiliki beberapa opsi lain dengan fitur Tracing Image. Pilih View → Tracing Image untuk mengungkapkan pilihan berikut:

• Show: Menyembunyikan gambar kalkir jika Anda ingin memeriksa pekerjaan tanpa gambar tapi tidak ingin menghapusnya.

• Luruskan dengan Seleksi: Memungkinkan Anda untuk secara otomatis memasang gambar penelusuran dengan elemen yang dipilih pada halaman.

• Sesuaikan Posisi: Memungkinkan Anda untuk menggunakan tombol panah atau memasukkan koordinat X, Y untuk mengontrol posisi gambar penelusuran di belakang halaman.

• Reset Posisi: Atur ulang gambar penelusuran ke 0, 0 pada koordinat X, Y.

• Load: Memungkinkan Anda untuk menambahkan atau mengganti gambar kalkir.

Setelah gambar kalkir terpasang, Anda dapat menggunakannya sebagai panduan saat Anda mendesain halaman Anda. Karena gambar penelusuran ada di balik halaman, itu tidak akan mengganggu pekerjaan disain Anda, dan Anda dapat menambahkan elemen apapun ke gambar penelusuran yang bisa Anda tambahkan ke halaman web lainnya. Gunakan gambar penelusuran sebagai referensi untuk memasukkan dan menempatkan tag, gambar, dan elemen lainnya.