Creating An Access Database, A Form Page, and A Results Page Using Microsoft FrontPage Wizards
Creating An Access Database, A Form Page, and A Results Page Using Microsoft FrontPage Wizards
This simple example uses FrontPage to create a form that allows the user to
submit their personal information to a contact list. The form stores the
information in an Access database, and the entire contact list displays on another
HTML page. Important! This example will only work with a server that has
ASP extensions. It will work with web sites located on the Oznet server, but
it will not work with sites located on K-States unix server.
1. Open a new page in FrontPage, and save it with the name "contact.asp"
(The page can be called anything, but the extension must be .asp).
2. Using the Menu at the top, select Insert/Form/One-Line Text Box. (See
Figure 1)
Figure 1
3. Hit the Enter key to return to the next line, and again select
Insert/Form/One-Line Text Box. (see Figure 1)
4. Hit the Enter key to return to the next line, and select
Insert/Form/Scrolling Text Box. This text-box allows the user to enter
multiple lines of text.
5. Once you hit the Enter key to return to the next line, your form should
look like the form in Figure 2.
Figure 2
1. Place your cursor in front of the first One Line Text-Box. To position the
cursor directly in front of the Text-Box, just select the Text-Box with the
mouse, and then use the left arrow key on the keyboard. Now, type the
word "Name:".
2. Select both the text "Name:" and the Text-Box following the text. (See
Figure 3)
Figure 3
3. From the top menu, select Insert/Form/Label. (See Figure 4) After you
create the label, a dotted box will surround "Name:".
Figure 4
4. Create a label for the next Text-Box called "Email Address:" using steps 1
through 3 again.
5. Create a label for the Scrolling Text-Box called "Mailing Address:" using
steps 1 through 3 again.
6. When you finish, the form should look like the form in Figure 5.
Figure 5
1. Using the mouse, right-click on the first text-box. Select Form Field
Properties. (See Figure 6)
Figure 6
2. In the Text Box Properties Menu, type "Name" as the Name. (See figure 7)
Figure 7
3. Name the second form field "EmailAddress". Follow steps 1 and 2 for the
Text Box labeled "Email Address:".
4. Name the third form field "MailingAddress". Follow steps 1 and 2 for the
Text Box labeled "Mailing Address:".
Figure 8
4. In the Form Properties menu, select the Options button in the lower left
hand corner. (See Figure 9)
5. In the Options for Saving Results to Database menu, select the Create
Database button. (See Figure 10)
Figure 10
6. A dialog box should pop up after FrontPage finishes. It simply says that it
successfully created a database called contact.mdb and a connection to the
database called contact. Select OK for the dialog box and on each of the
open menus.
7. You have finished creating a form that will connect to a database. You can
try it out in the browser, and you should get a confirmation page after
submitting your information.
2. From the main menu at the top, select Insert/Database/Results. (See Figure
11)
Figure 11
4. Select the Next > button. 5. In the Database Results Wizard - Step 2 of 5
menu, select the Next > button.
5. In the Database Results Wizard - Step 3 of 5 menu, select the Next >
button.
6. In the Database Results Wizard - Step 4 of 5 menu, select the Next >
button.
7. In the Database Results Wizard - Step 5 of 5 menu, select the Display all
records together option. (See Figure 13)
Figure 13
8. Select the Finish button, and a table should appear on your page similar to
the table in Figure 14.
9. Save the page, and when you view it in the browser it should list all the
information stored in your database.
Figure 14
10.You have finished creating an HTML page to display the results from a
database.