How to Create a Sign-in Page for a Website

A dynamic web page is a web page that changes each time a person visits the page (or at least changes often, without the user being aware of the changes). One of the easiest ways to make a web page dynamic is to have users who log into the web site. Then the site can build a customized web page and web site that shows only information that the user needs and desires. Setting up a sign-in page for a web site takes a bit of time and effort, however.

Things You'll Need

  • Basic knowledge of building web pages and HTML.
  • A web-enabled database such as mySQL or Microsoft Access.
  • A knowledge of a pre-processing languages such as php or ASP to access the database
Show More

Instructions

    • 1

      Design the web page that will be used for sign-in. Make sure you include an area for the user login name and password.

    • 2

      Build the sign-in page. To do this, include a form tag at the start of your sign-in section. The form tag will need to include the page that will be submitted to and the method to submit. A typical form tag might look like this: <form method="post" action="index.php">

    • 3

      Add the two text boxes for your user's name and password after the form tag. An example of these tags are:
      <input type=text name=username>
      <input type=password name=userpassword>
      You can format these and place them wherever you need. You might place them inside a table, for example. Be sure to include text before each one so the user knows that goes in each box.

    • 4

      Include a submit button so the user can submit the form once they have filled in the fields. For example:
      <input type=submit value="Login">

    • 5

      End the form with another tag: </form>. Now when the user presses the button, the information she entered in the two boxes will be sent to the page described in Step 2.

    • 6

      Add processing code in the destination page to check the values that were entered against the database entries.

Related Searches:

Comments

You May Also Like

Related Ads

Featured