Expression® Web Design

Frontpage Form Wizard Tutorial

Monday, November 06, 2006
One of the easiest ways to create your user forms in FrontPage is to use the Form Page Wizard.

The tutorial here is generated with FrontPage2000.

Start by opening your FrontPage 2000 program.

Now open one of your current webs for practice. Since we want to publish this form page to the web or your intranet, be sure to develop it in a publishable web.

Go to "File", "New", "Page"
Frontpage Form tutorial

Don't worry at this point about navigation to this page. Just leave everything else alone until we publish and then test the form.

Select "Form Page Wizard"
Frontpage Form Page Wizard

You will now see the Wizard window. Click "Next"
Click Next

As you can see now, the window space is blank because we need to select questions. Click on "Add".
Click on Add

From this menu there are a number of selections you can make. Highlight "contact information" and click "Next".
Contact Information

Leave the default checks in place and in addition to these check "Home phone" and "Postal address" then click "Next".
Frontpage Form Wiazrd tutorial

Now click on Add again and select "personal information" leave the default checks in place and in addition, check "Height, Weight, Hair color and Eye color" then click "Next".
Frontpage Form Wizard

You will now see the "Presentation Options" page. Leave this as is and click "Next".
Frontpage Form Wizard Presention Options

You will now see the "Output Option" page Check save results to a text file and click "Next".
Frontpage Wizard Output options

Notice formrslt shows as the file name. FrontPage has just created this file and stored it in the _private folder for us.

Now click "Finish". The wizard will now produce the form on the current page.

Your form should now look like this....Our example here does not include the form border. Yours should show the dotted or dashed form border. This form is for appearances only. It has no form tags, so it doesn't submit.

Please provide the following contact information:

Name
Date of Birth
Sex Male Female
Height
Weight
Hair Color
Eye Color
 


Preview in browser and hit the submit button. In all likely hood you will see the following in your browser window. It should definitely appear if you use IE, but won't swear to it appearing in other browsers.

FrontPage Run-Time Component Page

You have submitted a form or followed a link to a page that requires a web server and the FrontPage Server Extensions to function properly.

This form or other FrontPage component will work correctly if you publish this web to a web server that has the FrontPage Server Extensions installed.

Click the arrow to return to the previous page.

This is not a bad message. It simply means your form needs to be published to a web server with Front Page extensions properly installed. In fact, to me this is a sign I actually built a form rather than a mucked up combination of form fields instead.

Our next step is to examine the form properties.

DeliciousDigg This PostNewsvineRedditTechnorati

Comments

Mary Dorn said...

This tutorial lesson is all well and good, IF the Expression Web Design I purchased actually HAD a forms Wizard. I miss my Frontpage 2003.

1/18/2008

Corey said...

I know what you mean Mary, but check out href=http://www.loudexpressions.com/2007/09/processing-the-form-with-the-jmail-email-component title="Processing the Form with the JMail EMail Component">Processing the Form with the JMail EMail Component to see if it can help you at least process the form

1/19/2008

Mary Dorn said...

Thanks. Your tutorial was helpful. I can't use the e-mail component, but can you help me with saving it to a database? It's all set up with Access, but when I submit a test, it's not sending to the database or sending users to the redirect page I set up in "Options."

1/19/2008

Corey Bryant said...

I am assuming you are on a Windows server, yes? And if so, is the MS Access database in the fpdb folder or another folder? Did you verify the folder has the proper read / write permissions? This is usually the problem. http://expression-frontpage.com/ might be better for this - there are a few food ASP developers there as well.

1/19/2008

Mary Dorn said...

Thanks again, Corey. I've been browsing your other tutorials today... good stuff. I already sent a question to my server about whether they support Frontpage Server Extensions. They once warned me to use aspx files instead of asp, which is what's needed here and what I used. It's in the fpdb folder. I added checks under folder properties to let me browse/change content (I'll concern myself with security later).

Maybe I'll just set up a Yahoo account and do it your way. The website's e-mail won't do it for me.

1/19/2008

Mary Dorn said...

Looks like you're the expert on the Frontpage site too. O.K., I've figured out what my problem is but not how to fix it.
The MS software adds extra "include" code, like " and include URL; which wants to go to a parent file (which I or my server must have disabled) instead of a "virtual file." I used the tricks mentioned in the tips for solving Err Msg ASP 0131 Disallowed Parent Path, but it's not helping.

1/21/2008

Corey said...

I guess I am really confused. I thought you were using Expression Web but you might be using FrontPage?



For proper help, a lot more information is needed because there are two many variables. Source code / URL is recommended.



And if you are using FP, did you let it create all of this for you? The http://expression-frontpage.com/ is still the recommended place for extended help on this also.


1/21/2008

Name
URL
Email
Email address is not published
Access Code secureimage
Please enter the access code
Remember Me
Comments




Join My Community at MyBloglog!



Feeds