Cara Memasukkan Gambar Ke Dalam Header

Daftar Isi:

Cara Memasukkan Gambar Ke Dalam Header
Cara Memasukkan Gambar Ke Dalam Header

Video: Cara Memasukkan Gambar Ke Dalam Header

Video: Cara Memasukkan Gambar Ke Dalam Header
Video: Tutorial Menggunakan Fitur "Header u0026 Footer" di Ms. Word 2024, November
Anonim

Seringkali, dengan fungsi serupa, gambar di header situs atau blog memberikan individualitas yang diperlukan, dan template yang diusulkan, di sisi lain, seringkali hanya "tanpa wajah". Lebih mudah untuk menempatkan logo perusahaan, atau gambar dengan lokasi geografis, atau foto-foto tertentu yang penting bagi pemilik situs di gambar, di bagian paling atas.

Sepotong kode yang mengarah ke tautan ke gambar di header situs
Sepotong kode yang mengarah ke tautan ke gambar di header situs

Diperlukan

Keterampilan bekerja di editor grafis

instruksi

Langkah 1

Jika Anda memiliki pengelola situs, biasanya menyertakan fungsi "ubah gambar". Dalam hal ini, Anda hanya perlu mengganti milik Anda sendiri.

Analisis sistem manajemen konten Anda dengan cermat. Jika Anda tidak memiliki fungsi yang diinginkan, Anda harus masuk ke kode html. Jika Anda bekerja dengan Joomla, cari file: mw_joomla_logo.png, itu ada di folder gambar di folder template (Joomla emplates template_name imagesmw_joomla_logo. png) Untuk mengubah gambar: dalam kode situs html html ("tampilan"> "lihat kode html").

Temukan "tajuk" yang disorot dengan tag kepala

Temukan gambar dengan melihat tag img di judul

Tautan ke gambar terlihat seperti: img src = "picture.jpg"

Langkah 2

Unduh dan analisis ukuran dan berat gambar.

Di editor grafis, buat gambar Anda sendiri dengan parameter yang sama

Unggah gambar ke server, letakkan di direktori yang sama tempat semua gambar situs berada (baik di jaringan sederhana, atau di album gambar, yang utama adalah penyimpanannya jangka panjang)

Langkah 3

Buka kembali kode situs.

Ganti alamat gambar Anda alih-alih yang ada sekarang.

Sebagai jaring pengaman, Anda dapat mengatur ukuran yang tepat dari gambar dan batas tak terlihat sebagai berikut:

img src = "alamat gambar / gambar.jpg" alt="Penjelasan gambar"

Arti tag:

img = gambar - gambar.

src = sumber - sumber, yaitu alamat

perbatasan = perbatasan. Jika Anda bermain dengan nilai ini, perbatasan (goresan) akan muncul di sekitar gambar.

alt = alternatif - teks yang akan menggantikan gambar jika dimatikan dari tampilan (untuk menghemat lalu lintas, misalnya). Teks ini, karena tidak terlihat, masih dibaca oleh mesin telusur dan dapat berfungsi sebagai alat yang baik untuk mempromosikan situs Anda. Simpan kode dengan gambar baru.

Kosongkan cache jika perlu. Mungkin gambar lama masih dimuat ke dalamnya, dan tidak menampilkan situs Anda dengan benar.

Direkomendasikan: