Cara Memasukkan Gambar Ke Dalam Tajuk Untuk Laman Web

Isi kandungan:

Cara Memasukkan Gambar Ke Dalam Tajuk Untuk Laman Web
Cara Memasukkan Gambar Ke Dalam Tajuk Untuk Laman Web

Video: Cara Memasukkan Gambar Ke Dalam Tajuk Untuk Laman Web

Video: Cara Memasukkan Gambar Ke Dalam Tajuk Untuk Laman Web
Video: Tutorial Dasar Html #6 - Cara Memasukkan Gambar Pada HTML 2024, November
Anonim

Gambar yang dipilih dengan betul menggambarkan arah laman web dengan cara terbaik, memberikan keperibadian. Di samping itu, kebanyakan orang adalah visual secara semula jadi, yang bermaksud bahawa gambar grafik akan diingati jauh lebih baik bagi mereka.

Cara memasukkan gambar ke tajuk untuk laman web
Cara memasukkan gambar ke tajuk untuk laman web

Arahan

Langkah 1

Sekiranya anda hanya membuat laman web anda berdasarkan templat siap pakai, maka anda boleh memasukkan gambar ke tajuknya menggunakan pengganti yang mudah. Untuk melakukan ini, cukup memilih gambar yang sesuai dan menyimpannya dengan nama ilustrasi standard. Perkara utama di sini adalah menyesuaikan dimensi, jika tidak, gambar anda tidak akan sesuai dengan parameter sumber. Anda boleh melakukan perkara yang sama dengan laman web siap pakai yang mempunyai sistem kawalan dan telah dihantar melalui Internet.

Langkah 2

Lebih baik menggunakan Adobe Photoshop untuk mengedit gambar. Perlu diingat bahawa versi program boleh dibuat dalam bahasa Inggeris dan untuk keselesaan bekerja, anda memerlukan celah. Ia boleh dimuat turun secara percuma di Internet.

Langkah 3

Buka gambar yang ingin anda ganti dalam penyunting grafik dan pilih "Gambar" - "Ukuran gambar" dari menu. Ingat, atau lebih baik tuliskan nilai dalam piksel. Anda boleh menutup gambar - anda tidak memerlukannya lagi.

Langkah 4

Di menu "Fail", pilih "Baru", selepas itu borang akan terbuka di hadapan anda. Masukkan nilai rakaman ukuran gambar ke dalamnya dan klik "OK". Anda juga boleh menetapkan parameter lain sepanjang jalan, misalnya, nama lapisan atau jenis kandungan latar belakang, tetapi tidak mendasar.

Langkah 5

Buat lapisan baru ("Lapisan" - "Baru").

Langkah 6

Buka dalam program gambar yang ingin anda lihat di tajuk laman web ("Fail" - "Buka").

Langkah 7

Pada bar alat, pilih ikon "Rectangular area", gunakan untuk memilih gambar.

Langkah 8

Gunakan perintah "Salin" dari menu "Edit" dan tempelkan gambar pada lapisan baru dari bentuk yang telah disiapkan ("Edit" - "Tampal"). Pilih alat Pindah dan pindahkan gambar mengikut keperluan.

Langkah 9

Sekiranya ukuran gambar ternyata lebih besar atau lebih kecil, maka dapat diperbaiki dengan menggunakan perintah dari menu "Gambar". Walau bagaimanapun, parameter gambar utama jarang bertepatan dengan yang diperlukan, jadi hampir selalu ada ruang kosong. Ia mesti diisi, dan untuk ini lebih baik menggunakan "Latar Belakang". Contohnya, anda boleh mengisi dengan satu warna, atau menggunakan alat Gradient, dan kemudian melancarkan peralihan menggunakan dodge / darken, Finger, Sponges, dan sebagainya.

Langkah 10

Terdapat tag khas untuk memasukkan gambar dalam bahasa html

dengan pelbagai sifat:

• src - alamat gambar;

• tinggi - tinggi dalam px;

• lebar - lebar dalam px;

• sempadan - sempadan dalam px;

• alt - penjelasan untuk gambar, ditampilkan untuk pengguna ketika fungsi penerimaan gambar dimatikan.

Sebagai contoh,. Tidak perlu teg terbalik.

Disyorkan: