Ads 120 X 160px

Rabu, 31 Maret 2010

Membuat Login Form Sederhana

Setelah berminggu-minggu saya tidak memposting sesuatu kedalam blog ini, sekarang saya akan memberikan suatu pengetahuan tentang membuat Login form sederhana dengan menggunakan php.

pada minggu-minggu sebelumnya kita telah belajar tentang membuat halaman sederhana dengan menggunakan tipe html, sekarang kita akan menambahkan tambahkan tipe php kedalam halaman web yang akan kita buat.

dalam membuat Login form sederhana ini, kita membutuhkan tiga komponen utama, yaitu : file CSS, file HTML, dan file PHP.

file CSS berguna untuk membuat atau mengatur kerangka utama atau kerangka dasar dari halaman web yang kita buat.
file PHP berguna untuk mengatur data yang akan digunakan dalam proses login,misalnya username, password dll.
file HTML berguna untuk mempublikasikan halaman web yang telah dirancang dalam file CSS dan php.

sekarang kita akan MEMBUAT LOGIN FORM SEDERHANA, ikuti langkah-langkah dibawah.

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



simpan file diatas dengan tipe data .css

2. Buat File PHP
buatlah file php seperti contoh dibawah ini :



simpan file diatas dengan tipe .php

3. Buat File HTML
buatlah file HTML seperti contoh dibawah ini :



simpan file diatas dengan tipe.html

adapun hasil dari halaman web yang telah dibuat dengan mengikuti langkah-langkah diatas adalah seperti pada gambar dibawah.


Background dan nama Login dapat kita ganti sesuai dengan gambar yang kita inginkan dan kita masukkan nama file pada kode yang kita buat.

pada halaman web ini, gambar dapat dicopy dan disimpan dalam 1 folder dengan data file PHP, CSS, dan HTML yang telah kita buat.



Dalam login form ini apabila dalam memasukkan username dan password tidak tepat, maka halaman akan mengarah pada halaman kesalahan login. Dan apabila dalam memasukkan username dan password sudah tepat maka halaman akan mengarah pada sebuah halaman 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