Rabu, 31 Maret 2010
Pada kesempatan yang lalu kita telah belajar bagaimana cara membuat halaman web sederhana serta cara membuat form pemesanan..
Pada kesempatan kali ini kita akan belajar membuat sebuah form login sederhana yang dilengkapi dengan tampilan menarik..
Pada pembuatan form login sederhana ini, terlebih dahulu kita harus membuat file css-nya terlebih dahulu, baru kemudian dilanjutkan dengan membuat file php dan html..
Adapun css berfungsi sebagai kerangka utama dalam pembuatan halaman web kita..
Sedangkan file php berfungsi sebagai pengatur data yang akan digunakan pada pembuatan form login sederhana ini..
File html seperti biasanya, digunakan untuk menampilkan halaman web yang telah kita desain sebelumnya..
Berikut adalah langkah-langkah dalam membuat form login sederhana :
1. Membuat file css seperti di bawah ini
2. Membuat file php seperti di bawah
3. Membuat file html untuk menampilkan desain halaman web
yang telah kita buat sebelumnya
Setelah membuat 3 file di atas, simpan ketiganya dalam satu folder berikut file gambar pelengkapnya untuk mempercantik halaman web kita..
Kemudian lakukan uji coba dengan mengaktifkan wamp server, kemudian ke localhost pada browser anda, pilih lokasi dimana tempat anda menyimpan ketiga file tersebut (sebaiknya di C/wamp/www) dan buka file html-nya. Maka tampilan yang akan muncul kurang lebih akan seperti di bawah ini :
Sekian sesi belajar membuat form login sederhana kali ini, kita lanjutkan pada kesempatan berikutnya dengan topik dan bahasan yang berbeda dan tentunya akan lebih menarik..
Selamat mencoba dan Sukses =) !!!
Selasa, 09 Maret 2010
Berikut adalah kode untuk membuat form pemesanan makanan atau minuman.
pada kode diatas disimpan dengan tipe javascript (.js), sedangkan pada kode dibawah ini merupakan kode untuk tipe .html
Hasil dari kode-kode diatas seperti pada gambar dibawah ini.
Selamat Mencoba
