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.
Sekarang buka browser yang sering kalian gunakan. Ketikkan
localhost/phpmyadmin/ maka akan tampil situs phpMyAdmin. Buat Nama Database
terserah kalian, contoh nya seperti noviana29. Lalu Klik button BUAT. Maka
database telah dibuat. Lihat dikiri disitu ada kumpulan database yang sudah
dibuat. Database yang saya buat sudah muncu dengan nama Noviana29.
Sekarang buat Tabel dengan Nama Tabel terserah kalian, pada
Jumlah Kolom kalian masukkan 5. Lalu klik Kirim(GO).
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.
Kita sekarang buat Tabe untuk mendesign Web nya. Pertama
klik insert pada menu bar à
Pilih Table maka akan muncul Kotak Table nya. Isikan Rows nya 1, coums 1 dan
Table width 800. Piih Top lalu klik OK.
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.
Kita buat Tabel lagi dengan ukuran Rows nya 5, coums 1 dan
Table width 800. Piih Top lalu klik OK. Ini digunakan untuk membuat
Header nya. Ubah warna keseluruhan tabel dengan cara klik Bg pada
toolbar bawah dan pilih warna yang anda suka.
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.
Sekarang kita sisipkan image ke bagian Dasbor login nya. Caranya Klik
kanan di tabel dasbor pilih Edit Tag dan akan muncul kotak, pilih
browser specific lalu browse image yang akan digunakan.
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.
Untuk membuat dasbor login nya sama seperti membuat tabel pada Design
web nya. Tinggal kita sesuaikan dengan ukuran yang kita mau.
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.
Hasil Gambar laman kedua setelah login.
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.
4 komentar:
good artikel
my blog
sangat baik
my blog
belum
Slots - Casino Finder - Mapyro
Find Slot Search by type and 동두천 출장안마 find your nearest Casino 사천 출장샵 Finder. It has one slot machines, two jackpots 순천 출장안마 and a $15 table. There's a new 속초 출장샵 casino 사천 출장마사지 opening daily at 7:00am on Monday
Posting Komentar