Create a Backside Login Page - Step II

12. 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.

13. Click inside the logoutLayer and then Insert > Image and select the logout.gif. Give the logout.gif the name theLogout in the Property Inspector.

14. 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.

15. Click on the home.gif and then the (+) sign in the Behaviors Panel and select Swap Image. Use the following settings in the Swap Image window.

16. Click on the login.gif and then the (+) sign in the Behaviors Panel and select Swap Image. Use the following settings in the Swap Image window.

17. Click on the logout.gif and then the (+) sign in the Behaviors Panel and select Swap Image. Use the following settings in the Swap Image window.

18. Save the backsideBase.asp page.

19. Then save the backsidebase.asp page as login.asp by clicking File > Save As and naming it login.asp.

20. Close any open pages, then reopen the backsideBase.asp page.

21. Click on the logout.gif and then the (+) sign in the Server Behaviors Panel. Select User Authentication > Log Out User and use the following settings in the Log Out User window.

22. Save the backsideBase.asp page.

23. Then save the backsidebase.asp page as login.asp by clicking File > Save As and naming it login.asp

24. Then save the login.asp page as backsideMenu.asp by clicking File > Save As and naming it backsideMenu.asp.

25. Close any open pages and reopen the login.asp page.

Click here to continue the tutorial.