Creating an Information Request Form for a Website

CREATING AN INFORMATION REQUEST FORM FOR A WEBSITE

In this exercise you will practice your web form building skills by creating an Information Request form for a website.

Internet Explorer 9

TRY IT OUT!

The following exercises can be completed using any suitable text editor – for example, using Code View in Dreamweaver or Notepad++. We will be using Dreamweaver.

1. Create a new folder in your MySites folder called Web Forms if this folder does not already exist.

2. Download the zipped folder named Request_Form_Files from BREO and copy its contents to your Web Forms folder.

3. Define a new Dreamweaver site called Web Forms and set the root folder as the Web Forms folder which you have just created.

4. Open the file request_form.html and view its contents in Code View. Note the associated CSS file and images folder.

5. Using Code View in Dreamweaver or Notepad++, write code within the <article> element to re-create the form fields as shown above.

Note the instructions:

<!--PLACE YOUR FORM HERE -->

You should modify the CSS file as appropriate.

6. Save the file as request_form.html and view your page in a range of browsers.

7. In addition, you should verify that the form returns the expected values when you incorporate the script at: http://ss1.ciwcertified.com/cgi-bin/process.pl

A - Building Forms - Creating an Information Request Form for a Website Version 1

Page 1 of 2