Cara Membuat Background Pada Halaman Website

Membuat Background Pada Halaman Website

Selanjutnya kita akan coba mempelajari, bagaimana membuat background di halaman website kita. Background berfungsi untuk memberi warna latar belakang pada halaman website. Biasanya orang memberi warna latar belakang website, agar website-nya tampil lebih menarik.

Ada dua jenis format background yang bisa kita tampilkan di website kita, yaitu :

a. Background Warna
b. Background Gambar

Baiklah kita akan mempelajari satu persatu cara pembuatan background tersebut, selamat mengikuti :

Cara Membuat Background Warna.

Langkah pertama, siapkan halaman website yang akan kita berikan warna background, untuk latihan, silakan Anda buka kembali file 'index.htm' yang sebelumnya sudah dibuat.

Jika sudah dibuka, kita akan mulai melakukan proses pemberian warna background, caranya :

Klik kanan di halaman web, selanjutnya pilih 'Page Properties'

  Setelah itu akan muncul kotak dialog 'Page Properties', Ibnu klik Tab 'Formatting'

Setelah itu, silakan  klik 'colors Background', dan tentukan warna yang ingin Anda tambahkan, misalnya warna 'Kuning'.

Kita ulangi kembali langkahnya: Klik Menu Formatting => Pilih Warna => Klik OK.

Mudah bukan, sekarang kita lihat hasilnya :

Wow.. benar-benar ngejreng kan! :)

Cara Memasang Background Gambar

Setelah tadi kita belajar membuat / memasang background dalam format warna, sekarang kita akan mempelajari cara pemasangan background dalam format gambar/image.

1. Siapkan sebuah gambar yang akan dijadikan sebagai latar background nya. Simpan dalam satu folder dengan file-file website Anda, yaitu dalam folder 'website'.
   
     CATATAN : Untuk nama file gambar itu terserah Anda, namun pastikan format nya berbentuk JPG, GIF atau PNG.
2. Jika sudah disiapkan file gambarnya, kita kembali ke FrontPage, seperti biasa untuk bahan latihan, silakan buka kembali file 'index.htm'.
3. Jika sudah dibuka, kita akan mulai melakukan proses pemberian background gambar pada halaman web, caranya :
4. Klik kanan di halaman web, selanjutnya pilih 'Page Properties'
   
   
5. Setelah itu akan muncul kotak dialog 'Page Properties', lalu klik Tab 'Formatting'
   
   
6. Setelah itu, silakan Anda centang/checklist kotak 'background Picture', selanjutnya klik tombol 'Browse'.
   
   
7. Setelah Anda mengklik tombol 'browse', maka akan muncul kotak dialog untuk membuka file image background nya, silakan Anda temukan di folder website, tempat file gambar Anda disimpan.
   
   
8. Jika sudah ditemukan, klik file gambarnya, lalu klik 'ok'.
9. Setelah  mengklik 'ok' maka akan muncul tampilan seperti ini yang dibuat tadi:
   
   
10. Setelah keluar nama file imagenya (background.jpg), silakan Anda klik tombol 'ok', dan lihatlah sekarang tampilan backgroundnya :)
     

Okey, sejauh ini kita sudah menguasai cara memasukan teks ke dalam website, mengubah ukuran teks, mengatur posisi teks, mengubah warna teks, dan memberi background ( warna & Background ) pada halaman website.... Yes! Sekarang 7 materi kini sudah Anda kuasai... excellento!