MEMBUAT LINK DYNAMICS Saiful Isnandar, MTI.

Presentasi berjudul: "MEMBUAT LINK DYNAMICS Saiful Isnandar, MTI."— Transcript presentasi:

1 MEMBUAT LINK DYNAMICS Saiful Isnandar, MTI

2 Buka Macromedia Dreamweaver

3 Pastikan bahwa koneksi site dan koneksi database sudah ada*
* lihat materi sebelumnya

4 Buka halaman Kiri.php

5 Tambahkan tabel dengan ketentuan Row=10, Col=1, Width=200 (sesuai dengan lebar yang ada pada hal index) Border=0, Cellpad=0, cellSpacing=0

6 Hasilnya

7 Tambahkan Teks misalnya Daftar Kategori

8 Pastikan bahwa koneksi database sudah terkoneksi dengan database klik tanda (+) pada table

9 Buka tab Bindings pada Panel Application Klik tanda (+) pilih Recorset (Query)

10 Buat koneksi seprti dibawah ini

11 Untuk mengecek hasilnya klik Tombol Test

12 Klik OK, maka akan tampil seperti dibawah ini

13 1. Masukkan kursor ke dalam tabel yang sudah kita buat disini
2. Insert > Table, 3. Hasilnya 4. Geser posisi tabel sehingga seperti dibawah ini

14 Pada Binding yang telah tersedia, tarik field Kategori kedalam tabel yang telah kita buat sebelumnya

15 Running Program dengan tekan F12 pada Keyboard
Permasalahan : data yang ditampilkan hanya 1, maunya kita data yang tampil lebih dari 1, sehingga pada rancangan dreamweaver data harus kita Repeat

16 Buka kembali Dreamweaver, klik pada tabel yang telah kita isi klik Repeat, kemudian atur jumlah data yang akan ditampilkan 2 1 3

17 Option Show : …. Digunakan jika data yang akan ditampilkan sejumlah yang kita masukkan disini All Record jika semua data akan ditampilkan

18 Hasilnya

19 Simpan kembali file anda, tekan F12

20 Menambahkan aksesoris
Kita dapat menambahkan beberapa gambar icon kecil untuk mempercantik tampilan pada daftar data yang tampil Carilah beberapa gambar dengan ukuran 32x32 px, masukkan gambar tersebut ke folder website kita, tarik gambar tersebut kedalam kolom yang sebelum data

21 hasilnya

22 Bersambung….