Cara Menambahkan Tautan ke Gambar di Adobe Dreamweaver: 7 Langkah

Daftar Isi:

Cara Menambahkan Tautan ke Gambar di Adobe Dreamweaver: 7 Langkah
Cara Menambahkan Tautan ke Gambar di Adobe Dreamweaver: 7 Langkah

Video: Cara Menambahkan Tautan ke Gambar di Adobe Dreamweaver: 7 Langkah

Video: Cara Menambahkan Tautan ke Gambar di Adobe Dreamweaver: 7 Langkah
Video: Penggunaan Trello untuk Project Management, GRATIS lho 2024, April
Anonim

Saat membuat situs web, ada beberapa hal yang perlu diingat, salah satunya adalah membuat situs Anda menarik bagi pemirsa. Dengan Dreamweaver, program pengeditan HTML, mudah untuk mengonversi gambar menjadi tautan. Artikel ini akan menunjukkan cara melakukannya!

Langkah

Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 1
Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 1

Langkah 1. Buka Dreamweaver

Buka file yang ada atau tentukan situs baru dan buat file HTML baru, jika Anda belum melakukannya.

Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 2
Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 2

Langkah 2. Saat Anda membuat file HTML baru, Dreamweaver sudah akan membuat struktur halaman web dasar untuk Anda

Masukkan kursor Anda di suatu tempat di antara dan tag.

Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 3
Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 3

Langkah 3. Masukkan gambar yang Anda inginkan

Ada tiga metode alternatif untuk melakukan ini:

  • Buka panel 'Sisipkan' di bagian atas. Klik 'Image' dan pilih 'Image' dari sub-menu yang muncul.
  • Di sebelah kanan, ada bar dengan tulisan 'Insert' dan 'Files' di atasnya. Klik 'Pilih' lalu klik 'Umum' dari menu tarik-turun. Sekarang, masukkan gambar dengan mengklik 'Gambar'. Jika bilah itu tidak muncul, klik di mana ruang kerja 'Ringkas' atau 'Diperluas' ditulis. Klik 'Compact', lalu 'Reset Compact' untuk mengatur ulang pengaturan default Dreamweaver.
  • Tekan Ctrl+Alt+I pada keyboard Anda.
Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 4
Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 4

Langkah 4. Sesuaikan ukuran gambar Anda dengan memasukkan jumlah piksel pada bidang 'Lebar' dan 'Tinggi'

Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 5
Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 5

Langkah 5. Buka mode 'Desain' untuk melihat seperti apa gambar Anda

Klik 'Langsung' untuk melihat tampilannya di situs web Anda.

Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 6
Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 6

Langkah 6. Klik pada gambar

Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 7
Tambahkan Tautan ke Gambar di Adobe Dreamweaver Langkah 7

Langkah 7. Simpan halaman web Anda dengan menekan Ctrl+S (Simpan) atau Ctrl+⇧ Shift+S (Simpan Sebagai).

Tips

  • Jika Anda ingin menjadi seperti tombol atau hanya bentuk pada gambar Anda, ubah latar belakang menjadi mirip dengan yang ada di halaman web Anda dengan program pengeditan gambar seperti Photoshop.
  • Klik pada yang kecil bola dunia ikon di atas untuk melihatnya di browser Anda.

Direkomendasikan: