Tutorial Membuat WEB Desain PHP dengan Adobe Dreamweaver Cs 6

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 berlama-lama 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 insert-Data 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 Objects-Recordset 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.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest