Binti Qomariah – Assalamu’alaikum Wr. Wb.
Selamat sore
teman-teman, berjumpa lagi dengan saya nih. Hari ini saya akan membagikan tutorial mengenai bagaimana mempercantik tampilan/form login yang kemarin kita buat menggunakan HTML. Hari ini, form tersebut akan kita gabungkan menggunakan CSS. Simak terus, oke ..!
A. JUDUL KEGIATAN
HTML & CSS : Mempercantik Tampilan Form Login.
B. PENDAHULUAN
1. Pengertian
Form Login adalah halaman awal dimana halaman tersebut digunakan untuk mengisi username dan password oleh admin dan user.
2. Maksud dan Tujuan
Mempercantik tampilan form.
3. Hasil yang
DiharapkanForm Login adalah halaman awal dimana halaman tersebut digunakan untuk mengisi username dan password oleh admin dan user.
2. Maksud dan Tujuan
Mempercantik tampilan form.
Form Login menjadi lebih berwarna dan tentunya lebih enak dipandang mata.
4. Latar Belakang
Dikarenakan tampilan form login tersebut masih polos (hitam-putih). Jadi untuk mempercantiknya, saya menggunakan CSS.
Dikarenakan tampilan form login tersebut masih polos (hitam-putih). Jadi untuk mempercantiknya, saya menggunakan CSS.
C. ALAT DAN BAHAN
- Komputer atau
Laptop.
- Text Editor.
D. JANGKA WAKTU
PELAKSANAAN
-/+ 15 menit.
E. TAHAPAN
PENGERJAAN
1. Buka script login di text editor kalian.
2. Tambahkan tab baru di text editor kalian dengan cara ketik Ctrl+N atau dengan File->New File.
Ini adalah script login yang sebelumnya telah kita buat.
3. Kemudian, di file yang baru, mari kita buat CSS-nya. Seperti ini script CSS-nya.1. Buka script login di text editor kalian.
2. Tambahkan tab baru di text editor kalian dengan cara ketik Ctrl+N atau dengan File->New File.
Ini adalah script login yang sebelumnya telah kita buat.
<!DOCTYPE html>
<!-- mendefinisikan bahasa -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Login</title>
</head>
<body>
<!--aksi yang digunakan untuk menghubungkan login dan index -->
<form action="proses_login.php" method="post">
<table class="form">
<tr>
<td colspan="2"><h1 align="center">Login</h1></td>
</tr>
<tr>
<td>Username</td>
<td>
<input type="text" name="username" />
</td>
</tr>
<tr>
<td>Password</td>
<td>
<input type="password" name="password" />
</td>
</tr>
<tr>
<td colspan="2" align="right">
<input type="submit" name="login" id="login" value="Login" class="btn btn-submit">
</td>
</tr>
</table>
</form>
</body>
</html>
G. HASIL YANG
DIDAPAT
Halaman Form Login yang indah dan enak dipandang mata.
Halaman Form Login yang indah dan enak dipandang mata.
H. MASALAH YANG
DIALAMI
Terkadang masih kurang teliti dalam menambahkan script dan terkadang hanya kurang tanda petik atau penutup tag html.
I. KESIMPULAN
Dengan CSS kita dapat mempercantik tampilan website termasuk untuk mempercantik halaman login.J. REFERENSI
Teman-teman dari PHP Indonesia.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
2 komentar
Click here for komentartrmksh artikelnyanya gan, stlh sy mmbca artikel agan sy dpt mnymplkn bhwa form Login adalah halaman awal dimana halaman tersebut digunakan untuk mengisi username dan password oleh admin dan user.
ReplyKunjungi website sy ya: https://yuliyani.mahasiswa.atmaluhur.ac.id
Dan kunjungi website kmps sy: http://www.atmaluhur.ac.id
Terimakasih kak
ReplyConversionConversion EmoticonEmoticon