CARA MEMBUAT TAMPILAN LOGIN KEREN DENGAN HTML
Halohaa braderrr, mohon maaf jika memang sudah lama saya tidak update di blog ini ya, karena memang sedang ada project yang lagi dibangun. Nah kali ini saya bakal kasih materi pemrograman, khususnya buat kalian yang ada tugas perkuliahan tentang membuat aplikasi atau website. Sebelum membuat aplikasi dan website, salah satu langkah awal yang kalian lakukan adalah dengan membuat tampilan halaman login pada user (pengguna) atau bahasa kerennya disebut front end. Sebenernya bisa dibilang mudah, juga bisa dibilang sulit, tergantung daripada selera masing-masing. Jika ingin tampilan yang bagus dengan ditambah fitur yang lengkap, maka gunakan php dan css. Tapi kali ini saya bakal gunakan html tapi tampilannya menurut saya sangat bagus layaknya tampilan perusahaan profesional.
Mungkin masih ada yang bertanya, bang HTML itu apa sih? Html itu singkatan dari Hyper Text Markup Language, sejenis bahasa pemrograman terkhusus web programming. Saya sudah memberikan materi dasar seputar html pada artikel program sebelum-sebelumnya, jadi jika kalian ingin mahir dalam html, haruslah bisa menghafal semua tag pada html. Biasanya itu Html hanya bagian interfacenya saja, lalu untuk fungsinya sendiri bisa menggunakan bahasa pemrograman lainnya seperti Python, Php, Java dan lain sebagainya.
Tanpa berlama-lama lagi, kalian bisa langsung download filenya : DI SINI
Atau jika kalian ingin melihat codingannya, silahkan cek dibawah ini :
<html>
<head>
<title>Elvari APPS</title>
<script src="https://cdn.rawgit.com/bungfrangki/efeksalju/2a7805c7/efek-salju.js" type="text/javascript"></script>
<link href="http://fonts.googleapis.com/css?family=Averia+Sans+Libre" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=VT323|New+Rocker" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Germania+One|Shadows+Into+Light&display=swap" rel="stylesheet" type="text/css">
<br>
</head>
<body background="Download/sekolah.jpg";
<br>
<center><marquee><font face="Shadows Into Light"size="4"color="black">Selamat Datang Di Elvari APPS! Jika kamu ada kendala, segera hubungi elvarifaisal.my.id</font></marquee>
<br>
<link rel="stylesheet" href="style.css">
<div class="container">
<h1>Login</h1>
<form><label>Username</label>
<br>
<input type="text">
<br>
<label>Password</label>
<br>
<input type="password">
<br>
<button>Log in</button></form>
<p><br>Sudah punya akun? <a href="daftar.html">Login di sini</a>
</p>
</div>
</body>
</html>
Jika ada yang ingin ditanyakan silahkan berkomentar ya brader, atau ingin request materi serta kritik dan saran bisa hubungi di form kontak pada website ini ya. Terima kasih
Postingan
Tidak ada komentar: