BAB 3 bag B
Lanjutan dari bab 3
A.
Membuat Logout
-
Buka file home.php, kemudian pada jendela Dreamweaver anda blok tabel bagian
login lalu tekan tombol Delete.
-
Kemudian anda blok teks animasi “Selamat
datang di website kami...” pada
sudut kanan atas header. Lalu ganti dengan teks “logout | selamat datang
saudara/i” Lihat gambar di bawah ini.
-
Jika sudah selanjutnya anda klik
ke mode Code, lalu hilangkan baris
kode awal <marquee
scrollamount=”3”> dan </marquee>.
Lihat gambar di bawah ini.
-
Selanjutnya anda kembali ke
tampilan Design, kali ini blok teks Login,
lalu pada jendela Properties untuk
link : logout.php
-
Jika sudah sekarang anda
menambahkan dokumen baru PHP, lalu hapus kode yang ada dan ganti dengan kode
seperti di bawah ini.
-
Kemudian dokumen tersebut anda simpan beri nama logout.php. sampai disini pembuatan
fungsi menu logout selesai.
B.
Menampilkan member login
-
Tambahkan dokumen baru PHP, lalu
kode yang sudah ada dan ketikkan PHP seperti di bawah ini.
-
-Simpan beri nama user.php . lalu aktifkan lagi lembar
dokumen home.php pada bagian tab design.
-
- Posisikan kursor mouse anda pada
akhir teks ...saudara/i”. Berikan spasi untuk memberikan jarak, lalu anda klik
tab code. Ketikan perintah <?php include “user.php”;?>.
- -
Masih pada tampilan mode code pada
jendela dokumen home.php. Anda sisipkan kode seperti berikut ini pada baris
paling atas jendela kode.
- -
Tampilan baris kode yang baru
ditambahkan pada jendela dokumen home.php akan terlihat seperti gambar di bawah
ini.
- -
Jika sudah simpan ulang file
home.php . sampai disini penambahan menu untuk menampilkan nama member yang
login selesai.
C. Katalog produk
- -
Terlebih dahulu buka lokasi drive
C:\xampp\htdocs\tokobaju, yang ada pada jendela explorer. Lalu anda duplikat
file home.php pada direktori yang sama.
- -
Kemudian anda gantu nama
home-copy.php dengan nama produk.php
-
-Jika sudah anda buka file
produk.php, lalu pada jendela dreamweaver tampilan mode design anda blok baris
tabel tengah pertama sampai keempat, lalu tekan tombol delete.
-
- Jika sudah hasil akan terlihat
seperti gambar di bawah ini, ganti teks “NEWS ITEM & RESTOCK !!!” menjadi
“PRODUCT CATALOG” dan berikan elemen Horizontal Rule unutk baris kedua.
-
- Buat dokumen baru PHP, kemudian
anda hapus kode yang sudah ada ganti menjadi seperti di bawah ini
- -
Jika sudah simpan dan beri nama
produk_catalog.php . kemudian aktifkan lagi dokumen produk.php dan posisikan
kursor mouse anda seperi gambar di bawah ini
- -
Simpan ulang file produk.php sampai
disini cara untuk menampilkan katalog produk pada lembar produk selesai.
D. Detail Produk
- -
Terlebih dahulu buka lokasi drive
C:\xampp\htdocs\tokobaju, yang ada pada jendela explore. Lalu anda duplikat
file produk.php pada direktori yang sama.
- -
Kemudian anda ganti nama produk-copy.php
dengan nama produk_detail.php.
- -
Jika sudah anda buat dokumen baru
PHP, lalu buatlah kode program seperti dibawah ini.
- -
Jika sudah simpan dan beri nama
produk_detail.php . kemudian aktifkan lagi dokumen produk_detail.php.
- -
Simpan ulang file
produk_detail.php, sampai disini cara untuk menampilkan produk detail pada
lembar produk.
E.
Isi Testimonial
- -
Terlebih dahulu buka lokasi drive
C:\xampp\htdocs\tokobaju, yang ada pada jendela explorer. Lalu duplikat file
produk_detail.php pada direktori yang sama.
- -
Kemudian anda ganti nama
produk_detail-copy.php dengan nama
isitestimonial.php
- -
Jika sudah anda buat dokumen baru
PHP, lalu buatlah kode program seperti berikut ini.
- -
Setelah selesai sekarang anda
simpan dan beri nama form_testimonial.php .
lalu buat lagi dokumen baru, hapus kode yang ada dan buat kode seperti
di bawah ini.
- -
Jika sudah anda simpan dan beri
nama simpan_testimonial.php . kemudian buat lagi dokumen baru, hapus kode yang
ada dan buat kode seperti di bawah ini.
-
- Selanjutnya simpan dan beri nama
captcha.php . lanjut lagi buat dokumen baru, hapus kode yang ada dan buat kode
seperti di bawah ini.
- -
Jika sudah simpan nama
random_captcha.php . kemudian buat dokumen baru lagi, hapus kode yang ada dan
buat kode seperti dibawah ini.
-
-Simpan lagi beri nama
cek_captcha.php . kemudian anda aktifkan lagi dokumen isitestimonial.php . lalu
klik produk_detail_info.php. ganti menjadi form_testimonial.php .
- -
Jika sudah sekarang anda simpan
ulang dokumen isitestimonial.php . sampai disini pemuatan halaman isi
testimonial selesai.
F. Lihat Testimonial
-
- Terlebih dahulu buka lokasi drive
C:\xampp\htdocs\tokobaju, yang ada pada jendela explore. Lalu anda duplikat
file isitestimonial.php pada direktori yang sama.
- -
Kemudian anda ganti nama
isitestimonial-copy.php dengan nama lihattestimonial.php
-
- Jika sudah anda buat dokumen baru
PHP, lalu buatlah kode program seperti berikut ini.
-
- Simpan dokumen baru PHP tersebut
beri nama lihattestimonialinfo.php . aktifkan lagi dokumen lihattestimonial.php
kemudian aturlah fungsi php.
-
- Kemudian simpan ulang dokumen
lihatisitestimonial.php
G. Halaman Daftar Member
- -
Duplikat file lihattestimonial.php
pada direktori yang sama. Kemudian anda ganti nama lihattestimonial-copy.php
dengan nama member.php
-
- Jika sudah anda buat dokumen baru
PHP, lalu buatlah kode program seperti ini.
-
- Simpan dokumen baru PHP tersebut
beri nama simpan_member.php kemudian buat lagi dokumen baru PHP, hapus kode
yang ada dan ketikkan kode seperti di bawah ini.
- -
Simpan lagi dokumen PHP yang abru
dibuat beri nama form_member.php , kemudian anda aktifkan atau buka dokumen
member.php , dan ganti fungsi php lihattestimonialinfo.php menjadi
form_member.php
- -
Kemudian simpan ulang dokumen
member.php
- -
Duplikat file home.php pada
direktori yang sama. Kemudian anda ganti nama home-copy.php dengan nama
keranjang_belanja.php
-
-Jika sudah anda buka file
keranjang_belanja.php lalu pada jendela dreamweaver tampilan mode design anda blok
baris tengah pertama sampai keempat. Lalu tekan tombol delete.
- -
Jika sudah hapus teks NEWS ITEMS
& RESTOCK !!!, klik kanan bari pertama lalu pilih split cell... pada kotak
dialog split cell pilih number of columns: 2.
-
-Selanjutnya pada kolom pertama anda
tambahkan gambar dengan nama kantong
belanja.jpg dan kolom kedua anda ketikkan teks keranjang belanja.
-
- Jika sudah sekarang anda tambahkan
dokumen baru PHP, lalu hapus kode yang sudah ada dan ketikkan kode baru seperti
berikut ini.
-
Jika sudah anda simpan beri nama
keranjang_belanja_data.php lalu tambahkan lagi dokumen hapus kode yang sudah
ada dan ketikkan kode baru seperti di bawah ini.
-
Kemudian simpan beri nama
ubah_transaksi.php lanjut lagi tambahkan dokumen PHP baru, hapus kode yang
sudah ada dan ketikkan kode baru seperti di bawah ini.
-
Jika sudah anda simpan beri nama
hapus_transaksi.php . sekarang kita lanjut lagi dengan pembuatan dokumen PHP
berikutnya. Tambahkan dokumen PHP baru lagi hapus kode yang sudah ada lalu
ketikkan kode program baru seperti di bawah ini,
-
Selanjutnya simpan beri nama
checkout.php . sekarang anda aktifkan dokumen keranjang_belanja.php , lalu klik
fungsi PHP produk_baru.php anda ganti menjadi keranjang_belanja_data.php.
-
Jika sudah simpan ulang file
keranjang_belanja.php. sampai disni pembuatan halaman keranjang belanja
selesai.
I.
Keranjang Belanja Selesai
-
Duplikat file
keranjang_belanja.php pada direktori yang sama. Kemudian anda ganti nama
keranjang_belanja-copy.php dengan nama transaksi_selesai.php
-
Jika sudah sekarang anda tambahkan
lagi dokumen PHP baru, lalu hapus kode yang sudah ada ketikkan program seperti
di bawah ini
-
jika sudah simpan dan beri nama
faktur_selesai.php lalu tambahkan lagi dokumen PHP baru dan ketikkan kode baru
seperti berikut.
-
simpan lagi dan beri nama
keranjang_total_selesai.php lalu aktifkan lagi dokumen PHP
transaksi_selesai.php lalu fokus kursor mouse pada fungsi
keranjang_belanja_data.php kemudian tekan tombol delete.
J.
Halaman Cara Order
-
Duplikat file
lihat_testimonial.php pada direktori yang sama. Kemudian anda ganti nama
lihat_testimonial-copy.php dengan nama caraorder.php
-
Jika sudah sekarang anda buka file
caraorder.php . kemudian klik fungsi php lihattestimonial.php , lalu tekan
tombol delete keyboard anda.
-
Kemudian hapus teks keterangan di
atas lalu anda tinggak ketik informasi cara order yang ingin anda sampaikan ke
pelanggan anda.
-
Jika sudah sekarang anda ketik
pada dokumen caraorder.php seperti keterangan yang telah dibuat sebelumnya.
Untuk mempercantik anda bisa mengatur font, warna font, menggunaka perintah
CSS, sampai disini pembuatan halaman cara order selesai.
K.
Halaman Download
-
Duplikat file caraorder.php pada
direktori yang sama. Kemudian anda ganti nama caraorder-copy.php dengan nama
download.php
-
Kemudian anda buat dokumen baru
PHP, lalu hapus kode yang ada dan ketikkan kode baru.
-
Jika sudah simpan dan beri nama
download_isi.php lalu aktifkan lagi dokumen PHP download.php lalu blok teks
informasi mengenai cara order dan tekan tomol delete untuk menghapus teks
tersebut.
-
Kemudian hapus teks keterangan
atas “Ketentuan Order Barang..!!” menjadi “Download”
-
Jika sudah fokus kursor mouse pada
baris ke tiga, klik tab code ketikkan kode program.
-
Kemudian kembali tampilan design,
-
Jika sudah simpan ulang file
download.php . sampai disini pemuatan halaman download selesai.
L.
Halaman About Us
-
Duplikat file caraorder.php pada
direktori yang sama. Kemudian anda ganti nama caraorder-copy.php dengan nama
about.php
-
Jika sudah sekarang anda buka file
about.php kemudian blok teks informasi mengenai cara order dan tekan tombol
delete untuk menghapus teks, dan ganti dengan teks seperti ini
-
Jika sudah simpan ulang file
about.php , sampai disini pembuatan halaman about us selesai.
M.
Halaman Contact Us
-
Duplikat file about.php pada
direktori yang sama. Kemudian anda ganti nama about-copy.php dengan nama
contact.php
-
Jika sudah sekarang anda buka file
contact.php kemudian blok teks informasi mengenai about dan tekan tombol delete
untuk menghapus teks, dan ganti teks seperti berikut.
-
Jika sudah simpan ulang file
contact.php , sampai disini pembuatan halaman contact us selesai.
- Demikian hasil dari pembuatan website bab 3 bagian b, materi selanjutnya bab 4 akan menyusul.Terima kasih ......... :)
Tidak ada komentar:
Posting Komentar