Rabu, 31 Maret 2010

MEMBUAT LOGIN FORM SEDERHANA


Setelah pada kesempatan terdahulu kita telah belajar berbagai teknik untuk menciptakan halaman web sederhana, kali ini kita akan belajar bagaimana cara membuat sebuah login form sederhana dalam halaman web.
Untuk membuat sebuah login form, kita membutuhkan tiga komponen atau tiga langkah utama, yaitu:
1. Membuat file css
2. Membuat file php
3. Membuat file html

Seperti biasanya file css berguna untuk membuat atau mengatur kerangka utama atau kerangka dasar dari halaman web kita.
Kemudian file php berguna untuk mengatur data yang akan digunakan dalam proses login,misalnya username, passwoed dll.
Sedangkan file html berguna untuk mempublikasikan halaman web yang telah dirancang dalam file scc dan php.

Untuk lebih jelasnya, marilah kita pelajari contoh MEMBUAT LOGIN FORM SEDERHANA dibawah ini..

1. Membuat File css
Buatlah file css seperti contoh di bawah ini:



Simpan file di atas dengan nama bhie.css untuk kemudian dipanggil di file html

2. Buat file php

Buatlah file php sebegaiman contoh di bawah ini:


Simpan file dengan nama admin.php untuk kemudian dipanggil di file html.

3. Membuat file html



Simpan dengan nama file latihan3.html , semua file disimpan seperti biasa di folder www. beserta komponen-komponen yang digunakan. Kemudian ujicoba project.
Apabila langkah-langkah telah dilakukan dengan baik dan berhasil, maka akan muncul hasil seperti gambar dibawah ini:



Dalam project ini apabila terjadi kesalahan login, maka akan mengarah pada halaman tersendiri yang di dalamnya menyatakan adanya kesalahan login. Dan apabila berhasil akan mengarah pada sebuah halam yang menyatakan selamat telah berhasil melakukan login. Username dan password telah diatur dalam file php, begitu juga apabila terjadi kesalahan dan berhasil login telah diatur dalam file php.

Selamat Mencoba...!!!

0 komentar:

Posting Komentar

 

Rahma Bhie Copyright © 2009 Designed by Ipietoon Blogger Template In collaboration with fifa
Cake Illustration Copyrighted to Clarice