TUTORIAL MEMBUAT HALAMAN ONLINESHOP SEDERHANA DENGAN BOOTSTRAP 4
Assalamu'alaikum Wr Wb. bagaimana kabar kalian disana? semoga kalian sehat selalu disana hehehe
di postingan saya yang sebelumnya membahas Java Netbeans dan LWJGL nya.
------------------------
Sekarang saya memposting "Cara Membuat Tampilan Online Shop Sederhana dengan Bootstrap 4".
Kita lanjut menuju tahap pembuatanya, bahan yang dibutuhkan adalah:
- Web server Appserv download disini
kalau mau XAMPP ya download lagi disini
- Sublime Text 3 bisa di download disini
- Notepad ++ versi ada disini
- Browser Mozilla atau Chrome
- Bahan Bootstrap 4 bisa didownload disini
Setelah itu perhatikan langkah-langkahnya
1. Buka bahan bootstrapnya yang telah didownload tadi di atas
2. Lalu copykan ke folder Web Servernya Penting!!!
Untuk XAMPP copykan ke folder (C:\xampp\htdocs\namafolder)
untuk nama folder bebas mau "olshop" seperti saya silahkan.
kalau saya menggunakan Web server AppServ jadi saya copynya ke (C:\Appserv\www\olshop)
lihat gambar
3. kalau sudah kita ke tahap pembuatan web nya. 1 Buka sublime text yang telah kalian download dan install kita membuat file baru namanya "index.php" disimpan pada foler olshop tadi.
4.Setelah membuat "index.php"nya lalu kita buka dokumen bahan bootstrapnya buka pdfnya tinggal drag ke browser chome atau mozilla. Lalu kita buka bagian navbar
5. Lalu kita copykan kodenya ke bagian index.php nya, oh iya jangan lupa sisipkan juga di file tersebut bagian ini.
6. akan terlihat seperti ini (jika sudah di copy)
7. lalu kita tambahkan komponen untuk tampilan website copykan saja codenya.
8.Jika Sudah maka tampilan menjadi seperti ini
9. lalu kita tambahkan file baru setelah index.php yaitu home.php, sisipkan coding pada home.php
10. Oh iya Jangan lupa untuk gambar2 boleh di copy ke folder olshop nya untuk menampilkan gambar sehingga akan muncul gambar yang kita copykan. koding di atas akan menghasilkan tampilan dibawah ini
Cukup mudah bukan ? jika ada yang merasa kesulitan tinggal komen aja di bawah atau kontak fb saya hehehe.
Mungkin cukup Postingan tentang "Cara Membuat Tampilan Online Shop Sederhana dengan Bootstrap 4 "
Wassalam...
Sampai jumpa di postingan berikutnya heheh
0 comments:
Post a Comment