Cara memasang gambar di judul halaman web dengan Dreamweaver

Langkah 1

Pilih gambar yang sesuai Favicons sangat kecil, mereka hanya mengukur 16 piksel persegi, sehingga gambar yang Anda pilih harus cukup sederhana untuk dapat dibaca dalam ukuran miniatur. Logo kompleks tampak ketat atau mungkin memiliki tepi tidak beraturan saat mengubah ukuran menjadi 16 piksel. Jika ini terjadi pada Anda, pertimbangkan penggunaan gambar alternatif yang tidak menyertakan logo Anda, tetapi lebih mencerminkan jenis konten di situs web Anda atau dalam kisaran warna di situs. Dalam hal apapun, pastikan gambar Anda adalah persegi sempurna untuk memastikan pengurangan.

Langkah 2

Ubah ukuran gambar. Setelah memilih gambar untuk mengurangi, buka file di Photoshop. Di menu di bagian atas layar, pilih "Gambar, " lalu klik "Ukuran Gambar." Di kotak dialog yang muncul, ubah lebar dan tinggi gambar menjadi 16 piksel, dan terakhir klik "OK".

Langkah 3

Simpan gambar Anda sebagai file GIF atau PNG. Jenis file ini hampir tidak memiliki masalah ketika mereka harus dikonversi ke format ICO pada langkah berikutnya. Untuk menyimpan gambar Anda di salah satu format tersebut, pilih "File" di menu bagian atas Photoshop, lalu "Save as." Berikan nama file favicon dan klik pada menu drop-down di bawah bidang nama file dan pilih opsi "GIF" atau "PNG".

Langkah 4

Konversikan gambar ke format ICO. Photoshop tidak dapat menyimpan file jenis ini sendiri. Sebagai gantinya, Anda harus mengunduh konektor atau menggunakan utilitas web. Sebagai contoh, gunakan generator favicon gratis dari situs web "favicon.cc" (lihat Referensi). Dari halaman utama situs ini, klik tombol "Impor gambar". Cari file GIF atau PNG yang dibuat pada langkah 3 dan klik "Unggah." Dalam beberapa detik, utilitas akan mengubah file Anda menjadi gambar 16 piksel persegi. Untuk menyimpannya ke komputer Anda dengan format ICO, cari judul dengan label "Pratinjau" di bagian bawah halaman, dan kemudian klik "Unduh favicon". Simpan file ini di folder dengan sisa file halaman web Anda.

Langkah 5

Tambahkan favicon ke situs web Anda. Anda akan menautkan halaman web individu dengan cara yang sama seperti yang dilakukan file eksternal, seperti JavaScript dan CSS. Buka halaman web Anda dengan Dreamweaver, kemudian ubah kode dengan memilih opsi "Lihat" di menu di bagian atas layar dan klik pada opsi "Kode". Kemudian, itu termasuk kode tag berikut:. Kode ini mengasumsikan bahwa favicon ada di folder gambar. Jika Anda menempatkan favicon di tempat lain, perbarui lokasi konten. Mengapa Anda perlu menyertakan dua tautan? Untuk kompatibilitas antara browser. Internet Explorer 7 menangani favicons dengan cara yang berbeda dari browser lain dan membutuhkan satu aturan untuk memastikan presentasi yang benar.

Langkah 6

Simpan halaman web Anda, dan kemudian buka di browser Anda. Sekarang Anda akan melihat favicon Anda. Jika browser Anda sudah terbuka, Anda mungkin harus menutupnya sepenuhnya dan memulai ulang sebelum favicon muncul. Perlu diingat juga bahwa beberapa browser menampilkan favicon untuk judul halaman yang terletak di folder Favorit, dan bukan pada judul itu sendiri di bilah browser.