Tutorial Membuat WEB Desain PHP dengan Adobe

Dreamweaver Cs 6
Assalamualaikum Wr. Wb
Kali ini A.B.P akan membagikan cara membuat WEB Desain
dengan menggunakan Adobe Dreamweaver Cs 6. Seperti yang
diketahui penggunaan Adobe Dreamweaver Cs 6 dibandingkan
dengan Macromedia Dreamweaver 8 lebih mudah
menggunakan Cs 6 karena fitur-fitur yang terdapat di
Dreamweaver 8 telah dibuat ringkas dan mudah, dan yang
terpenting kita tidak perlu memberikan Code seperti apa
yang kita lakukan di Dreamweaver Cs 8. Ya tak perlu berlamalama langsung saja saya bagikan tutorialnya Semoga
Bermanfaat. Terima Kasih. J

11. Pertama jalankan aplikasi xampp.

1. Kemudian jalankan browser anda dengan mengetik

localhost/phpmyadmin untuk membuat database terlebih dahulu di
PHPmyadmin
2. Lalu buat database dengan nama terserah anda
namun saya akan memberi nama database saya
belajar_php.
3. Dan beri nama tabel database dengan mhs namun
anda bisa menggantinya sesuka anda, dan jumlah
tabelnya adalah 4 lalu klik go.

4. Lalu isikan daftar isian seperti dibawah ini .

1. Jika sudah klik simpan di pojok kanan bawah.

2. Maka Database telah kita buat.
Kemudian buka aplikasi Adobe Dreamweaver Cs 6.

1. Kemudian setelah masuk Adobe Dreamweaver klik file,

new atau Ctrl+N lalu pilih Blank Page, Klik PHP dan klik
Create.

1. Lalu klik Site di bagian atas dan setelah itu klik New
Site... maka akan muncul kotak dialog seperti ini.

1. Isikan Site Name da Local site folder seperti diatas jika

anda mengikuti langkah yang sama persis seperti saya
tapi jika tidak, anda dapat menggantinya dengan nama
folder anda di C:\xampp\htdocs\Nama_folder
kemudian klik save.
Lalu klik kanan pada bagian gambar yang diberi tanda
dibawah ini dan klik New File.

1. Kemudian beri nama input.php, tampil.php,

edit.php, hapus.php.
Lalu klik no 3 yang terdapat di gambar dibawah ini.

1. Lalu klik tanda + maka akan muncul gambar kotak dan

isikan sama seperti ini.

Kemudian klik tanda panah yang terdapat di kolom

Database lalu klik MySQL Connection dan isikan seperti
ini.

1. Kemudian klik Ok.

2. Nah kemudian kita akan membuat input untuk mengisi
data Mahasiswa. Caranya adalah dengan klik insertData Objects-Insert Record-Record Insertion form
wizard. Lalu isikan kotak dialog seperti ini.

1. Lalu klik Ok.

2. Kemudian klik save dan anda bisa mengecek input

anda di browser apakah jadi atau tidak bagi yang jadi
berarti anda berhasil, tapi bagi yang tidak sepertinya
ada kekurangan dan harus mengulang dari awal.
Langkah selanjutnya menampilkan inputan tadi agar
kita bisa melihat apa yang sudah kita isikan tadi.
Caranya dengan mengklik Insert-Data ObjectsRecordset dan iskan sperti dibawah ini.

1. Kemudian klik Ok.

2. Lalu Klik Insert-Data Objects-Dynamic Data-Dynamic
Table dan Klik Ok.
3. Setelah muncul tabel lalu Save dan bisa anda cek lagi
di browser anda. Contoh milik saya :
Input.php jadi seperti ini J

tampil.php jadi seperti ini J

1. Lalu membuat edit.php caranya klik kanan di tabel

tampil.php (Di Adobe Dreamweaver bukan di browser)
klik Table Insert Row or Columns dan klik Columns
nomer columns nya tetap 1 dan klik ok.
2. Setelah itu letakan kursor kolom nomer 2(kolom yang
baru dibuat lalu klik Insert klik Hyperlink dan isikan
hyperlinknya.
3. Lalu ada tanda browse kemana link akan dituju, lalu
klik icon tersebut dan pilih edit.php. jangan langsung di
klik Ok kita isikan parameternya dengan klik
parameters... setelah keluar kotak, isikan Name dengan
NIM lalu Value dengan cara klik icon petir lalu klik
recordset dan pilih NIM juga lau klik Ok dan klik Ok
maka Hyperlink telah dibuat.
4. Ingat tadi kita membuat link di tampil.php dan
sekarang baru kita membuat edit.php caranya klik
Insert - Data Objects Update Record Record update
form wizard.
Maka akan muncul kotak dialog Setup Instruction
langsung saja kita klik Recordset dan isikan seperti
dibawah ini.

1. Lalu klik ok dan akan muncul kembali Kotak Dialog tapi

berbeda dari sebelumnya dan langsung isikan saja
seperti dibawah ini.

1. Kemudian klik ok.

2. Kemudian bisa anda save lagi agar file yang sudah
anda buat tidak hilang
3. Dan yang terahir yaitu membuat hapus.php caranya
hampir sama dengan edit.php caranya dengan
membuat Hyperlink terlebih dahulu di tampil.php
dengan cara yang sama seperti edit.php.
4. Kemudian letakkan kursor di samping tulisan edit yang
sudah di hyperlink lalu klik insert dan pilih hyperlink.

5. Ketikan Hapus di kolom pertama lalu di kolom kedua

terdapat icon browse lalu klik dan pilih hapus.php.
Sebelum di klik Ok klik Parameters yang terdapat di
bawah tulisan edit.php

1. Lalu isikan Name dengan NIM dan value dengan

mengklik icon Petir dan pilih tanda + pada recordset
lalu klik NIM dan OK.
2. Dengan begitu hyperlink telah kita buat, selanjutnya
membuat hapus.php agar tampilan saat di browser
nanti bisa hilang saat kita klik hapus.
Caranya dengan klik hapus.php lalu klik Insert Data
Objects Delete Record.

Maka akan muncul kotak dialog sperti dibawah ini,

isikan sama seperti di bawah.

1. Lalu klik Ok.

2. Setelah itu anda bisa cek jika di browser anda tepatnya
di tampil.php jika sudah ada tulisan Hapus coba anda
klik apakah isian yang di kolom dan baris yang sama
akan hilang atau tidak, jika hilang berarti anda sudah
berhasil.
SELESAI
Sekian Tutorial dari saya kurang lebihnya mohon maaf
apabila teman-teman masih belum paham bisa
langsung hubungi saya. Terima Kasih
Wassalamualaikum wr wb.