From the course: Building Great Forms with HTML and CSS
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Building the login page
From the course: Building Great Forms with HTML and CSS
Building the login page
- [Instructor] In this section of the course, we're going to be building out a login page for the Sea Garden website. Our login page is relatively simple. It's just going to contain two fields; a username, which is the user's email, and a password. We're keeping it simple so our users don't have to enter any unnecessary information. By using their email address as a username, or simplifying the process and removing barriers, like having to remember yet another username. You want to strive to make your forms as simple and pain free as possible. So let's check out how this page is set up. In order to keep things as simple as possible, I've gone ahead and created a base.css file. The base.css file is currently styling the elements on the page. You'll notice that nothing in my form field is being styled by this particular style sheet. Let me just review this quickly so you can see what I've created. If we go into…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
The registration process4m 56s
-
(Locked)
Login form flow chart and landing page2m 41s
-
(Locked)
Building the login page4m 38s
-
(Locked)
Password visibility11m 13s
-
(Locked)
Build and style a sign-up form3m 57s
-
(Locked)
Using tooltips for more information12m 49s
-
(Locked)
Password strength9m 8s
-
Login and registration form summary1m 37s
-
-
-
-
-
-
-