Kamis, 17 Maret 2011

TRANSISI DALAM WEB PAGE ATAU WEBSITE

Perubahan dari halaman satu ke halaman lain di web site akan terlihat melompat-lompat, perubahan dapat diperhalus dengan menggunakan transisi. Transisi dapat dilihat dalam browser Internet Explore versi 4 ke atas.
Dreamweaver sudah memiliki falititas yang dapat digunakan untuk membuat transisi dalam web page maupun web site. Transisi ini sebenarnya ditempatkan dalam elemen head di dokumen HTML, dengan menambahkan perintah (tag) meta.
Jenis transisi dalam dokumen HTML itu sendiri ada beberapa, seperti di bawah ini :


Transisi
Value
Transisi
Value
Wipe in
0
Random Dissolve
12
Wipe out
1
Split vertical in
13
Circle in
2
Split vertical out
14
Circle out
3
Split horizontal in
15
Wipe up
4
Split horizontal out
16
Wipe down
5
Strips left down
17
Wipe right
6
Strips left up
18
Wipe left
7
Strips right down
19
Vertical blind
8
Strips right up
20
Horizontal blind
9
Randoms bars horizontal
21
Checkboard across
10
Random bars vertical
22
Check borad down
11
Random
23
Keterangan :
Transisi adalah jenis transisinya, sedangkan value adalah perwakilan nilai jenis transisinya.
Khusus jenis transisi Random yang memiliki value 23 dapat menampilkan transisi yang berbeda (secara acak) dari semua transisi yang ada.

Perintah memberikan transisi :

  • Buka Dreamweaver.
  • Buat dokumen HTML baru
  • Klik menu Insert → pilih Head Tags → Klik Meta
Tampil jendela meta seperti di bawah ini :

Lakukan pengubahan pada Attribute menjadi HTTP-equivalent, ketik dalam Value dengan
  • page-enter : transisi dijalankan ketika masuk web page
  • page-exit : transisi dijalankan ketika keluar web page
  • site-enter : transisi dijalankan ketika masuk situs
  • site-exit : transisi dijalankan ketika keluar situs
Ketik dalam content dengan

RevealTrans(Duration=2, Transition=12)

Keterangan code :

  • RevealTrans adalah perintah untuk menjalankan terus transisi yang dipilih.
  • Duration adalah untuk menentukan lama waktu dijalankannya transisi.
  • 2 (nilai duration) untuk menentukan waktu durasi dalam satuan detik.
  • Transition adalah perintah untuk menentukan jenis transisinya.
  • 12 (nilai transisi) untuk menentukan jenis transisinya (sesuai table di atas).
Hasil pengaturan transisi dapat dilihat pada gambar di bawah ini:







Tidak ada komentar:

Posting Komentar