Password Protect 6

tutorials

Here we offer a few tutorials to help you get up and running quickly and easily. But be SURE to read the Intro, How-To and Cautions pages as well! About our terminology: The page on which you will be placing PasswordProtect6, either as an Object or as a Behavior, we will call the "portal" page, as it is the doorway to the protected pages.

These tutorials assume that you are NOT planning to use the ServerSideIncludes option of EyesOnly. If you ARE planning to use the ServerSideIncludes option of EyesOnly, see EyesOnly first to learn the small but important change in file extension that might be required.

You may add this Extension right to your page as an Object (so the Login Form appears right on your portal page). Only one such object may be on any given page. OR you can add it as a Behavior, attaching it to text, images or hotspots on your portal page (and you can add any number of them to a page.)

These tutorials describe adding PasswordProtect 6 as an Object. Only a slight revision is needed if you want instead to add it as a Behavior, namely first:

  • Select the text, image or hotspot to which you want to apply the Behavior.
  • In the Property Inspector, add "javascript:;" (without the quotes) to the Link field, and now Select the linked text, image or hotspot.
  • Then find Password Protect 6 in the Behaviors Window. All the remaining steps are the same as below.

Select some text or an image. In the Property Inspector, add "javascript:;" (without the quotes) to the Link field. Do NOT make the mistake of creating a link to your protected page or folder!

Poperty Inspector

Then select the linked text or image in Design View, go to the Behaviors Window, click the + button and click on Password Protect 6:

Behaviors Window

Caution: Make sure that there are NO href Links to your protected pages or folders anywhere on your pages. When making the changes below, do not use old file or folder names to which you HAVE linked in the past since they may have been added to Search Engine results already!

Tutorial #1 You want to ask the user for only a Password (not a UserID).

Tutorial #2 You want to ask the user for both a UserID & a Password (and have the protected page in a subfolder right below the portal page) .

Tutorial #3 You want to ask the user for a UserID only.

Tutorial #4 Advanced Users: You want to ask the user for both a UserID & a Password and a) have the protected page somewhere on the site OTHER THAN in a subfolder right below the portal page OR b) when the protected page IS in a subfolder right below the portal page but you do not want to request a UserID.)

Tutorial # 1
top

You want to ask the user for only a Password (not a UserID)

Let's say you have a file named: obviousFilename.html that you wish to protect so only authorized users can get to it.

Since you are asking the user only for a Password, and the Password for PP6 is actually the filename itself, you must change the name to something hard to guess, like 3jkhg83a.html

To make it possible to ask for only file name (the Password), the file must be in the very same folder as the page that will be the "portal" page.

So what might have started out as this:

...../a_folder/portalpagename.html

...../a_folder/obviousFilename.html

You should now change to this:

...../a_folder/portalpagename.html (no change)

...../a_folder/3jkhg83a.html (hard-to-guess)

Now open the portal page and place the mouse cursor on the page where you want the PP6 Login Form to appear.

Click the Goodies tab's Key icon (or use the Insert/ValleyWebDesigns/PasswordProtect6 menu item)

On the Basic tab:

basic tab

  1. Uncheck UserID
  2. Check the Password box
  3. Type in the file extension of the protected page.
  4. If you want the password characters to be masked (as *'s) as the user keys them in, then Check the Mask box for Password.

On the Advanced tab:

Advanced tab


Make sure "Current folder" is Checked, and the lower text box is empty.

Click the OK button.

You will now see the login window right on your page. (You may alter its appearance later by editing the css files: /vwd_scripts/passpro/passpro6_base.css and /vwd_scripts/passpro/passpro6_up.css, but that's another story.)

If there is not already one there, add an index or default page, like index.html, to the folder along with the other documents here. You can put anything on this page, including perhaps a link to your home page? This is an important security concern on some servers, so do not skip it.

That's all there is to it! Of course you must upload files to your server, but otherwise you are done. Files to upload:

  1. Your portal page ...../a_folder/portalpagename.html
  2. Your protected page, ...../a_folder/3jkhg83a.html
  3. The default page ...../a_folder/index.html if you added one.
  4. The folder /vwd_scripts/ and its contents, to the root of your site.
  5. The file ...../a_folder/vwd_getpass6.htm.

Tell the users that the Password is, in this example, 3jkhg83a.

Tutorial # 2
top

You want to ask the user for both a UserID AND a Password (and have the protected page in a subfolder right below the portal page.)

Let's say you have a file named: obviousFilename.html that you wish to protect so only authorized users can get to it. And it is in a subfolder right below the portalpage, like this:

...../a_folder/portalpagename.html

...../a_folder/obviousFoldername/obviousFilename.html

Recall that in PP6

the UserID = the Foldername

the Password = the Filename

So you must change both those names to something harder to guess, like this:

...../a_folder/portalpagename.html (no change)

...../a_folder/amx4rg5s/3jkhg83a.html (both hard-to-guess)

If you are wondering, it could be that "a_folder" here is the root folder of the site, just as long as the portalpage and the subfolder, in this example called amx4rg5s, are in the same folder!

So, now be sure that you have the files and folders right.

Okay, now to add the PP6 Login Form right to the portal page, place the mouse cursor on that page right where the Form to appear.

Click the Goodies tab's Key icon (or use the Insert/ValleyWebDesigns/PasswordProtect6 menu item)

On the Basic tab:

Basic tab

  1. Check UserID box
  2. Check the Password box
  3. Type in the file extension of the protected page.
  4. If you want the UserID and/or password characters to be masked (as *'s) as the user keys them in, then Check the appropriate Mask box(es).

On the Advanced tab:

Advanced tab

Make sure "Current folder" is Checked, and both the text boxes are empty.

Click the OK button.

You will now see the login window right on your page. (You may alter its appearance later by editing the css files: /vwd_scripts/passpro/passpro6_base.css and /vwd_scripts/passpro/passpro6_up.css, but that's another story.)

If there is not already one there, add an index or default page, like index.html, to the folder ..../a_folder/amx4rg5s/ AND to the folder ...../a_folder/. You can put anything on these pages, including perhaps a link to your home page? This is an important security concern on some servers, so do not skip it.

That's all there is to it! Of course you must upload files to your server, but otherwise you are done. Files to upload:

  1. Your portal page: ...../a_folder/portalpagename.html
  2. Your protected page in its folder: ...../a_folder/amx4rg5s/3jkhg83a.html
  3. The default pages: ...../a_folder/amx4rg5s/index.html AND ...../a_folder/index.html if you added them.
  4. The folder /vwd_scripts/ and its contents, to the root of your site.
  5. The file ...../a_folder/vwd_getpass6.htm.

And you will tell your users that the UserID is amx4rg5s and Password is 3jkhg83a.

Tutorial # 3
top

You want to ask the user for a UserID only.

Let's say you have a several files named: obviousFilename1.html, obviousFilename2.html, etc that you wish to protect so only authorized users can get to them. And they are in a subfolder right below the portalpage, like this:

...../a_folder/portalpagename.html

...../a_folder/obviousFoldername/obviousFilename1.html

...../a_folder/obviousFoldername/obviousFilename2.html

Recall that in PP6

the UserID = the Foldername

the Password = the Filename

So you must change the folder name to something harder to guess, like this:

...../a_folder/portalpagename.html (no change)

...../a_folder/amx4rg5s/obviousFilename1.html (hard-to-guess folder name)

...../a_folder/amx4rg5s/obviousFilename2.html (hard-to-guess folder name)

If you are wondering, it could be that "a_folder" here is the root folder of the site, just as long as the portalpage and the subfolder, in this example called amx4rg5s, are in the same folder!

So, now be sure that you have the files and folders right.

Okay, now to add the PP6 Login Form right to the portal page, place the mouse cursor on that page right where you want Form to appear.

Click the Goodies tab's Key icon (or use the Insert/ValleyWebDesigns/PasswordProtect6 menu item)

On the Basic tab:

Basic tab

  1. Check UserID box
  2. Uncheck the Password box
  3. If you want the UserID characters to be masked (as *'s) as the user keys them in, then Check the UserID's Mask box.

On the Advanced tab:

Advanced tab

Make sure "Current folder" is Checked, and both the text boxes are empty.

Click the OK button.

You will now see the login window right on your page. (You may alter its appearance later by editing the css files: /vwd_scripts/passpro/passpro6_base.css and /vwd_scripts/passpro/passpro6_up.css, but that's another story.)

If there is not already one there, add an index or default page, like index.html, to the folder ...../a_folder/amx4rg5s/ AND to folder...../a_folder/. You can put anything on these pages, including perhaps a link to your home page? This is an important security concern on some servers, so do not skip it.

That's all there is to it! Of course you must upload files to your server, but otherwise you are done. Files to upload:

  1. Your portal page: ...../a_folder/portalpagename.html
  2. Your protected pages in their folder: ...../a_folder/amx4rg5s/obviousFilename1(and 2).html
  3. The default pages: ...../a_folder/amx4rg5s/index.html AND ...../a_folder/index.html if you added them
  4. The folder /vwd_scripts/ and its contents, to the root of your site.
  5. The file ...../a_folder/vwd_getpass6.htm.

And you will tell your users that the UserID is amx4rg5s and Password is 3jkhg83a.

Tutorial # 4
top

Advanced Users: You want to ask the user for both a UserID & a Password and a) have the protected page somewhere on the site OTHER THAN in a subfolder right below the portal page OR b) when the protected page IS in a subfolder right below the portal page but you do not want to request a UserID.)

Let's say you have a file named: obviousFilename.html that you wish to protect so only authorized users can get to it. And it is in a subfolder like this:

...../b_folder/a_folder/portalpagename.html

...../b_folder/c_folder/obviousFoldername/obviousFilename.html

Recall that in PP6

the UserID = the Foldername

the Password = the Filename

So you must change both those names to something harder to guess, like this:

...../b_folder/a_folder/portalpagename.html (no change)

...../b_folder/c_folder/amx4rg5s/3jkhg83a.html (both hard-to-guess)

So, now be sure that you have the files and folders right.

Okay, now to add the PP6 Login Form right to the portal page, place the mouse cursor right on that page where you want the PP6 login form to appear.

Click the Goodies tab's Key icon (or use the Insert/ValleyWebDesigns/PasswordProtect6 menu item)

On the Basic tab:

Basic tab

  1. Check UserID box
  2. Check the Password box
  3. Type in the file extension of the protected page.
  4. If you want the UserID and/or password characters to be masked (as *'s) as the user keys them in, then Check the appropriate Mask box(es).

On the Advanced tab:

Advanced tab

  1. Check the second radio button (so "Current folder" is Unchecked)
  2. Browse to the folder ../c_folder/. This path WILL appear in the Source code of your portal page, but by adding it here, your user will be able reach pages on your site without having to know their full paths! (Hint: you can even use this in lieu of asking for a UserID at all!)
  3. Make sure the bottom text box is empty.

Click the OK button.

You will now see the login window right on your page. (You may alter its appearance later by editing the css files:
/vwd_scripts/passpro/passpro6_base.css and /vwd_scripts/passpro/passpro6_up.css, but that's another story.)

If there is not already one there, add an index or default page, like index.html, to ...../b_folder/c_folder/amx4rg5s/ AND to ...../b_folder/c_folder/. You can put anything on this page, including perhaps a link to your home page? This is an important security concern on some servers, so do not skip it.

That's all there is to it! Of course you must upload files to your server, but otherwise you are done. Files to upload:

  1. Your portal page: ...../a_folder/portalpagename.html
  2. Your protected page in its folder: ...../b_folder/c_folder/amx4rg5s/3jkhg83a.html
  3. The default pages: ...../b_folder/c_folder/index.htm AND ...../b_folder/c_folder/amx4rg5s/index.htm if you added them.
  4. The folder /vwd_scripts/ and its contents, to the root of your site.
  5. The file ...../b_folder/c_folder/vwd_getpass6.htm.

And you will tell your users that the UserID is amx4rg5s and Password is 3jkhg83a.

Don't forget !
top

This extension can NOT function locally, so you must upload your pages and the necessary files to your webserver in order to test your work.

Now let's review some important things to know: Cautions.

Mozy Backup
FREE Online Backup - up to 2 gigs. $4.95/mo unlimited. We love it.
© 1998
ValleyWebDesigns
Our strict Privacy Policy
 for JustSo
PictureWindow