Cara Membuat Gambar Latar Di Laman Web

Isi kandungan:

Cara Membuat Gambar Latar Di Laman Web
Cara Membuat Gambar Latar Di Laman Web

Video: Cara Membuat Gambar Latar Di Laman Web

Video: Cara Membuat Gambar Latar Di Laman Web
Video: Tutorial HTML : Cara Mengganti Background Website dengan Gambar 2024, Mungkin
Anonim

Anda boleh mempelajari asas-asas pembinaan laman web anda sendiri; terdapat cukup maklumat mengenai topik ini di Internet dan buku. Walau bagaimanapun, pada peringkat awal, kesukaran sering timbul dalam penggunaan satu atau lain tanda. Sesungguhnya, komponen yang paling biasa diingat paling baik kerana ia sangat penting semasa menulis laman web apa pun.

Cara membuat gambar latar di laman web
Cara membuat gambar latar di laman web

Arahan

Langkah 1

Pilih gambar yang ingin anda gunakan sebagai gambar latar anda. Sekiranya anda ingin memasukkan teks ke atas ilustrasi, maka dalam hal ini dianjurkan untuk membatasi diri pada pilihan tanpa variasi berlebihan, di mana beberapa warna digunakan yang hampir sama. Pada prinsipnya, untuk menghilangkan riak, anda boleh membuat "latar belakang" kandungan - dan masalahnya akan berjaya diselesaikan.

Langkah 2

Betulkan gambar menggunakan Adobe Photoshop. Setelah selesai, pilih arahan Save For Web dari menu File dan pilih folder yang anda mahukan. Sekiranya ini adalah gambar pertama yang digunakan untuk laman web ini, maka folder "Imej" akan dibuat secara automatik.

Langkah 3

Dalam teg, tuliskan atribut background = "path to image". Rekodkan contoh: atau. Pada masa yang sama, ingat bahawa teg hanya boleh muncul sekali dalam kod, tag tidak boleh digandakan.

Langkah 4

Simpan perubahan pada notepad, klik butang "Refresh" di penyemak imbas. Kertas dinding akan muncul di skrin. Sekiranya dimensi gambar lebih kecil daripada parameter laman web, maka gambar akan digandakan sebanyak yang diperlukan untuk mengisi seluruh ruang. Terdapat dua cara untuk memperbaiki kekurangan ini:

• menggunakan program Adobe Photoshop, tetapkan parameter gambar yang diperlukan dalam piksel ("Gambar" - "Ukuran gambar");

• tetapkan dimensi yang diperlukan dalam kod html.

Contohnya, jika lebarnya 1250 piksel, dan tingginya 650 piksel, maka anda perlu menambahkan atribut yang diperlukan untuk sel meja di mana gambar akan diletakkan.

Anda tidak dapat menetapkan ukuran dalam tag - gambar akan selalu ditampilkan dalam ukuran penuh.

Langkah 5

Analog ccs untuk memasukkan gambar latar:

gambar latar belakang

TUBUH {

latar belakang-gambar: url (gambar / bg.jpg);

}

Atribut "background-image: url (images / bg.jpg)" adalah jalan menuju gambar latar.

Disyorkan: