Menggunakan Layer, CSS Style dan Behaviors

Pada tulisan terdahulu, dalam blog ElmuPangaweruh.Blogspot.Com ini telah saya sampaikan tentang cara Menggunakan Tombol, Marquee, Hotspot Link, dan Transisi. Pada postingan kali ini akan saya bahas tentang penggunaan Layer, Cascading Style Sheet (CSS Style), dan Behaviors. Dengan fasilitas ini, website yang kita buat akan tampak lebih dinamis dan menarik.

Menggunakan Layer

Layer adalah sebuah lapisan yang dapat kita tumpuk dan geser dengan mudah. Masing-masing layer yang kita gunakan sama seperti sel.

Langkah-langkah untuk membuat Layer adalah:

- Aktifkan task Layers dengan cara mengklik menubar Format, lalu klik Layers.

- Perhatikan task Layers di bagian kanan jendela FrontPage.

v   Insert Layer digunakan untuk memasukkan layer ke area FrontPage.

v   Draw Layer digunakan untuk membuat layer dengan cara men-drag mouse pada area FrontPage

v   Layer Visibility digunakan untuk berpindah dari visible (tampak) dan invisible (tersembunyi)

Menggunakan Cascading Style Sheet (CSS Style)

Cascading Style Sheet (CSS Style) adalah suatu corak atau gaya yang memungkinkan kita menampilkan unsur-unsur yang dapat ditampilkan pada file web kita seperti body, table, link, dan image (gambar). Dengan CSS pula kita dapat menghemat penulisan perintah pemformatan yang sering kita gunakan.

Langkah-langkah untuk membuat file CSS adalah:

- Klik tanda panah pada ikon Create a new normal page, dan pilih Page untuk menampilkan kotak dialog Page Templates.

- Pada kotak dialog Page Templates, klik tab Style Sheets. Lalu pilih Normal Style Sheet. Klik OK.

- Pada kotak dialog Style terdapat dua pilihan combo list, yaitu HTML tags (untuk melihat style yang secara otomatis mempengaruhi tag HTML) dan User-defined styles (untuk melihat style yang telah kita buat).

Menggunakan Behaviors

Behaviors adalah script yang memungkinkan kita dengan cepat menambahkan efek interaktif dan meningkatkan kemampuan teks atau unsur-unsur lain di dalam tag halaman web kita. Behaviors mengarah ke bahasa script client-side, yaitu javascript.

Langkah-langkah menggunakan fasilitas behaviors adalah:

- Masukkan sebuah gambar pada area kerja dengan cara mengklik menubar Insert, lalu arahkan mouse pada submenu Picture, kemudian klik From File.

- Pada kotak dialog Picture, carilah gambar lalu pilih salah satu gambar, kemudian klik Insert.

- Aktifkan task Behaviors dengan cara mengklik menubar Format, lalu klik Behaviors.

- Pilih atau klik gambar yang sudah kita masukkan pada area, lalu klik tombol Insert pada task Behaviors, kemudian klik Swap Image.

- Pada kotak dialog Swap Images, klik Browse, lalu cari gambar yang berbeda, pilih dan klik OK.

- Beri tanda ceklis (√) pada pilihan Restore on mouseout event. Lalu klik OK.

- Buatlah sebuah pesan pada saat gambar diklik. Klik lagi tombol Insert, lalu pilih Popup Message.

- Pada kotak Popup Message, buatlah sebuah pesan misal: “Selamat Anda telah menemukan kami di dunia maya. Salam dari kami”. Kemudian klik OK.

- Simpan dan lakukan pengetesan dengan membukanya via Web Browser.