Cara Membuat Gambar Latar Belakang Di Situs Web

Daftar Isi:

Cara Membuat Gambar Latar Belakang Di Situs Web
Cara Membuat Gambar Latar Belakang Di Situs Web

Video: Cara Membuat Gambar Latar Belakang Di Situs Web

Video: Cara Membuat Gambar Latar Belakang Di Situs Web
Video: Tutorial HTML : Cara Mengganti Background Website dengan Gambar 2024, November
Anonim

Anda dapat mempelajari dasar-dasar pembuatan situs sendiri; ada cukup informasi tentang topik ini di Internet dan buku. Namun, pada tahap awal, kesulitan sering muncul dalam penggunaan satu tag atau lainnya. Memang, komponen yang paling umum paling diingat karena sangat penting saat menulis situs web apa pun.

Cara membuat gambar latar belakang di situs web
Cara membuat gambar latar belakang di situs web

instruksi

Langkah 1

Pilih gambar yang ingin Anda gunakan sebagai gambar latar belakang. Jika Anda bermaksud memasukkan teks di atas ilustrasi, maka dalam hal ini disarankan untuk membatasi diri Anda pada opsi tanpa variasi yang berlebihan, di mana beberapa warna digunakan yang sifatnya dekat. Pada prinsipnya, untuk menghilangkan riak, Anda dapat membuat "latar belakang" untuk konten - dan masalahnya akan berhasil diselesaikan.

Langkah 2

Perbaiki gambar menggunakan Adobe Photoshop. Setelah selesai, pilih perintah Save For Web dari menu File dan pilih folder yang Anda inginkan. Jika ini adalah gambar pertama yang digunakan untuk situs, maka folder "Gambar" akan dibuat secara otomatis.

Langkah 3

Di tag, tulis atribut background = "path to image". Contoh rekaman: atau. Pada saat yang sama, perlu diingat bahwa tag harus muncul hanya sekali dalam kode, tidak boleh dikalikan.

Langkah 4

Simpan perubahan di notepad, klik tombol "Refresh" di browser. Wallpaper akan muncul di layar. Jika dimensi gambar lebih kecil dari parameter halaman web, maka gambar akan digandakan sebanyak yang diperlukan untuk mengisi seluruh ruang. Ada dua cara untuk memperbaiki kekurangan ini:

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

• mengatur dimensi yang diperlukan dalam kode-html.

Misalnya, jika lebarnya 1250 px, dan tingginya 650 px, maka Anda perlu menambahkan atribut yang diperlukan untuk sel tabel tempat gambar akan ditempatkan.

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

Langkah 5

Analog ccs untuk menyisipkan gambar latar belakang:

gambar latar belakang

TUBUH {

background-image: url (gambar / bg.jpg);

}

Atribut "background-image: url (images / bg.jpg)" adalah jalur ke gambar latar belakang.

Direkomendasikan: