BAB III

SISTEM WEBSITE

HALAMAN INDEX

     Halaman index yang kita telah buat pada bab sebelumnya saat kita buka sudah dapat berjalan namun pada pada halaman index membutuhkan banyak tambahan halaman menu, untuk itu ikuti langkah – langkah seperti sibawah ini :

1.1    login

sekarang kita akan membuat beberapa bagian script php untuk menjalankan fungsi login member ke website. Caranya seperti berikut :

a.    masih pada jendela index.php, buat dokumen baru PHP pada dreamweaver.seperti di bawah ini.

b.   Kemudian akan tampil kotak dialog New Document. Pilih pilihan Blank Page selanjutnya pada bagian Page Type, pilih PHP lalu klik tombol Create.

c.   Aktifkan dokumen yang baru ditambahkan, lalu klik tab Code and hapus perintah yang sudah ada.

d. Jika sudah pada jendel Code anda ketikan kode program PHP sbb:

e.  Kemudian simpan dan beri nama Login.php.

f. Kemudian pilih jendela dokumen index.php, lalu pada tab Code anda ketikan login.php pada bagian action dari form 1.

g.  Setelah itu simpan ulang dokumen Index.php tersebut, jika sudah maka pembuatan lode PHP untuk login selesai. 

1.2  Kategori 

       Selanjutnya anda akan membbuat menu kategori, untuk itu anda ikuti langkah–langkah dibawah ini:  

a. Buat dokumen baru PHP pada dreamweaver. Hapus perintah yang telah ad pada lembar tersebut

langkahnya sama seperti membuat dokumen login.php, Lalu ketikan kode program dibawah ini:

b. bagian Desain anda aktifkan kursor ke kolom sbb :

c. Kemudian Anda klik tab Code yang ada pada dreamweaver anda. Jika sudah selanjutnnya perhatikan posisi kursor mouse anda, ketik .

d. Jika sudah simpan ulang dokumen index.php, dan pembuatan dokumen kategori selesai.

1.3  News
Sekarang anda akan membuat mennu news, yang berfungsi untuk menampilkan informasi terbaru mengenai website toko baju anda.

a. Buat dokumen baru PHP pada dreamweaver caranya seperti membuat dokumen sebelumnya lalu hapus perintah yang telah ada dan ketikkan kode program sbb :

b.  Jika sudah simpan dan beri nama news.php, lalu anda buka dokumen index.php pada bagian desain, aktifkan kolom news sbb :

c.  Kemudian anda klik tab Code dreamweaver anda. Lalu anda ketik perintah .

d.       Jika sudah simpan ulang file index.php, dan selesai pembuatan dokumen news.

1.4  TestimonialSekarang yang akan anda buat yaitu menu testimonial, menu ini berisi komentar peanggan mengenai pelaynan kualitas produk atau lain sebagainnya, yang berhubungan dengan website anda. Berikut langkah –langkah nya : 
a.  Buat dokumen baru PHP pada dreamweaver, lalu hapus perintahnya dan ketikan perintah seperti dibawah ini :  

b. Kemudian simpan dan beri nama top_testimonial.php, lalu buka jendela index.php pada bagian Design, aktifkan kursor kekolom sbb : 

c. Kemudian anda klik tab Code pada dreamweaver lalu ketik .

d.  Jika sudah simpan ulang file index.php dan pembuatan menu testimonial selesai.

1.5  keranjang Belanja Memo
keranjang belanja ini merupakan keranjang belanja memo yang berada pada sisi kanan atas website. Berikut langkah – langkahnya : 
a.  buat Dokumen baru php pada dremweaver. Hapus perintah yang ada pada lembar dokumen tersebut dan ketikkan kode sbb :

b. Seperti biasa jika sudah selesai disimpan dan beri nama keranjang_belanja_memo.php dan buka kembali jendela index.php pada bagian design, dan aktifkan kursor seperti digambar.

c. Sama seperti sebelumnya anda klik tab code pdda dreamweaver lalu ketik perintah .

d. Jika sudah maka sekarang anda membuat dokumen baru PHP lalu hapus teksnya yang sudah ada dan ketikkan kode program seperti berikut:

e. Kemudian simpan dengan nama jumlah.php. buka jendel index.php pada bagian design dan aktifkan kursor seperti digambar:

f.  Sama seperti sebelumnya anda klik tab code pada dreamweaver anda. Lalu nda ketik perintah php include “jumlah.php”;?> seperti dibawah ini :

g. Jika sudah simpan ulang index.php dan sampai sini pembuatan menu keranjang belanja memo pada halaman index selesai.

1.6  Best sellers 
Pada menu best seller ini merupakan menu yang akan menampilkan informasi produk – produk dengan penjualan terbaik sebanyak 10 produk dengan animasi berjalan dari bawah ke atas. 
a.     Buat dokumen baru PHP pada dreamweaver, seperti biasa hapus perintah yang ada pada lembar kerj dokumen lalu ketikan kode seperti dibawah ini :

b. Kemudian simpan dan beri nama bestseller.php lalu buka dokumen index.php pada bagianDesign, seperti berikut :

c.  Lalu klik tab code dan ketikan perintah .

d. Jika sudah simpan ulang index.php , dan pembuatan menu bestseller selesai.

1.7 Informasi
1.7.1 informasi visitors
Menu informasi ini dibuat untuk menampilkan informasi berupa jumlah user online, status angka pengunjung dan status yahoo messengger serta beberpa informasi lainnya yang langsung dibuat sebelumnya pada saar mendesign tampilan website. 
a.   Buat dokumen baru php  pada dreamweaver lalu hapus perintah yang ada dan ketikan kode seperti dibawah ini :

b. Kemudian simpan dan beri nama visitor.php dan buka kembali dokumen index.php dan buka bagian design lalu aktifkan kursor kekolom seperti berikut

c.  Selanjutnya anda klik tab code lalu ketikkan .

d.  Simpan kembali dokumen index.php dan selesai pembuatan menu visitor pada halaman index selesai.