Membuat Link Dynamic Part 2
description
Transcript of Membuat Link Dynamic Part 2
![Page 1: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/1.jpg)
Membuat Link Dynamic Part 2
Saiful Isnandar, MTI
![Page 2: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/2.jpg)
Materi
• Membuat Daftar Berita Terbaru• Membuat Link• Membuat Detail Berita
![Page 3: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/3.jpg)
MEMBUAT BERITA TERATAS1--
![Page 4: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/4.jpg)
Buka halaman index.php
![Page 5: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/5.jpg)
Blok dua kolom (sebelah kiri dan kanan)
Dua kolom ini di BLOK
![Page 6: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/6.jpg)
Ubah perataan-nya pada Property Vert = Top
Berfungsi agar setiap teks/objek yang masuk kedalam kolom ini akan dimulai dari atas
![Page 7: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/7.jpg)
Buat binding, dengan mengklik tanda (+) pada bindings pilih Recordset
![Page 8: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/8.jpg)
Buat recordset dengan property sebagai berikut
Berfungsi agar data diurutkan berdasarkan No urut terbesar berada diatas (yang paling baru diatas)
![Page 9: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/9.jpg)
Letakkan kursor pada tabel, baris ke-2 kolom sebelah kanan, dari menu Insert > Table
Letakkan kursor disini
![Page 10: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/10.jpg)
Atur property seperti dibawah ini
![Page 11: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/11.jpg)
Setelah tapil ubah ukuran lebarya seperti dibawah ini
![Page 12: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/12.jpg)
Masukkan beberapa field pada tabel yang telah dibuat seperti bawah ini
![Page 13: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/13.jpg)
Gabungkan duo kolom pada baris terakhir, klik kanan piliha Table > Merge Cell
![Page 14: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/14.jpg)
Letakkan kursor pada tabel yang telah di-merge, tambahkan horizontal ruler dari Insert > HTML > Horizontal Rule
![Page 15: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/15.jpg)
Atur font pada data tersebut
![Page 16: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/16.jpg)
Klik pada tabel, Pada Toolbar Common pilih Repeated Region
![Page 17: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/17.jpg)
Atur seperti dibawah ini
![Page 18: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/18.jpg)
Tekan F12 pada keyboard
![Page 19: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/19.jpg)
Permasalahannya : Isi yang ditampilkan pada daftar berita teratas terlalu banyak, sebaiknya dibuat hanya
beberapa bagian saja, sisanya bisa di lihat di detail berita
![Page 20: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/20.jpg)
Buka kembali dreamweaverklik pada Field Isi
![Page 21: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/21.jpg)
Pilih tampilan Split
![Page 22: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/22.jpg)
Ubah kode dibawah ini
Menjadi
![Page 23: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/23.jpg)
Simpan, tekan F12
![Page 24: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/24.jpg)
MEMBUAT LINK [LANJUT]1--
![Page 25: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/25.jpg)
Blok pada Teks lanjut
Pada property link ketikkan sebagai berikut, ENTER
![Page 26: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/26.jpg)
Klik kembali pada teks lanjut, ubah tampilan menjadi Split
![Page 27: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/27.jpg)
Ubah rumus dibawah ini
Tarik field No yang ada pada bindings, letakkan setelah =
![Page 28: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/28.jpg)
MEMBUAT HALAMAN DETAIL1--
![Page 29: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/29.jpg)
Buka kembali file index.php
![Page 30: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/30.jpg)
Save as file halaman ini dengan nama detail.php
![Page 31: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/31.jpg)
Hapus Repeated Region yang masih ada dengan menghapusnya pada Server Behavior
Klik Repeat Region disini
Hapus dengan menggunakan Tool ini
![Page 32: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/32.jpg)
Hasilnya :
Atur isi dari tabel tersebut menjadi
![Page 33: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/33.jpg)
Pada Binding, doble klik pada Recordset
![Page 34: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/34.jpg)
Pada pilihan Filter pilih No sebagai Filterisasi
![Page 35: Membuat Link Dynamic Part 2](https://reader036.fdocument.pub/reader036/viewer/2022081802/56814f21550346895dbcb1c1/html5/thumbnails/35.jpg)