Tutorial cara membuat form login php di dreamweaver CS5

Berikut Cara-cara nya :

1.  Aktifkan Xampp.
2. Buka Internet Explorer/firefox dan ketikan localhost/phpmyadmin.
3. Buat Database dengan nama balajar (Creat New Database).
4. Buat tabel baru dengan name : login dan field : 2 lalu klik “Go”).
5. Buka Macromedia Dreamweaver.
6. Buat Site  Gunanya agar web yang kita buat disimpan di folder tersendiri.
7. Buat Halaman Baru, caranya :
   - Klik “New” > “PHP” > “Create”
   - Halaman Kosong (halaman seperti gbr berikut) :
   
8. Buat Form dengan mengklik : Insert > Form > form.
9. Buat tabel dengan 3 kolom dan 3 baris (cloum=3 dan rows = 3). Caranya klik Insert > table.
   
10.     Isi tabel tersebut seperti dibawah ini :
        
       kolom I = username (diketik)
       kolom II = titik dua (diketik)
       kolom III = textfield caranya klik insert > form > text field
       untuk textfield username : tuser
    
      
        untuk textfield password = tpass
    
        
    
    Baris ke III kolom I = button login caranya klik insert > form > button beri nama "login" pada properties  label.
    
       
11. Setelah selesai kita akan menghubungkannya ke database dan tabel loginnya (membuat halaman connection ).
    Caranya : Pada tab Application klik  Databases > "+" > MySQL Connection.
    
12. Isi seperti gabar dibawah ini.

      

   Ket :

   Connection name = hubungdb (nama koneksinya)

   MySQL server = localhost

   User name = root

   passwor = bosarman (terserah)

   Database Select = belajar (sesuai dengan nama database anda)

14. Selanjutnya klik tab Server Behaviours > "+" > User Authentication > Log In User.

    

   Akan muncul kolom seperti ini :
   

   Ket :
   Get input from form = form1 
   Username field = tuser
   Password field = tpass
   Validate using connection = hubungdb
   Table = login
   Username coloumn = username
   Password coloumn = password
   If login succeeds, go to = loginberhasil.php (ketikan) karna kita belum membuat halaman     loginberhasil.php
   If login fals, go to = gagallogin.php (ketikan)

15. Lalu klik OK dan save dengan nama ="login.php"
16. Membuat halaman baru dengan nama "loginberhasil.php"

      caranya klik file > New > Php > Creat
17. Ketikan di lembar kerja "Hore..Login ku Berhasil
18. Save dengan nama "loginberhasil.php di C//:Xammp/htdocts/belajar (halaman loginberhasil anda selesai).
19. Buat halaman "gagallogin seperti langkah diatas, dan ketikan" Maaf Login Anda Salah"
     

20. Sekarang jalankan halaman login.php dengan menekan tombol "F12" hasilnya sbb :
    
Selesai 

jika ingin lebih lanjt anda dapat mempelajari melalui video di bawah ini!