Membuat Link Dynamic Part 2

35
Membuat Link Dynamic Part 2 Saiful Isnandar, MTI

description

Membuat Link Dynamic Part 2. Saiful Isnandar , MTI. Materi. Membuat Daftar Berita Terbaru Membuat Link Membuat Detail Berita. 1--. Membuat BERITA TERATAS. Buka halaman index.php. Blok dua kolom ( sebelah kiri dan kanan ). Dua kolom ini di BLOK. - PowerPoint PPT Presentation

Transcript of Membuat Link Dynamic Part 2

Page 1: Membuat  Link Dynamic Part 2

Membuat Link Dynamic Part 2

Saiful Isnandar, MTI

Page 2: Membuat  Link Dynamic Part 2

Materi

• Membuat Daftar Berita Terbaru• Membuat Link• Membuat Detail Berita

Page 3: Membuat  Link Dynamic Part 2

MEMBUAT BERITA TERATAS1--

Page 4: Membuat  Link Dynamic Part 2

Buka halaman index.php

Page 5: Membuat  Link Dynamic Part 2

Blok dua kolom (sebelah kiri dan kanan)

Dua kolom ini di BLOK

Page 6: Membuat  Link Dynamic Part 2

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

Buat binding, dengan mengklik tanda (+) pada bindings pilih Recordset

Page 8: Membuat  Link Dynamic Part 2

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

Letakkan kursor pada tabel, baris ke-2 kolom sebelah kanan, dari menu Insert > Table

Letakkan kursor disini

Page 10: Membuat  Link Dynamic Part 2

Atur property seperti dibawah ini

Page 11: Membuat  Link Dynamic Part 2

Setelah tapil ubah ukuran lebarya seperti dibawah ini

Page 12: Membuat  Link Dynamic Part 2

Masukkan beberapa field pada tabel yang telah dibuat seperti bawah ini

Page 13: Membuat  Link Dynamic Part 2

Gabungkan duo kolom pada baris terakhir, klik kanan piliha Table > Merge Cell

Page 14: Membuat  Link Dynamic Part 2

Letakkan kursor pada tabel yang telah di-merge, tambahkan horizontal ruler dari Insert > HTML > Horizontal Rule

Page 15: Membuat  Link Dynamic Part 2

Atur font pada data tersebut

Page 16: Membuat  Link Dynamic Part 2

Klik pada tabel, Pada Toolbar Common pilih Repeated Region

Page 17: Membuat  Link Dynamic Part 2

Atur seperti dibawah ini

Page 18: Membuat  Link Dynamic Part 2

Tekan F12 pada keyboard

Page 19: Membuat  Link Dynamic Part 2

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

Buka kembali dreamweaverklik pada Field Isi

Page 21: Membuat  Link Dynamic Part 2

Pilih tampilan Split

Page 22: Membuat  Link Dynamic Part 2

Ubah kode dibawah ini

Menjadi

Page 23: Membuat  Link Dynamic Part 2

Simpan, tekan F12

Page 24: Membuat  Link Dynamic Part 2

MEMBUAT LINK [LANJUT]1--

Page 25: Membuat  Link Dynamic Part 2

Blok pada Teks lanjut

Pada property link ketikkan sebagai berikut, ENTER

Page 26: Membuat  Link Dynamic Part 2

Klik kembali pada teks lanjut, ubah tampilan menjadi Split

Page 27: Membuat  Link Dynamic Part 2

Ubah rumus dibawah ini

Tarik field No yang ada pada bindings, letakkan setelah =

Page 28: Membuat  Link Dynamic Part 2

MEMBUAT HALAMAN DETAIL1--

Page 29: Membuat  Link Dynamic Part 2

Buka kembali file index.php

Page 30: Membuat  Link Dynamic Part 2

Save as file halaman ini dengan nama detail.php

Page 31: Membuat  Link Dynamic Part 2

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

Hasilnya :

Atur isi dari tabel tersebut menjadi

Page 33: Membuat  Link Dynamic Part 2

Pada Binding, doble klik pada Recordset

Page 34: Membuat  Link Dynamic Part 2

Pada pilihan Filter pilih No sebagai Filterisasi

Page 35: Membuat  Link Dynamic Part 2