Membuat Table dan Button pada Dreamweaver CS 3 serta Mengkoneksikannya ke Database MySQL di phpMyAdmin

Langkah pertama

Buka XAMPP , lalu klik start Apache dan Mysql nya. Seperti gambar dibawah ini :

 

Selanjutnya buka Localhost C letak penyimpanan XAMPP , buka Folder XAMPP, simpan folder 3ka04 didalam folder htdocs.

Buat databasenya terlebih dahulu..
Buka localhost/phpmyadmin di brower, maka tampilan seperti dibawah ini :

Klik Basis data >> Masukan nama Database dengan mengetikan “gunadarma” >> klik buat, setelah selesai tampilan seperti dibawah ini :

Klik gunadarma yang telah kita buat tadi, lalu Create table mahasiswa dengan mengetikan “tbl_mhs” lalu isi jumlah kolom 3 lalu klik kirim. Seperti gambar dibawah ini

Isi kolom dengan  NPM, NAMA, KELAS. Pada bagian jenis pilih VARCHAR untuk npm, nama, dan kelas. Panjang untuk NPM : 8 , NAMA : 30 ,  KELAS : 5 . sedangkan untuk Indeks  

pilih Primary hanya Untuk NPM. Setelah mengisi semua klik simpan.

Klik tbl_mhs maka tampilannya seperti dibawah ini

Buka Dreamweaver, lalu buat form.
Pertama buat from >> klik insert >> form >> pilih form
Buat table >> klik insert >> buat table
Isikan npm, nama, kelas. Untuk kolom ketiga klik insert >> form >> text field
Code Form
Pada

tambahkan action=”simpan.php” menjadi

Pada bagian button ganti menjadi value="Save" sedangkan input type="submit" tidak diubah. Selanjutnya ubah input type="submit" menjadi input type="reset" dan  value="submit” menjadi value="Refresh"

Code Koneksi

Code Simpan 

Code Select 

Output :
Gambar pada Form.php

Hasil Database pada localhost/3ka04/form.php

Masukan npm, nama, dan kelas >> klik save

setelah memasukan  npm, nama, kelas. Maka “Data Berhasil Diinput”

Ketikan localhost/3ka04/select.php maka tampilannya seperti dibawah ini :

Keterangan :
(!-- --) Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
(a href) Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
(a name) Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
(b) Membuat teks tebal
(big) Memperbesar ukuran teks sebesar satu point dari defaultnya
(body) Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
(br) Pindah baris
(center)Untuk perataan tengah terhadap teks atau gambar
(div) Represents different sections of text.
(font) Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
(head) Mendefinisikan head document.
(hr) Membuat garis horizontal
(html) Bararti dokumen html
(Include) adalah fungsi dasar untuk memanggil beberapa file dalam satu waktu sakaligus yakni saat browser membuka suatu halaman web. 
($host) adalah nama host yang dipakai untuk database mysql
($user) adalah nama user database yang akan digunakan
($pass) adalah password user database yang akan digunakan.
($insert) untuk memasukan file yg kita inginkan
($select) untuk menyeleksi kondisi
($koneksi)untuk mengkoneksikan antara dreamweaver dan php
mysql_connect adalah fungsi untuk membuka dengan server database MySQL.
mysql_select_db adalah kode php untuk mengkoneksikan web dengan database setelah koneksi berhasil terhubung.
mysql_fetch_array() adalah salah satu fungsi dalam pemrograman web PHP yang digunakan untuk mengambil record / informasi dari suatu recordset / tabel dan mengembalikannya sebagai associative array dan/atau numeric array.
$no untuk nomer
Tbl_mhs adalah nama table yang telah dibuat
Gunadarma adalah nama database yang telah dibuat
*from
(img) Image, imagemap atau an animation
(marquee) Membuat scrolling teks (teks berjalan) - hanya pada MS IE
 (script) Mendefinisikan awal script
(title) Mendefinisikan title
(tr) Baris pada tabel
(table) mebuat table
(textfield)membuat text dalam kotak
(radiogroup)membuat button dengan di grupkan
(checkbox) membuat button dengan bentuk bulatan
(php) untuk mngkoneksikan database pada dreamweaver
(echo) kondisi
 (while) untuk perulangan
(<?) ketikan itu sebelum mengerjakan code  php
(?>) tanda selsai pada code php