By Richard Rost 1/2/2007
This is the full text listing of one of our handbooks. There is a lot more to this handbook. The full-color screen shots have been removed for this page. This text is simply provided so that the search engines will index the course contents. This is so any customer searching for a topic can find what class it's covered in. If you are interested in more about information about our courses, click here for our complete course listing. For details on how to purchase a handbook, visit our handbooks page.
Microsoft FrontPage 201
Course Handbook Supplement
By Richard Rost
PO Box 1308, Amherst NY 14226 USA
First Printing 8/25/2004
Copyright 2004 by Amicron Computing
All Rights Reserved
Welcome to the 599CD Microsoft FrontPage 201 Handbook. This course follows FrontPage 103.
This handbook is designed to be a supplement to the full 599CD video course for FrontPage 201. We recommend you use this handbook to follow along with the class videos. This handbook is not meant as a stand-alone study guide.
We do recommend that you watch the course videos one time through, paying attention to the lessons covered. Follow along with the course videos using this guide. Take notes on the pages where needed. Then, watch the videos a second time, practicing the examples yourself on your computer.
Table of Contents
Table of Contents 2
Lesson 1. Form Basics 4
Lesson 2. Feedback Form 8
Lesson 3. Object Properties 21
Lesson 4. Form Properties, Part One 32
Lesson 5. Form Properties, Part Two 38
Lesson 6. Review 45
Welcome to Microsoft FrontPage 201, brought to you by MyOnlineLearningPartner.com and 599CD.com. I am your instructor, Richard Rost.
Objectives for today’s class:
In this class we will be using Microsoft FrontPage XP and Windows XP, however this course is valid for any version of Windows, you should have no problems following this course if you are using FrontPage 2000 or 2003. FrontPage 98 users should upgrade to at least XP.
Lesson 1. Form Basics
What is a form? A form is a component on a web page that collects user data. The user types data into a form and submits it to the web server for processor. The data can then be saved on the server, or emailed to a designated party, or even added to a database. Forms are commonly used for gathering feedback, conducting online surveys, or collecting customer data in e-commerce webs (shopping carts).
Forms consist of various components. One component is a text box where the user types in data.
A text area is a larger space for entering text.
Check Boxes allow the user to select a true/false, yes/no value.
Option Buttons allow you to select one item from a list.
Drop-Down Boxes also allow you to select one or more items from a list.
There are other components as well, including push buttons, file upload controls, group boxes, advanced buttons, and picture form fields.
Note: you must have FrontPage Server Extensions installed for Forms to work.
Lesson 2. Feedback Form
A feedback form is a form where users can type in comments and submit them to you. Begin by opening FrontPage.
Load your Web site.
If you see unknown files and/or folders in your Web, just leave them alone.
Click on File > New > Page or Web….
Click on Page Templates…
Select the Feedback Form. Click OK.
A page is created for you. At the top, in purple, is a comment.
Delete this comment. Click on it, and hit DELETE on your keyboard.
Side note: you can insert comments in your web page by clicking on Insert > Comment. They are not visible in the web browser (they’re just for you).
Just type in the text for your comment:
And your comment will be inserted in your page where your cursor is. Just go ahead and delete this comment again.
Change the text at the top of the page – this is just for you to describe the form to your users.
Notice the dotted line around the form. This is the border of the form. The “Complaint, Problem, Suggestion, Praise,” section is an Option Group made up of Option Buttons. You can select one of these four options. If you don’t want one of the items, like “Praise” just delete it.
Change “Suggestion” to “New Ideas.”
Save this form as feedback.htm.
Preview this page in your Web browser (remember, you have to be online).
The form page should load in your browser.
Fill out the form. Select “Complaint,” from the option buttons. Pick “Employee” from the drop-down list.
Type in some comments.
Fill in the text boxes with your info.
Check the box to “please contact me,” and click SUBMIT.
You will see a Form Confirmation page. Close the window to return to FrontPage.
Notice you have a folder in your web called _private. Any folder in your web that begins with an underscore character is not accessible over the Web – you have to view it inside FrontPage. Open this folder. Open up feedback.txt.
Notice the results from your feedback form.
You can view the contents better if you click on Format > Word Wrap.
Notice now you can scroll side to side.
Close this file.
Now, create a hyperlink on your home page to get to the feedback form.
You can also put it on your contact page.
Lesson 3. Object Properties
Let’s look at the properties of the objects on our form. Double-click on the text box.
The Text Box Properties window opens.
The Name of the box is “SubjectOther.” Initial Value is some data you can start the box off with. Width in characters can be set here, or you can simply resize the box with your mouse.
Tab order determines the order in which fields are visited as the user tabs through them (hits the TAB key on his keyboard). Don’t worry about this today. Password field makes asterisks appear instead of the text that a user types in. Click OK.
Double-click on the Text Area control.
You will see very similar properties. You can also set the height of the box here – or you can drag out the Text Area visually.
Double-click on the Check Box control.
The check box has a name and value. The value is what’s sent to the server (form) as the data if the box is checked ON. Initial state is whether or not you want the box to start off checked.
Double-click on the Drop-Down Box.
The name of the box is at top. Below is a list of items in the box (choices).
To remove an item from the list, click on it, and click on Remove.
To add an item, click on Add. Type in the choice. Don’t worry about “Specify Value” for now. Selected or Not Selected indicates if this is the default selected choice. Click OK.
I like to add a [Select One] option as the first option.
You can use the Move Up and Move Down buttons to move the items around.
Change the height of the box to something like 5…
Notice how you now have an open List Box instead of a Drop-Down Box.
Change that setting back to 1. Now, double-click on one of the Option Buttons.
Again, you will see similar properties to a check box. The Group Name identifies the group of option buttons. The group name must be identical in each, but they should have different values.
Change the Value of the last item to “NewIdeas.”
Double-click on the Submit button.
Push buttons don’t have to have a Name, but you can specify one if you’d like. The value/label is what shows up on the button. Don’t worry about “Normal” type buttons. “Submit” buttons submit the data to the web server. “Reset” buttons erase the form’s content.
These are all of the basic components that you will use 99% of the time. If you click on Insert > Form you will see a long list of all of the different type of form components.
Lesson 4. Form Properties, Part One
Right-click somewhere inside your form and select Form Properties.
The form properties window appears. The “Send To” option will send the form results to either a File in your web, an Email address, or both. Right now, it’s set to be saved in the _private folder as a file named “Feedback.txt.”
You can also specify an email address to have the results mailed:
Do not worry about the other properties on this form for now. We will cover them in future lessons. Click OK. Preview the page in your browser. Fill out the form with some data, and click SUBMIT. Open your email program and check for results.
Open up the Form Properties window again. Click on Options.
On the File Results Tab, you can see the filename, which is the same name we specifed on the main page.
You can change the File Format, which is how the text will be saved. Feel free to experiment with the different types. HTML is more readable, whereas Text Database is better if you’re importing the information into a spreadsheet or database (text database using tab as a separator will copy and paste nicely into Excel, for example).
You can create an optional second file. Let’s try making a second file as shown:
Click OK, OK. Save your page. Preview in Browser. Fill out the form. Now check your optional second file (type the address in your address bar manually since it’s not linked from anywhere).
Notice how this new file doesn’t show up right away in your Folder List. You’ll need to click on View > Refresh (or close and reopen your web) to see it.
Back in Form Properties > Options, you can choose whether or not to include field names, and whether you want the latest results at the end of the file (as opposed to the top of the file).
Switch the File Format to an HTML Definition List and preview that in the browser, just to see the difference.
Lesson 5. Form Properties, Part Two
Go back to Form Properties > Options. Click on the Email Results Tab.
The Subject Line is what you want the subject of the email you receive to say when it comes to you.
The Reply To line is where the reply goes when you click on Reply in your email program. If you are capturing the user’s Email address in your form, you can specify the name of the Email text box. In our case, it’s called UserEmail.
Save your work and preview it in the browser. Again fill out the form and submit some data. Check your email. Notice the subject line.
Notice when I hit the REPLY button, the user’s email is in the Reply To address.
Go back to your Form Properties > Options. Click on the Confirmation Page tab. This is the page that the web site takes you to when you’re done submitting your form. For now, just type in thankyou.htm. We don’t have this page yet, so we’ll have to create it when we’re done.
When we click OK, FrontPage reminds us that this page doesn’t exist. Click YES.
Take another one of your pages, like contact.htm. Copy and paste it. Rename it to thankyou.htm. (We covered how to do this in our previous classes).
Now edit that page as shown.
Save your work. Again, preview your feedback form in the browser, submit some data, and see your thank you page in action.
Back in the Form Properties > Options. Click on the Saved Fields tab.
You will see a list of your form fields. You can delete any you don’t want saved. You can specify a date and time format, if you want those saved.
Remote computer name is the visitor’s IP address. Username is shown only if they’re logging in to your server with a Windows username (not likely). Browser type is the kind of web browser they have.
Back in the Form Properties, you can also click on the Advanced button. This opens the Advanced Form Properties. The only thing in here is the ability to create hidden fields. These are useful when you get into programming later, but for now, they’re also good if you want to track, for example, which web site this form was submitted from – or any other data you don’t want the user to be able to change.
For example, let’s say you use this form on a few different pages and you want to track the lead source (where your customer found you). Click Add. Type in the following:
Notice the data in the hidden fields.
Now when this form is submitted you will have one extra field in the results that will say “LeadSource: TV.”
Lesson 6. Review
Review of topics covered in today’s class.
Tell us what you think. Log on to www.599cd.com/Survey and take a short survey about this course.
Take your skills check quiz at www.599cd.com/Test. If you pass, you can print out a Certificate of Completion.
What’s next? Visit www.599cd.com/FrontPage for our complete list of Microsoft FrontPage courses.
Need Help? Visit www.599cd.com/TechHelp for Microsoft FrontPage assistance.
Make sure you’re on our Mailing List. Go to www.599cd.com/MailingList for details.
Contact Us. If you have any questions, go to www.599cd.com/Contact for information on how you can contact us by phone, email, or live online chat.
This course, handbook, videos, and other materials are copyright 2002, 2003, 2004 by Amicron Computing. All rights reserved. No portion of this course, handbook, videos, or other course materials may be reproduced, copied, edited, or otherwise distributed without the express written permission of Amicron Computing. Amicron Computing shall not be held liable for any errors or omissions in this document.
This document may not be used as part of a training course without express, written permission from Amicron Computing and the purchase of an Instructional License. For details, contact:
PO Box 1308
Amherst NY 14226 USA
You may want to read these articles from the 599CD News: