PHP – Cara Mudah Membuat Login PHP Dengan Bootstrap, Kembali lagi di StudyKuy | BELAJAR MENJADI PROGRAMING di blog sebelumnya kita sudah membahas membuat Form login PHP , register dan dashboard sekarang kita akan mencoba membuat tampilan websitenya lebih menarik lagi, terus di baca yah blog ini

Bagaimana membuat website lebih menarik ? cara nya kita akan menggunakan CSS dan Bootstrap. Bagaimana menggunakan CSS dan Bootstrap ?

Menurut Wikipedia – Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web. Kerangka kerja ini berisi templat desain berbasis HTML dan CSS untuk tipografi, formulir, tombol, navigasi, dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript.

Apa Itu CSS ? Cascading Style Sheet merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

Itu dia sedikit penjelasan tentang CSS dan Bootstrap, sekarang kita coba membuat website yang sebelumnya kita buat lebih menarik dengan bootstrap dan CSS.

Baca Juga : Apa itu website ? pengertian dan jenis-jenis website.

Pertama kalian buka website dari bootstrap disini , Di bootstrap ini bisa menggunakan secara offline maupun online untuk menggunakan offline kalian bisa download foldernya di websitenya langsung atau bisa menggunakan yang online dengan mencantumpan link dibawah ini kedalam coddingan kalian :

CSS

Jquery

Untuk tamplate dari bootstrapnya

Nahh itulah script atau link untuk memanggil css dan Jquery dari bootstrap kedalam website kalian.

dan kita akan menambahkan sedikit CSS yang akan kita buat sendiri tanpa framework yahh.

Pertama kalian buka dahulu kodingan pembelajaran kita kemarin. login dan registernya.

Buat Link Bootstrap

Ini <link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css”> adalah link atau pemanggilan untuk bootstrapnya agar dapat berfungsi ketika kita panggil.

Kalian jangan lupa untuk melampirkan ini kedalam website kalian.

Mengganti input form Login PHP

Nahh saya juga menggunakan bootstrap untuk membuat form input data, dan berikut untuk codenya

Setelah kita sudah merubah semua mari kita buat css yang kita desain sendiri, mari kita lihat untuk funsi pemisah atau div <div class=”kotak1″> ini untuk membuat class kotak untuk memudahkan untuk membuat css nya.

Buat Style CSS Form Login PHP

Diatas merupakan css yang sudah kita rancang sendiri bagaimana untuk hasilnya

Baca Juga : Tutorial PHP Dan MYSQL : Membuat CRUD Dengan PHP Dan MYSQLI

Membuat Form Login PHP dengan CSS dan Bootstrap

Nah kurang lebih gitu lah gais, kalian lakukan berulang yang di dalam form input kalian semoga ilmu ini berguna untuk kalian, semangat mencoba di tutorial selanjutnya Tutorial PHP Dan MYSQL Part V: Membuat Tampilan Dashboard Menarik dengan CSS dan Bootstrap


0 Komentar

Tinggalkan Balasan

Avatar placeholder

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *