Photoshop Tutorials, Flash Tutorials, 3Ds Studio Max Tutorials, Web Design Tutorials


Software Tutorials

Featured Free Templates
View All Templates!
Preview  |  Download
Name: metamorph_flame
Downloads:
Preview  |  Download
Name: metamorph_skyandclouds
Downloads:
View All Templates!
Recommended Hosting:
Host Unlimited Domains on 1 Account
1500GB storage and 15000GB bandwidth for $6.95/mo!
Recommended Hosting:
Host Unlimited Domains on 1 Account
1500GB storage and 15000GB bandwidth for $6.95/mo!
:: Free Website Templates
Preview  |  Download Preview  |  Download Preview  |  Download
Name: metamorph_sunset Name: metamorph_flower Name: metamorph_waterfall
Downloads: Downloads: Downloads:

Do You Like Our Website? Share With Others!
GoogleGoogle slashdotYahooMyWebDiggTechnoratiDelicious
Page: 12345678910111213141516171819202122232425

Welcome To WebDesignTutorials.net HTML and CSS Tutorials Area - Creating Login Page

HTML and CSS Tutorial - Creating Login Page
Note: Before you attempt this tutorial you should have some DB server running on your computer such as MySql. If not download dev5beta3.exe and install PHP, Apache and MySql together with phpMyAdmin with one click, and you will be ready for all the dynamic tutorials.This tutorial will teach you how to make a login page in Dreamweaver MX. At the end of the tutorial you will have a page where users can enter their username and password and if the username and password which they entered match the records in the database they will be allowed to enter the restricted page in other words redirected to the members area.

First we should create a table called users. This is the table that we will check the form fields against. Use the followig code to create this table. phpMyAdmin is preferred.

CREATE TABLE users (
username varchar(20) NOT NULL default "",
password varchar(20) NOT NULL default "",
PRIMARY KEY (ID)
) TYPE=InnoDB;

After you have created your table populate it at least with one entry, for the sake of example we will use admin for username and admin for password. You are free to populate with your own data.

Now Open your dreamweaver and create a new page called login.php

After you have created your login page make a connection to your database. If you have made a successful connection you should see your Table details in the Application window similar to the screenshot below.

While you are still in login.php page Choose Applications > Log In User.

Next you will be displayed with a pop up window where you have to make selections. First part of the window shows details of your form, second part your database and third part is a redirection process and finally restriction option based on your database table structure. This window is quite self explanatory just choose the right option from drop down menu. If you have a successful connection to your database your connection will be displayed in the Validate using connection section. If you don"t see your connection in the drop down menu then you have to check your connection again (Step 2).

For Restrict access based on choose Username and password and not Username, password and access level. This is because our table has only username and password fields. After you are done choose OK.

Check Application > Server Behaviors Panel and you should see your script name there now. You can double click on it and edit anytime again, in case if you want to redirect to different page...etc

You are done! That was pretty easy huh? ;) Go ahead and test your login.php and see if it will do what it supposed to do. Remember it will check against users table in your database so make sure you enter correct data, in our case it was admin admin for username and password respectively.Note: Your menu.php (page which user is redirected if login succeeds) should be user protected. Otherwise it does not make sense to make a login page to access it right? How do we protect a page. Well you can find out more about it here.

Author: Ades Tynyshov

Advertisements
Graphic Software, Flash Templates, Free Stock Photos, Web Templates, Web Design, Corporate Web Design, Royalty Free stock Photo, Affordable Website Design, Submit site, Add Url, Stock Photos, Survey Software, Anti Virus Software, E mail software, Computer Software

Premium Partners
  Free Website Templates - Flash templates, Affordable Website Design, Website Templates, Website Redesign, Custom Website Design, Web Design Tutorials, Flash Tutorials, Promotion Tutorials - that is what we do. Metamorphosis Design Studio offers quality, free and low cost web site templates for your business and personal life, we also offer affordable web design and site re-design.
  Vertex Website Tempales - It saves tones of time and money to use pre-made web designs to build your web site. You need a web site but you don't want to pay thousands dollars to professional web design companies? Our web templates is just for you! They are designed to be easilly edited by your favorite html editor, like MS FrontPage
  Photoshop Tutorials - Learn how to build stunning web pages using Adobe Photoshop, Macromedia Flash MX and 3D Studio Max software. The step-by-step approach makes it so easy, that even beginners can produce great web pages. Get started with these tutorials covering everything from page layout to content tips.
Free website templates and paid web templates are great tools to make your websites look perfect! You will save time and money with our flash templates and free website templates Our visitors are satisfied with the quality of our free and paid website templates! Please visit our free website templates and paid website templates sections. We offer free web templates, free web layouts, free web page templates and other stuff for free download. All templates come with the html and external css file so you may easily edit HTML with your favorite HTML editor. Feel free to download our free web templates for your personal websites.

Terms of use depend upon the website template vendor.
Home  |  Submit Tutorial  |  Top Sites  |  Free Templates  |  Website Templates  |  Privacy Policy  |  Contact Us
All Right Reserved by WebDesignTutorials.net