Menggunakan Tombol, Marquee, Hotspot Link, dan Transisi

Pada tulisan sebelumnya, saya sudah membahas tentang cara “Merancang Layout Website dan Hyperlink”. Kali ini saya akan menyampaikan tentang cara membuat tombol interaktif, teks berjalan (marquee) baik secara horizontal maupun vertikal, pembuatan hotspot link, dan efek transisi halaman pada FrontPage.

Tombol Interaktif

Tombol interaktif merupakan komponen tambahan yang terdapat dalam FrontPage. Komponen ini akan menampilkan beberapa jenis tombol yang siap kita gunakan.

Langkah-langkah untuk membuat tombol interaktif adalah:

- Klik ikon insert Web Component pada Toolbar Standard

- Klik Interactive Button, lalu klik Finish

- Pada kotak dialog Interactive Buttons, tab Button, pada bagian Buttons, pilihlah Braided Row 2

- Pada bagian Text, ketikkan Start

- Pada bagian Link, klik Browse

- Pada kotak dialog Edit Hyperlink, cari dan klik file yang sudah dibuat sebelumnya yaitu Praktik 2

- Klik OK pada kotak dialog Edit Hyperlink, dan klik lagi OK pada kotak dialog Interactive Buttons

- Buatlah teks di atas tombol Start :  UUntuk masuk ke Halaman Utama, klik tombol Start s

- Perhatikan contoh berikut ini

Teks Marquee Vertikal

Teks Marquee adalah teks yang berjalan baik secara horizontal maupun vertikal. Secara default, FrontPage hanya memberikan gerakan teks secara horizontal. Untuk dapat membuat gerakan teks secara vertikal, kita dapat mengubah kode HTML pada mode split atau mode code.

Langkah-langkah untuk membuat Teks Marquee adalah:

- Klik ikon Insert Web Component pada Toolbar Standard, lalu pilih Marquee dan klik Finish.

- Ketikkan teks yang akan dibuat berjalan misal: Selamat kepada Anda yang telah mengunjungi situs ini. Anda dapat mencari segala informasi yang dibutuhkan pada halaman yang telah saya sediakan.

- Tentukan arah, misal “right” dan kecepatan pergerakan teks, misal: 3.

- Untuk mengakhirinya, klik OK

- Sekarang klik tampilan Split, gantilah kata ‘right’ dengan ‘up’

- Lihat hasilnya dengan mengklik tampilan Preview.

- Simpanlah, kemudian lihat juga hasilnya melalui Web Browser.

Menggunakan Hotspot Link

Hotspot Link hampir sama dengan link yang diletakkan pada gambar biasa. Perbedaannya hotspot link dapat ditentukan pada posisi tertentu pada gambar yang akan dibuat link.

Langkah-langkah untuk membuat Hotspot Link adalah:

- Masukkan sebuah gambar pada area FrontPage.

- Setelah itu klik di area gambar, kemudian klik ikon Rectangular Hotspot pada toolbar Pictures. Buatlah seleksi pada area gambar yang akan ditambahkan link.

- Pada saat muncul kotak dialog Insert Hyperlink, arahkan link ke sebuah file tujuan.

- Kemudian klik OK.

- Simpan dan lakukan pengetesan dengan membukanya via Web Browser.

Menggunakan Efek Transisi Halaman

Efek transisi halaman adalah salah satu fasilitas pada FrontPage yang digunakan untuk memberi efek pada saat halaman web dibuka.

Langkah-langkah untuk membuat efek transisi halaman adalah:

- Klik menubar Format, kemudian klik Page Translation.

- Pada kotak dialog Page Translations, pilih jenis event Page Enter. Kemudian pada Transition Effect pilih jenis Random agar efek transisi yang ditampilkan bervariasi.

- Simpan dan lakukan pengetesan dengan membukanya via Web Browser.

OK, untuk tulisan kali ini saya cukupkan sampai di sini dulu. Silahkan ikuti terus kelanjutan dari seri tulisan ini pada postingan berikutnya.