R Tutorial

Ini adalah teknik yang sangat berguna dalam Dreamweaver, dengan menggunakan teknik ini Anda dapat mengambil pandangan yang besar dari thumbnail Anda. Alih-alih membuka gambar dalam window baru, kita biasanya menggunakan jendela Popup. Jadi sangat singkat tapi informatif teknik.

1. Pertama-tama Anda akan membutuhkan 2 gambar, 1 untuk thumbnail dan lainnya untuk gambar besarnya.

2. Ambil file baru dalam Dreamweaver dan masukkan thumbnail Anda di  dalamnya.

3. Pilih thumbnail kemudian pilih Tag Inspector > Behavior atau tekan F4

4. Di panel Behavior klik tanda   , kemudian Pilih Open Browser Window



5. Kemudian akan muncul seperti di bawah ini :



URL To Display :

    Anda dapat mengetikkan URL dari situs web apapun (contoh ds-tutor.blogspot.com ) atau Anda dapat memilih file apapun dari sini , seperti  file gambar ,  jadi klik tombol Browse dan pilih file yang akan anda tampilkan .

Window Width :

    Di sini Anda dapat menyesuaikan lebar jendela Popup . Seperti  gambar kami  memiliki lebar 600 jadi saya akan menulis 600 di sini.

Window Height :

    Di sini kita akan menyesuaikan tinggi window popup . Saya menulis 400 di sini.

Navigation toolbar :

    Jika Anda mengaktifkan opsi ini maka dalam Browser ketika jendela Popup terbuka Anda juga akan melihat Navigasi bar browser di atas . Jika Anda tidak perlu  uncheck ini .

Menu bar :

    Jika Anda mengaktifkan opsi ini maka dalam popup window Anda juga akan melihat Main Menu bar . ( yaitu File Edit View History dll ) Jika Anda tidak perlu  hanya hapus centang opsi ini .

Location toolbar :

    Jika Anda telah centang Navigation Toolbar dan Anda juga ingin melihat bar di mana file location muncul ,  centang opsi ini Anda juga akan melihat lokasi toolbar di popup window .

Scrollbar as needed :

    Misalkan Anda menonton sebuah website di jendela Popup dan website yang memiliki halaman yang sangat panjang , jika Anda belum aktifkan opsi ini maka Anda tidak akan melihat Scroll bar di sekitar  popup window , Anda dapat mengaktifkan opsi ini untuk melihat scrollbars juga .

Status bar :

    Bottom bar dari jendela browser akan muncul jika Anda mengaktifkan opsi ini .

Resize Handles :

    Jika Anda mematikan opsi ini maka Anda tidak akan dapat mengubah ukuran jendela Popup , aktifkan jika Anda perlu untuk mengubah ukurannya .

Window name:

    Hal ini penting untuk memberikan nama window . Misalkan Anda memiliki lebih dari satu thumbnail dan Anda ingin membuka setiap thumbnail di jendela pop-up , jika Anda telah menulis nama window yang sama untuk semua thumbnail maka hanya pada popup window akan terbuka , tetapi jika setiap thumbnail adalah memiliki nama Jendela yang berbeda , maka setiap thumbnail ini popup window akan terbuka di jendela baru ( Lebih baik menggunakan nama yang sama untuk semua window , untuk menghindari beban windows)

6 . Tekan Ok dan simpan file . Dalam Browser Window ( panel kanan) Anda akan melihat  Mouse Behavior, Anda dapat mengubahnya dengan memilih apa pun keinginan Anda sendiri .

Catatan :

    Jika Anda menggunakan Adobe CS maka Anda harus memilih <A> onClick dari daftar ini , jika tidak, anda tidak akan dapat melihat pointer mouse Tangan di browser Window anda . Dalam versi sebelumnya dari Dreamweaver Anda tidak harus memilih apa-apa .