Cara Menyisipkan Gambar Ke Dalam Header Untuk Situs Web

Daftar Isi:

Cara Menyisipkan Gambar Ke Dalam Header Untuk Situs Web
Cara Menyisipkan Gambar Ke Dalam Header Untuk Situs Web

Video: Cara Menyisipkan Gambar Ke Dalam Header Untuk Situs Web

Video: Cara Menyisipkan Gambar Ke Dalam Header Untuk Situs Web
Video: Cara ganti gambar atas atau header website 2024, April
Anonim

Gambar yang dipilih dengan benar mencirikan arah situs dengan cara terbaik, memberikannya individualitas. Selain itu, kebanyakan orang pada dasarnya adalah visual, yang berarti bahwa gambar grafis akan diingat lebih baik untuk mereka.

Cara menyisipkan gambar ke dalam header untuk situs web
Cara menyisipkan gambar ke dalam header untuk situs web

instruksi

Langkah 1

Jika Anda baru saja membuat situs berdasarkan template yang sudah jadi, Anda dapat menyisipkan gambar ke headernya menggunakan pengganti sederhana. Untuk melakukan ini, cukup memilih gambar yang sesuai dan menyimpannya kembali dengan nama ilustrasi standar. Hal utama di sini adalah menyesuaikan dimensi, jika tidak, gambar Anda tidak akan cocok dengan parameter sumber daya. Anda dapat melakukan hal yang sama dengan situs web siap pakai yang memiliki sistem kontrol dan telah dikirim melalui Internet.

Langkah 2

Lebih baik menggunakan Adobe Photoshop untuk mengedit gambar. Ingatlah bahwa versi programnya bisa dalam bahasa Inggris dan untuk kenyamanan kerja Anda perlu crack. Itu dapat diunduh secara gratis di Internet.

Langkah 3

Buka gambar yang ingin Anda ganti di editor grafis dan pilih "Gambar" - "Ukuran gambar" dari menu. Ingat, atau lebih baik tuliskan nilainya dalam piksel. Anda dapat menutup gambar - Anda tidak akan membutuhkannya lagi.

Langkah 4

Di menu "File", pilih "Baru", setelah itu formulir akan terbuka di depan Anda. Masukkan nilai yang direkam dari ukuran gambar ke dalamnya dan klik "OK". Anda juga dapat mengatur parameter lain di sepanjang jalan, misalnya, nama lapisan atau jenis konten latar belakang, tetapi itu tidak mendasar.

Langkah 5

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

Langkah 6

Buka di program gambar yang ingin Anda lihat di header situs ("File" - "Open").

Langkah 7

Pada bilah alat, pilih ikon "Area persegi panjang", gunakan untuk memilih gambar.

Langkah 8

Gunakan perintah "Salin" dari menu "Edit" dan tempel gambar pada lapisan baru dari bentuk yang disiapkan ("Edit" - "Tempel"). Pilih alat Pindahkan dan pindahkan gambar sesuai kebutuhan.

Langkah 9

Jika ukuran gambar ternyata lebih besar atau lebih kecil, maka dapat diperbaiki menggunakan perintah dari menu "Gambar". Bagaimanapun, parameter gambar utama jarang bertepatan dengan yang diperlukan, sehingga hampir selalu ada ruang kosong. Itu harus diisi, dan untuk ini yang terbaik adalah menggunakan "Latar Belakang". Misalnya, Anda dapat mengisi dengan satu warna, atau menggunakan alat Gradient, lalu menghaluskan transisi menggunakan dodge / darken, Finger, Sponge, dan sebagainya.

Langkah 10

Ada tag khusus untuk menyisipkan gambar dalam bahasa html

dengan berbagai atribut:

• src - alamat gambar;

• tinggi - tinggi dalam px;

• lebar - lebar dalam px;

• perbatasan - perbatasan dalam px;

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

Sebagai contoh,. Tidak diperlukan tag terbalik.

Direkomendasikan: