Cara membuat bootstrap dengan php
Show Cara Memasang Template Bootstrap Di PHP – Bootstrap adalah salah satu front-end framework atau framework css yang sengaja dibangun untuk memudahkan proses desain layout web dalam pengembangan atau pembuatan tampilan website. Framework yang dulu pernah dikenal dengan sebutan twitter bootstrap ini dilengkapi dengan komponen-komponen website yang sudah siap pakai dan sering digunakan seperti button, breadcrumb, pagination, modal dialog, navigation bar dan lain-lain yang sangat memudahkan kita dalam melakukan proses desain tampilan suatu web. Dengan menggunakan bootstrap kita dapat denggan mudah membuat fitur website responsive yang memungkinkan kita cukup membuat satu template website saja dan kita bisa memperoleh template yang bisa dibuka atau kompatibel diberbagai device seperti (laptop, handphone, atau tablet dan lain sebagainya). Anda dapat mengunjungi situs resmi bootstrap di https://getbootstrap.com Akan tetapi jika hanya menggunakan bootstrap yang dibuat dengan HTML, CSS dan JavaScript kita tidak dapat menghasilkan website yang bersifat dinamis, jika hanya menggunakan bootstrap website yang dihasilkan masih berisfat statis, Bagaimana caranya agar website yang dikembangkan dengan boostrap menjadi dinamis…? Maka dari itu untuk membuat website dinamis kita membutuhkan bahasa pemrograman back-end seperti Bahasa Pemrograman PHP dengan menggunakan PHP kita dapat membuat website yang dihasilkan dengan boostrap menjadi dinamis. Pada artikel kali ini kita akan memasang template bootstrap di php, kita akan menggunakan salah satu template bootstrap yaitu sb admin anda dapat mendownload nya secara gratis di https://startbootstrap.com/template/sb-admin, silahkan di download template nya terlebih dahulu, OK langsung saja kita mulai Cara Memasang Template Bootstrap Di PHP. 1. Buka Text Editor dan Buat Struktur Folder Langkah pertama buka text editor favorit anda disini saya menggunakan Visual Studio Code, Buat folder tutorial-php di root web server anda seperti htdocs atau www dan folder lainnya seperti dibawah ini :
2. Copy Source SB Admin Ke Folder assets Selanjutnya ekstrak file zip template sb admin yang telah di download, kemudian copy folder berikut (css, js, demo, img) ke folder assets yang berada di folder tutorial-php, pastikan tidak ada folder yang tertinggal, nantinya struktur folder akan terlihat seperti gambar dibawah ini. 3. Proses Pemasangan Template Bootstrap (SB Admin) Di PHP Kita masuk ke proses pemasangan template bootstrap sb admin, pertama buka file index.html yang ada di folder sb admin yang telah di ekstrak, copy code bagian header dan menu dari template tersebut ke file layout/header.php yang ada di dalam folder tutorial-php jangan lupa mengarahkan resource url ke folder assets, berikut full source code untuk file header.php Selanjutnya copy atau salin source code berikut untuk bagian file footer.php Terakhir untuk file index.php isikan dengan source code berikut Jalankan source code nya di web browser dengan cara ketik localhost/tutorial-php di tab pencarian browser lalu tekan enter, Berikut tampilan template yang sudah dipasang secara dinamis. Pada source code di file index.php tersebut sudah saya beri komentar sebagai penjelas, Jika anda ingin memuat halaman lain seperti halaman crud.php, buat file crud.php sejajar dengan index.php kemudian deklerasikan judul lalu include kan header.php dan footer.php, di tengah-tengah anda dapat menyisipkan source code untuk crud.php sesuai kengingin, Kurang lebih seperti dibawah iniItulah tadi Cara Memasang Template Bootstrap Di PHP, Terima Kasih semoga bermanfaat dan sampai jumpa di artikel berikutnya Apa itu bootstrap di PHP?Bootstrap adalah framework web development gratis dan open-source yang dirancang untuk memudahkan proses pengembangan web responsif dan mobile-first (memprioritaskan perangkat seluler), dengan menyediakan berbagai syntax untuk desain template.
Apa itu bootstrap template?Bootstrap adalah sebuah framework untuk menerapkan gaya visual pada sebuah website. Framework ini dikembangkan tujuan mempermudah pengembangan website dengan menggunakan sejenis 'template' dalam kode yang digunakan.
Apa alamat web resmi bootstrap?anda dapat mendownload langsung bootstrap pada website resminya di http://getbootstrap.com/getting-started/. untuk sampai saat ini bootsrap telah di rilis sampai versi 4. klik di sini untuk mendapatkan bootstrap versi 4. berikut ini adalah struktur isi dari bootstrap setelah anda mendownloadnya.
Bootstrap untuk apa?Bootstrap digunakan untuk membuat desain website yang responsif. Semua website yang dibuat menggunakan framework ini akan langsung menyesuaikan ukuran layar browser. Framework ini juga bisa digunakan untuk membuat dan mengembangkan segala jenis website sesuai kebutuhan, mulai yang bersifat dinamis maupun statis.
|