Rumah Media Sosial Bagaimana Menambahkan Gambar Tracing ke Halaman di Dreamweaver - dummies

Bagaimana Menambahkan Gambar Tracing ke Halaman di Dreamweaver - dummies

Video: Cara Mudah Memasang Google Maps di Website / HTML (LENGKAP) 2025

Video: Cara Mudah Memasang Google Maps di Website / HTML (LENGKAP) 2025
Anonim

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.

Bagaimana Menambahkan Gambar Tracing ke Halaman di Dreamweaver - dummies

Pilihan Editor

Kantor 2011 untuk Mac: Membuat Tabel dengan Kotak Dialog atau Teks - dummies

Kantor 2011 untuk Mac: Membuat Tabel dengan Kotak Dialog atau Teks - dummies

Sementara ada cara baru untuk membuat tabel di Office 2011 untuk Mac, Anda masih bisa menggunakan teknik stand-by. Menu yang familiar masih bekerja di Office 2011 untuk Mac, dan inilah buktinya. Dialog meja semuanya masih ada di sana: Di Word, pilih Table → Insert → Table; Sebagai alternatif, pada tab Tabel Ribbon, di Tabel Pilihan ...

Kantor 2011 untuk Mac: Melepaskan Command Toolbar - dummies

Kantor 2011 untuk Mac: Melepaskan Command Toolbar - dummies

Apakah Anda menggunakan Office 2011 untuk Mac atau Produk Microsoft Office lainnya, toolbar Anda bisa sangat berantakan. Setiap kali Anda merasa perlu untuk men-tweak antarmuka aplikasi Microsoft Office, Anda perlu memanggil dialog Customize Toolbars and Menus. Ini adalah dialog super kuat di Word, Excel, dan PowerPoint yang memungkinkan Anda ...

Kantor 2011 untuk Mac: Berbagi Toolbar dan Menu - dummies

Kantor 2011 untuk Mac: Berbagi Toolbar dan Menu - dummies

Setelah Anda menyesuaikan Office 2011 Anda bilah alat dan antarmuka, Anda dapat berbagi penyesuaian dengan orang lain. Namun, pastikan bahwa Anda menasihati orang-orang yang telah Anda lakukan sebelum membagikan dokumen Anda dengannya; Jika tidak, mereka mungkin akan terkejut saat mereka membuka dokumen Anda dan melihat susunan toolbar atau menu yang berbeda dari pada apa ...

Pilihan Editor

Penting Office 2007 Commands - dummies

Penting Office 2007 Commands - dummies

Anda dapat membuat program Office 2007 lebih mudah jika Anda menggunakan pintasan sederhana ini. Perintah-perintah ini, seperti mengurungkan kesalahan dan memperbesar dan memperkecil akan membantu Anda menghemat waktu. Memasuki simbol: Untuk memasukkan simbol atau karakter asing yang tidak ada pada keyboard Anda, masuk ke tab Insert dan klik Symbol ...

Menyesuaikan Perintah Menu di Office 2003 - dummies

Menyesuaikan Perintah Menu di Office 2003 - dummies

Office 2003 menyediakan dua teknik untuk menyesuaikan menu dan perintah menu. Anda bisa memulai dari kotak dialog Rearrange Commands atau menggunakan metode drag-and-drop. Teruslah membaca. Menangani perintah menu di kotak dialog Rearrange Commands Teknik tombol Options Toolbar untuk menangani tombol toolbar bagus dan keren, tapi bagaimana jika Anda ingin ...

Pilihan Editor

Bagaimana memecahkan kesalahan logis dalam analisis argumen Pertanyaan GRE - dummies

Bagaimana memecahkan kesalahan logis dalam analisis argumen Pertanyaan GRE - dummies

Ketika Anda menjawab Argument Analysis Pertanyaan di GRE, argumen mungkin tampak logis dan adil di permukaan tapi sebenarnya keliru (keliru, cacat). Alasan melingkar, penalaran sebab-akibat yang keliru, dan generalisasi sweeping adalah tiga tanda argumen lemah. Dengan melihat beberapa kesalahan logis yang lebih umum, Anda dapat mengidentifikasi kelemahan dalam argumen dan ...

Pilihan ganda, Beberapa Jawaban tentang Tes Matematika GRE - Pertanyaan Praktik - dummies

Pilihan ganda, Beberapa Jawaban tentang Tes Matematika GRE - Pertanyaan Praktik - dummies

Meskipun pertanyaan matematika biasanya hanya memiliki satu jawaban yang benar, ini tidak selalu terjadi. Akibatnya, beberapa pertanyaan pilihan ganda pada tes GRE Math akan memberi Anda daftar jawaban dan meminta Anda untuk memilih lebih dari satu. Pertanyaan praktik berikut meminta Anda untuk menemukan nilai kemungkinan yang berbeda secara berurutan dan ...

Pilihan ganda, Beberapa Jawaban tentang Tes Verbal GRE - Pertanyaan Praktik - dummies

Pilihan ganda, Beberapa Jawaban tentang Tes Verbal GRE - Pertanyaan Praktik - dummies

Pada tes GRE Verbal, beberapa pertanyaan pilihan ganda akan memiliki lebih dari satu jawaban yang benar. Untuk pertanyaan ini, Anda akan diminta untuk melihat-lihat pilihan jawaban dan memilih semua yang menurut Anda benar. Dalam pertanyaan praktik berikut, Anda diminta untuk membaca bagian yang disertakan, dan kemudian ...