5. Masukkan jumlah digit angka yang diinginkan.
[HitCounter] akan tampil pada halaman page view. Tampilan Hit counter akan ditampilkan jika dilhat di browser
dan komputer anda harus terinstall frontpage extensions.
Marquee
Marquee adalah elemen ysng di set untuk menampilkan text berjalan horisontal ( scrolling ).
Untuk membuat marquee ikuti langkah berikut
ini :
1. Pada page view, letakkan kursor di tempat
marquee yang akan di buat.
2. Pilih menu Insert, component, klik
marquee, maka akan muncul kotak dialog
marquee properties.
3. Di dalam text box, ketik teks yang ingin
anda jadikan marquee.
4. Pada Direction, pilih arahnya, kiri ( left )
atau kanan ( right ).
5. Pada Speed, tentukan delay dan amount.
6. Pada Behavior, pilih model scroll yang
anda inginkan.
7. Pilih alignment yang anda inginkan.
8. Set ukuran marquee yang ingin
ditampilkan, isilah width dan height.
9. Pada bagian repeat, jika anda pilih
continuosly maka marquee akan ditampilkan terus- menerus secara kontinyu, jika tidak silahkan isi berapa kali
marquee akan ditampilkan.
10. Pilih background warna marquee.
Navigation Bar
Navigation Bar adalah teks atau button/tombol yang mempunyai hyperlink, yang digunakan user untuk pergi ke
halaman – halaman web yang diinginkan.
Untuk membuat navigation bar pada suatu halaman, letakkan kursor di tempat navigation bar tsb akan di buat,
kemudian pilih menu Insert, Navigation bar, maka akan muncul kotak dialog navigation bar properties seperti pada
gambar dan anda dapat mengeset
propertiesnya seperti uraian di bawah ini :
1. Navigation bar dengan layout vertikal
atau horisontal – untuk horisontal dipakai
untuk bagian atas page, sedangkan
vertikal untuk bagian kiri atau kanan page.
2. Tipe tampilan hyperlinks – anda dapat
memilih button ( grafis ) atau teks.
3. Hyperlinks yang akan ditampilkan pada
navigation bar. Anda dapat memilih sbb
· Parent level ( page/halaman yg berada
secara struktur di atas halaman saat
ini )
· Same level (halaman yg mempunyai
level sama dengan halaman saat ini)
· Back and Next ( hyperlink yg
digunakan utk browsing pada tingkat halaman yg levelnya sama )
· Child level ( halaman yg berada di bawah halaman saat ini )
· Top level ( halaman yg berada pada tingkat paling atas di web )
· Child pages under home ( child page di halaman Home )
14
Menambahkan Advanced Web Technologies
Menggunakan Plug-In
Plug-in merupakan fasilitas tambahan yang harus diinstall agar browser dapat menampilkan elemen –
elemen web tertentu, misalnya shockwave Flash. Jika plug-in belum terinstall maka browser tidak dapat
menampilkan elemen tsb dan biasanya user diminta mendownload plug-in tsb. Di bawah ini akan kita beri
contoh bagaimana memasukkan file animasi flash ke dalam frontpage. Langkah-langkahnya sbb :
1. Letakkan kursor di tempat flash akan di masukkan.
2. Pilih menu Insert, Advanced, Plug-In, maka akan muncul kotak dialog Plug- In properties, seperti pada gambar
di bawah.
3. Beberapa option yang ada di plugin
properties adalah :
Data source – kotak ini
digunakan untuk memasukkan
file flash yang sudah di buat ke
dalam frontpage.
Massage for browser without
plug-in support – kotak ini
digunakan untuk menuliskan
pesan kepada user yang
browsernya tidak mempunyai
plug-in flash.
Height – adalah tinggi dari
plug-in yang ingin ditampilkan
dengan satuan pixel.
Width – lebar/panjang plug-in.
Hide plug-in – jika anda beri
tanda cek, maka plug-in anda
tidak akan ditampilkan, ini
sangat berguna untuk plug-in sound.
Alignment – mengatur leak plug-in.
Border thickness – mengatur ketebalan border plug-in dalam satuan pixel.
Horizontal spacing – memberi jarak antara plug-in dengan content lainnya dalam arah horisontal.
Verical spacing – memberi jarak antara plug-in dengan content lainnya dalam arah vertikal.
4. Klik OK.
Kembali ke Normal view, plug-in ( flash ) yang anda masukkan akan ditampilkan seperti gambar icon, letaknya
sesuai dengan alignment yang sudah anda tentukan. Sebagi contoh lihat gambar di bawah ini.
Tampilan plug-in di Normal view Tampilan plug-in di browser
Jika anda ingin melihat plug-in yang sesungguhnya maka anda harus lihat di tab Preview atau lihat dibrowser.
[HitCounter] akan tampil pada halaman page view. Tampilan Hit counter akan ditampilkan jika dilhat di browser
dan komputer anda harus terinstall frontpage extensions.
Marquee
Marquee adalah elemen ysng di set untuk menampilkan text berjalan horisontal ( scrolling ).
Untuk membuat marquee ikuti langkah berikut
ini :
1. Pada page view, letakkan kursor di tempat
marquee yang akan di buat.
2. Pilih menu Insert, component, klik
marquee, maka akan muncul kotak dialog
marquee properties.
3. Di dalam text box, ketik teks yang ingin
anda jadikan marquee.
4. Pada Direction, pilih arahnya, kiri ( left )
atau kanan ( right ).
5. Pada Speed, tentukan delay dan amount.
6. Pada Behavior, pilih model scroll yang
anda inginkan.
7. Pilih alignment yang anda inginkan.
8. Set ukuran marquee yang ingin
ditampilkan, isilah width dan height.
9. Pada bagian repeat, jika anda pilih
continuosly maka marquee akan ditampilkan terus- menerus secara kontinyu, jika tidak silahkan isi berapa kali
marquee akan ditampilkan.
10. Pilih background warna marquee.
Navigation Bar
Navigation Bar adalah teks atau button/tombol yang mempunyai hyperlink, yang digunakan user untuk pergi ke
halaman – halaman web yang diinginkan.
Untuk membuat navigation bar pada suatu halaman, letakkan kursor di tempat navigation bar tsb akan di buat,
kemudian pilih menu Insert, Navigation bar, maka akan muncul kotak dialog navigation bar properties seperti pada
gambar dan anda dapat mengeset
propertiesnya seperti uraian di bawah ini :
1. Navigation bar dengan layout vertikal
atau horisontal – untuk horisontal dipakai
untuk bagian atas page, sedangkan
vertikal untuk bagian kiri atau kanan page.
2. Tipe tampilan hyperlinks – anda dapat
memilih button ( grafis ) atau teks.
3. Hyperlinks yang akan ditampilkan pada
navigation bar. Anda dapat memilih sbb
· Parent level ( page/halaman yg berada
secara struktur di atas halaman saat
ini )
· Same level (halaman yg mempunyai
level sama dengan halaman saat ini)
· Back and Next ( hyperlink yg
digunakan utk browsing pada tingkat halaman yg levelnya sama )
· Child level ( halaman yg berada di bawah halaman saat ini )
· Top level ( halaman yg berada pada tingkat paling atas di web )
· Child pages under home ( child page di halaman Home )
14
Menambahkan Advanced Web Technologies
Menggunakan Plug-In
Plug-in merupakan fasilitas tambahan yang harus diinstall agar browser dapat menampilkan elemen –
elemen web tertentu, misalnya shockwave Flash. Jika plug-in belum terinstall maka browser tidak dapat
menampilkan elemen tsb dan biasanya user diminta mendownload plug-in tsb. Di bawah ini akan kita beri
contoh bagaimana memasukkan file animasi flash ke dalam frontpage. Langkah-langkahnya sbb :
1. Letakkan kursor di tempat flash akan di masukkan.
2. Pilih menu Insert, Advanced, Plug-In, maka akan muncul kotak dialog Plug- In properties, seperti pada gambar
di bawah.
3. Beberapa option yang ada di plugin
properties adalah :
Data source – kotak ini
digunakan untuk memasukkan
file flash yang sudah di buat ke
dalam frontpage.
Massage for browser without
plug-in support – kotak ini
digunakan untuk menuliskan
pesan kepada user yang
browsernya tidak mempunyai
plug-in flash.
Height – adalah tinggi dari
plug-in yang ingin ditampilkan
dengan satuan pixel.
Width – lebar/panjang plug-in.
Hide plug-in – jika anda beri
tanda cek, maka plug-in anda
tidak akan ditampilkan, ini
sangat berguna untuk plug-in sound.
Alignment – mengatur leak plug-in.
Border thickness – mengatur ketebalan border plug-in dalam satuan pixel.
Horizontal spacing – memberi jarak antara plug-in dengan content lainnya dalam arah horisontal.
Verical spacing – memberi jarak antara plug-in dengan content lainnya dalam arah vertikal.
4. Klik OK.
Kembali ke Normal view, plug-in ( flash ) yang anda masukkan akan ditampilkan seperti gambar icon, letaknya
sesuai dengan alignment yang sudah anda tentukan. Sebagi contoh lihat gambar di bawah ini.
Tampilan plug-in di Normal view Tampilan plug-in di browser
Jika anda ingin melihat plug-in yang sesungguhnya maka anda harus lihat di tab Preview atau lihat dibrowser.
ConversionConversion EmoticonEmoticon