Mengubah Objek menjadi Background

Tidak semua gambar (image) pada web yang telah kita buat diganti. Jika image tersebut berfungsi sebagai link/tombol, maka kita dapat menambahkan menu pull down agar tampilan website lebih menarik. Kita juga dapat membuat tombol dalam bentuk mouse over, dan lain sebagainya.

Pada bagian ini, kita akan mencoba membahas tentang teknik penggantian objek gambar menjadi latar belakang (background) agar kita dapat memasuk-kan beberapa komponen di dalamnya (teks maupun grafik).

1. Pertama, bukalah file index.html menggunakan Macromedia Dream-weaver. Seperti tampilan pada gambar dibawah ini:

Tampilan file indek.html

2. Setelah file terbuka, tentukan terlebih dahulu image mana saja yang akan di jadikan latar belakang dan bagian mana saja yang akan dijadikan sebagai tombol. Sebagai contoh, klik image di bagian bawah:

Index_r4_c6.jpg

3. Pada bagian Properties, tertulis Src=images/index_r4_c6.jpg. Hal itu berarti kita tidak dapat memasukan teks di atas gambar tersebut karena objek tersebut adalah image, bukan merupakan background. Tekan Del untuk menghapusnya.

4. Klik pada Background URL of cell untuk memilih gambar yang akan dijadi-kan latar belakang (background). Oleh karena nama file yang baru saja dihapus adalah index_r4_c6.jpg maka gunakan file tersebut sebagai latar belakang.

Form pengetikan nama file

5. Ketikkan index_r4_c6.jpg pada kolom Bg.

penggunaan background

6. Lakukan hal yang sama pada bagian lain apabila ingin dijadikan sebagai latar belakang agar kita dapat memasukkan obyek berupa teks, animasi, maupun gambar

Memasukkan Obyek

Obyek yang dimaksud dapat berupa animasi, gambar, maupun teks. Dalam Macromedia Dreamweaver proses memasukkan obyek sangat mudah karena sudah disediakan tool yang sangat lengkap. Anda tinggal memilih obyek apa yang akan dimasukkan. Berikut ini akan membahas masalah teknik memasuk-kan obyek berupa teks.

Memperbaharui situs web yang bersifat statis

1. Letakkan kursor pada tempat yang akan ditambahkan tek