membuat login dengan css

Langsung saja kita mulai cara membuat form login dan desain form login sederhana dengan CSS. Di contoh kasus ini saya membuat form nya dalam file HTML. teman-teman bisa menerapkan ke project PHP teman-teman atau menyesuaikan. Di sini saya membuat file HTML dengan nama index.html, atau bebas terserah teman-teman. 1. Buat Folder Khusus untuk Menyimpan File Form Login 2. Buat File HTML dan CSS dengan Text Editor Cara Membuat Form Login yang Menarik dengan HTML 1. Deklarasikan Dokumen HTML Anda 2. Buat Kepala Halaman Form Login 3. Beri Judul Halaman Form Login 3. Sisipkan File CSS 4. Buat Badan Form Login 5. Buat Layout Form Login 6. Beri Judul Form Login Persiapan membuat form login dan form register dengan HTML dan CSS. 1. Buat folder. Langkah pertama, yaitu membuat folder khusus. Ini akan menjadi wadah untuk menyimpan file HTML dan CSS form login dan form register. Disini untuk folder saya memberikan nama DesainLogin. 2. Buat file HTML dan CSS. Pada halaman web, terdapat Form Login dengan dua kolom input – Email dan Kata Sandi, link Frogot Password, dan tombol login. Anda dapat menonton video tutorial lengkap tentang program ini. All free to use for your commercial projects. 3. Hubungkan PHP dengan MySQL. Langkah berikutnya dalam cara membuat session login PHP adalah menghubungkan PHP ke MySQL. Caranya dengan mengklik kanan file config.php lalu pilih opsi Edit. 4. Buat file induk website dengan nama index.html. Silahkan buat filenya dengan langkah sebagai berikut: buka aplikasi text editor, klik file – new file, ketik index.html dan simpan, lalu klik file – save as dan simpan pada folder kerja kamu. Membuat Login Form yang Menarik dengan CSS. Setelah membuat kerangka login html yang flat tanpa desain, pasti akan membuat orang malas untuk melihat tampilannya. Maka dari itu dibutuhkan lagi bahasa CSS untuk membuat login form yang menarik dan juga cantik. Berikut step yang bisa kamu ikuti. 1. Bila kita ingin membuat sedikit animasi pada CSS, maka kita perlu membuat 2 style yang berbeda. Pada contoh di atas terdapat style pada #submit-btn dan adapula #submit-btn:hover . 2. Menyisipkan file CSS. Hal ini bertujuan untuk menghubungkan file CSS dengan HTML, supaya login form dapat ditampilkan dengan baik nantinya. Sebelum membuat form login keren dengan HTML dan CSS, ada dua hal yang perlu Anda persiapkan, yaitu: - Text Editor. Text editor adalah suatu software atau program komputer untuk menulis kode program. Gunakanlah text editor yang paling membuat Anda nyaman. Bisa Notepad++, Sublime Text, Visual Code Studio, dan lain-lain. - Folder khusus untuk menyimpan file form login dan form register. Sekarang arahkan ke folder htdocs dan buat folder baru bernama login-signup caranya : 1. Akses pada C:\xampp\htdocs. 2. Buat disana buat folder bernama login-signup. 3. Lalu didalam folder login-signup kita buat file PHP bernama index.php serta buat juga file stylesheet CSS bernama style.css dan juga folder lagi bernama pages.