Membuat Tampilan Website Menggunakan Bootsrap dan PHP
Membuat Tampilan Website Mengguakan Bootstrap dan PHP
Kali ini kita akan membuat tampilan menggunakan bootstrap, sebelumnya template yang akan digunakan adalah "Highadminv2" sebelumnya silahkan download melalui link beriku :
konsep yang kan dibuat : karena menu disetiap file sama maka kita akan buat 1 file yang bisa di panggil dalam file lainnya. langsung saja berikut langkah - langkahnya :
1. Buatlah folder di htdoc dengan nama bebas, disini saya menggunakan nama "inventaris"Di dalam2. Buat folder lagi dengan nama "config, class, dan template"
3. Copy folder assets yang ada di highadmin yang sudah di download tadi, yang berada di folder Highdmin_v1.2\Admin\horizontal dan copy folder plugins yang ada di folder Highdmin_v1.2\Admin kedalam folder inventaris. Sehingga susunan foldernya akan seperti gambar dibawah ini.
4. Buat file dengan nama "header.php" di dalam folder template.
6. Tambahkan script dibawah ini, dan letakan di dalam tag <div class="logo"> ... </div>
7. Langkah selanjutnya tambahkan scrip ini di dalam tag <div class="menu-extras topbar-custom"> ... </div>
8. Setelah itu kita akan buat bagian navbar, tambahan sript ini di dalam tag <div class="navbar-custom"> .. </div>
9. Langkah selanjutnya, buat file baru bernama index.php di dalam folder inventaris dengan isi sebagai berikut :
11. Jalanan file index.php akan menghasilan tampilan seperti ini :
10. setelah tag tutup div </div> wrapper tambahka script ini dan tulis sejajar dengan tag div wrapper.
12. Langkah selanjutnya mengabungkan file header.php yang sudah ita buat sebelumnya. Supaya file yang ada di header bisa di tampilkan sehingga tampilanya bisa sesuai dengan css highadmin yang sudah kita buat. Tambakan script dibawah ini pada file index.php pada bagian paling atas
13. Lalu jalankan kembali dan hasilnya seperti ini.
14. Selanjutnya buat file databarang.php, tentang.php di dalam folder inventaris. Copy script yang ada di index.php dan paste ke dalam databarang.php dan tentang.php. Ubah databarang.php dan tentang.php dari yang seperti ini :
Comments 0
EmoticonEmoticon