Dream begins with experience!

Hallo semuanyaa^^ kali ini saya punya tugas untuk membuat WEBSITE sendiri. Nah saya ingin memberi tutorial sederhana gimana cara membuat Website dengan LOCALHOST. Dengan menggunakan localhost ini kita bisa membuat Website secara gratis tanpa peru membeli Domain.

Saya akan mentutorialkan gimana cara bikin Website memakai PHP dan membuat Dasbor Login menggunakan Aplikasi Dreamweaver. Dreamwever ini mempermudah kita untuk mendesign Website yang ingin kita buat. Sekarang di simak ya tutorial nya^^.

Pertama kalian harus mempunyai Xampp untuk menjadi server nya. Jika kalian belum punya xampp bisa downoad di google. Kalau kalian sudah mempunyai xampp, buka xampp nya dan kalian KLIK START PADA Apache dan MySQL sampai tombo button nya berubah jadi STOP. Lihat status Apache dan MySQl apakah sudah running atau belum. Jika sudah maka xampp sudah aktif. 

 Karena tadi saat membuat Tabel sudah memasukkan Kolom nya 5 maka tabelnya hanya ada 5 kolom dan baris. Isikan Tabel seperti yang saya buat.

Nama : ID, NAME, USERNAME, PASSWORD, LEVEL.

Jenis : INT, VARCHAR

Panjang Nilai : id = 10

                            Name = 50

                            Username = 30

                            Password = 30

                            Level = 30

Centang kolom A_I di baris ID. Jika sudah klik simpan.

Sekarang kita buat Tabel Admin di database yang sudah kita buat tadi. Masukkan 1 pada kolom ID, isikan nama sesuai nama anda. Isikan username sesuai database yang kita buat tadi. Isikan level dengan nama Admin lalu klik Kirim(GO).

Database sudah dibuat. Sekarang buka Dreamweaver nya. Pilih PHP dan klik CREATE.

 Maka akan muncul Tabe seuai dengan ukuran yang sudah kita masukkan tadi. Setelah itu kita ganti size W dan H bada bagian toolbar bawah. W = 800 dan H = 400. 

Klik Tabel paling atas lalu ganti size W = 800 dan H = 120. Digunakan untuk membuat Dasbor LOGIN nya.

Scroll ke atas. Nah di Tabel atas untuk Header nya kita beri Gambar sesuai design yang kalian siapkan. Cara nya klik Insert --> Image. Maka akan muncul kotak, kemudia kita masukkan image yang ingin kita buat header. Saran dari saya, semua folder untuk membuat website di gabung menjadi satu file agar tidak terpisah - pisah.

Setelah  itu kita harus mencoba apakah web yang sudah kita buat bisa terbuka di localhost. Dengan cara liat di toolbar atas disitu ada gambar bola dunia, itu disebutnya Preview/Debug in browser Klik pada preview nya pilih Preview in chrome/mozila.

Setelah membuat Dasbor login sekarang kita buat 1 lagi object untuk tampilan saat kita sudah login. Cara nya klik File --> New. Pada tittle ganti menjadi MENU. Cara membuat nya sama persis seperti object yang pertama. Anda bisa merubah warna atau layout untuk tampilan web setelah login. Ini adalah contoh object yang saya buat. Berbeda dengan tampilan awal nya. Jangan lupa untuk di test apakah bisa di coba dibuka di browser dengan localhost seperti project yang awal.

Nah dibawah ini adaah Hasi/Output dari website yang sudah kita buat. Ini saya tampikan ewat browser dengan locahost.

                                                     

                                               Hasil Gambar Website laman depan nya.

Sekian Tutorial dari saya:) maaf masih banyak kekurangan dengan tutorialnya. Semoga bermanfaat bagi semuanya^^.

Sumber :

B.Sakur Stendy.2004.Aplikasi Web Database dengan Dreamweaver.Yogyakarta:ANDI.

Enterprise Jubilee.2007.Trik Cepat Menguasai Dreamwaver CS3.Jakarta:PT. Elex Media Komputindo.