0% found this document useful (0 votes)
21 views2 pages

Additionalproject 06

The document provides instructions for creating a web form survey for a photo printing company to investigate their customers' internet usage, including specifying tags and form elements like selection lists, checkboxes, radio buttons, and text fields to collect information on topics like internet connection type, computer usage, time spent online, and demographics. Developers are asked to code the form within an HTML file and test that it functions properly by submitting the form and viewing the emailed results.

Uploaded by

murtalaramlah1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
21 views2 pages

Additionalproject 06

The document provides instructions for creating a web form survey for a photo printing company to investigate their customers' internet usage, including specifying tags and form elements like selection lists, checkboxes, radio buttons, and text fields to collect information on topics like internet connection type, computer usage, time spent online, and demographics. Developers are asked to code the form within an HTML file and test that it functions properly by submitting the form and viewing the emailed results.

Uploaded by

murtalaramlah1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 2

Tutorial Project 6

Digital Photo, a chain of photo printing shops, has decided to add a simple survey to the company Web site to
investigate the Internet usage of its customers. You have been asked to create a Web form as shown below.
To complete this task do the following steps:

1. Use your text editor to create a new file. Save your file as project6solution.htm. You will create
this file yourself. No data files are needed.
2. Add the basic tags required for a Web page. The title of the page should be Tutorial Project 6.
Also add an HTML comment in the <head> section that identifies you as the author of the page.
3. After the <body> tag, create a level 2 heading as shown. Below the heading, enter the
description of the purpose of the form in a paragraph.
4. Begin your form. The form name should be survey. Specify the mailto action with your e-mail,
the method attribute with the post value.
5. As you code your form, keep in mind that it is good practice to specify a name and an id for
some input types to ensure compatibility across browsers. Also keep in mind that you may want
to use <br /> tags and other formatting tags to improve the layout and readability of your form.
6. You will use a table to lay out the form on the page. Create a table that is eight rows by two
columns. Give the table cellpadding of 15 and cellspacing of 5. Set the width of the entire table
to 65% of the browser window.
7. In the first row of the table, create a selection list to allow the user to choose their type of
Internet connection. Place the label in the left column and the list in the right column. Specify
that the list size so that it shows all choices at once and the High-Speed Cable choice is the
default.
8. In the second row of the table, create option buttons to allow the user to specify the type of
computer used at home. Place the label in the left column and the options in the right column.
9. In the third row of the table, create option buttons to allow the user to choose the main reason
for using the Internet. Place the label in the left column and the options in the right column.
10. In the fourth row create a fieldset of check boxes and a fieldset of radio buttons. In the left
column, use check boxes to allow the user to choose the types of sites visited most. In the right
column, use radio buttons to allow the user to choose a time range that best reflects the
average weekly time spent on the Internet. Put a descriptive legend on each fieldset.
11. In the fifth row, create a textarea box that spans both columns. This area will allow users to
comment on the issues of Internet privacy and safety. Set the dimensions of the text area to 5
rows and 100 columns.
12. In the sixth row, create text boxes for First Name and Last Name, placing one text box in each
column as shown. Set the size of each to 50.
13. In the seventh row, create text boxes for Age (size 5) and Zip Code (size 10), placing one text box
in each column as shown.
14. In the eighth row create a submit button in the left column and a reset button in the right
column. Enter the text of each button as shown.
15. Save the file.
16. View the project6solution.htm with your browser. Compare it with the sample page as shown
above.
17. Make corrections as necessary and save your file.
18. You may also want to test your form by completing and submitting it. This should send your data
file to you in an email message. You should then be able to open the submitted data in your text
editor to view the format of the form output. Note: This will only work if your computer is set up
with an email client.
19. Print a copy from the text editor and from the browser.

You might also like