Cara Memasukkan Logo Ke Dalam Situs Web

Daftar Isi:

Cara Memasukkan Logo Ke Dalam Situs Web
Cara Memasukkan Logo Ke Dalam Situs Web

Video: Cara Memasukkan Logo Ke Dalam Situs Web

Video: Cara Memasukkan Logo Ke Dalam Situs Web
Video: CARA MUDAH MENGGANTI/MENAMBAHKAN LOGO DAN FAVICON WEBSITE PADA CMS WORDPRESS 2024, Mungkin
Anonim

Biasanya, logo ditempatkan di situs dalam format gambar, dan cara khusus untuk memasukkannya ke halaman yang ada tergantung pada desain dan jenis tata letak yang digunakan. Dalam beberapa kasus, Anda dapat melakukannya tanpa mengedit kode sumber sama sekali, dalam kasus lain editor visual dari sistem kontrol akan membantu, dan dalam kasus ketiga, Anda tidak dapat melakukannya tanpa mengedit kode HTML secara manual.

Cara memasukkan logo ke dalam situs web
Cara memasukkan logo ke dalam situs web

instruksi

Langkah 1

Jika header situs dibuat dalam format gambar, logo dapat ditempatkan di atas gambar yang ada menggunakan editor grafis apa pun. Ini adalah opsi paling sederhana dan tidak memerlukan pengeditan halaman. Untuk menggunakannya, temukan file dengan gambar header di server situs dan unduh ke komputer Anda. Kemudian buka dengan editor grafis - untuk operasi yang akan datang, kemampuan Windows Paint standar sudah cukup.

Langkah 2

Tempatkan gambar logo di atas gambar yang terbuka - di Paint, item "Tempel dari" di daftar drop-down "Tempel" dimaksudkan untuk ini. Gunakan mouse untuk menyeret logo ke tempat yang diinginkan di gambar latar belakang, ubah ukurannya sesuai kebutuhan dan simpan hasilnya dengan kombinasi tombol Ctrl + S. Unggah file header dengan logo ke server, ganti file asli, dan operasi akan selesai.

Langkah 3

Untuk menyisipkan logo ke dalam kode HTML halaman, paling mudah menggunakan mode grafis (mode WYSIWYG) editor halaman, yang tersedia di sebagian besar sistem manajemen situs. Setelah membuka halaman yang diperlukan dalam editor seperti itu, klik tempat logo harus ditempatkan, dan tekan tombol untuk memasukkan gambar ke dalam menu. Dialog akan muncul di layar, di mana Anda perlu menentukan lokasi file dengan logo di komputer. Bergantung pada editor, dialog yang sama mungkin berisi bidang untuk memasukkan parameter tambahan - ukuran gambar, indentasi dari elemen halaman yang berdekatan, dll. Setelah selesai, klik OK, lalu simpan halaman yang telah diedit.

Langkah 4

Jika Anda tidak dapat menggunakan editor halaman, Anda harus "secara manual" menambahkan tag ke kode sumber. Untuk melakukan ini, temukan file halaman yang diperlukan di server, unduh ke komputer Anda dan buka di editor teks apa pun - misalnya, di Notepad. Operasi ini memerlukan beberapa pengetahuan tentang bahasa tata letak hypertext - Anda perlu menemukan tempat yang benar dalam kode HTML untuk menempatkan tag logo. Tag ini sendiri dalam bentuknya yang paling sederhana dapat ditulis, misalnya, seperti ini:

Langkah 5

Setelah menambahkan baris ke kode sumber, simpan halaman dan ganti yang asli yang disimpan di server dengan file yang diedit. Kemudian unggah file dengan gambar di sana - untuk contoh dari langkah sebelumnya, file ini harus disebut logo.png

Direkomendasikan: