Create a Backside Login Page - Step I

In this tutorial I will show you how to create a Login page so that you can restrict access to pages in your site.

You will need some images and style sheets for this tutorial. Get them here.

You will also need the Project Seven Style Sheet Loader extension. Get it here.

Click here to see an example page.

1. Open a new page by clicking File > New and use the settings below in the New Document window. Click the Create button.

2. Save the page by clicking File > Save As and naming it backsideBase.asp.

3. Attach a style sheet to the page by clicking Text > CSS Styles > Attach Style Sheet. Click the Browse button in the Link External Style Sheet window and use the following settings in the Select Style Sheet File window. Click OK.

4. Click OK in the Link External Style Sheet window.

5. Click Commands > Studio VII > PVII Style Sheet Loader and use the following settings in the PVII Style Sheet Loader window. Click the Insert button.

6. Click on the page and then Insert > Layer. Then click on the layer that you just inserted in the Layers Panel (F2) and use the following settings in the Property Inspector.

7. Click inside the logoLayer and then Insert > Image and select the logo.gif.

8. Click on a blank area of the page, outside of any layer, and then Insert > Layer. Then click on the layer that you just inserted in the Layers Panel (F2) and use the following settings in the Property Inspector.

9. Click inside the homeLayer and then Insert > Image and select the home.gif. Give the home.gif the name theHome in the Property Inspector.

10. Click on a blank area of the page, outside of any layer, and then Insert > Layer. Then click on the layer that you just inserted in the Layers Panel (F2) and use the following settings in the Property Inspector.

11. Click inside the loginLayer and then Insert > Image and select the login.gif. Give the login.gif the name theLogin in the Property Inspector.

Click here to continue the tutorial.