Cara Membuat Background Image Website Fullscreen Di HTML

Jokam-Informatika.com – Apakah sobat sedang membutuhkan cara agar background image(gambar) bisa fullscreen di pemrograman HTML ? Biasanya, cara ini dipakai untuk membuat script deface website. Karena dengan menambahkan gambar secara fullscreen atau penuh tersebut bisa menambah daya tarik tersendiri dimata pengunjung. Sehingga sobat selain bisa menyampaikan pesan kepada pengunjung, sobat juga dapat memanjakan mata pengunjung. Pastinya mereka selain menyimak atau membaca pesan anda, mereka juga betah di halaman yang sobat buat.

Seperti apakah cara membuat Background Image Fullscreen HTML ?

Simak ulasan dibawah ini untuk mengetahuinya beserta tutorialnya,

 

Background – Untuk menentukan gambar penuh(image fullscreen) di halaman pemrograman HTML(Hypertext Markup Language) maka kita membutuhkan CSS(Cascading Style Sheet) agar gambar bisa diatur dengan baik. Background merupakan bagian yang penting dalam penerapan code dalam website maupun Fotografi, namun saya tidak membahas tentang fotografi tersebut. Background sangat penting apabila penerapannya dalam website tidak buruk, dan website dilihat menjadi seperti profesional apabila anda memilih background yang tepat untuk mengisi background di dalam website kalian.

Selain itu apabila background yang anda buat tidak memenuhi ukuran layar dari pengunjung, itu dapat membuat website anda terkesan mempunyai background yang patah-patah apabila pengunjung website anda. Gambar bakground tidak penuh biasanya disebabkan oleh konten yang lebih dari satu layar sehingga menyebabkan gambar harus menduplikat dirinya menjadi beberapa gambar untuk mengisi background yang kosong.

Kali ini saya akan membahas tentang bagaimana membuat gambar yang tidak memenuhi layar bisa menjadi full screen daripada website anda sendiri tersebut. Namun, Anda terlebih dahulu harus mempunyai foto atau gambar yang akan diadikan background dengan spesifiasi gambarnya mempunyai resolusi yang tinggi.

 

Background Image Fullscreen HTML

Oke langsung saja saya memberi tutorial dalam menjadikan gambar background menjadi fullscreen di website anda.
Buka script website anda dan letakan code dibawah ini yang berwarna selain putih, kedalam website anda pada bagian CSS didalam body { ..DISINI.. }.

body { background-image:url(Background.jpg); background-size:cover}

Keterangan

background-Image : adalah fungsi dimana ini adalah tempat sebagai penerapan background pada website anda yang berisi gambar.
url(Gambar.jpg) : adalah fungsi sebagai alamat tempat gambar background tersebut diletakan.

background-size : adalah fungsi untuk mendeklarasikan fungsi besar kecil ukuran suatu gambar tersebut akan dimuat oleh website.
cover : adalah fungsi untuk mentiadakan ukuran dalam bentuk apapun dan menjalankan fungsi utamanya yaitu berapapun ukuran device yang mengunjungi maka dia akan berusaha menjadikan gambar muat berukuran satu layar penuh.

 

 

Mungkin sekian yang dapat saya sampaikan dalam artikel Cara Membuat Background Fullscreen Pada HTML
Semoga dengan adanya artikel ini dapat membantu anda yang saat ini bingung atau lupa cara agar gambar background di website kalian menjadi FullScreen.
Sekian dan terimakasih.