Chapter 11: Creating Forms
A. Detach and save the compressed/ zip AssignmentFilesChap11.zip that contains the documents needed to complete this lab assignment.
B. On your desktop, rename the folder that you unziped to Chapter11.
C. Unzip the file and place all the documents
into the Chapter11 folder. The folder should have a total of 2 files-
Chapter11.html and mystyle.css.
D. Open the HTML
document in Wordpad. Link the HTML
document to the CSS document. The following style sheet
link tag should be inserted in between the <HEAD> and
</HEAD> tags.
<LINK REL="stylesheet"
TYPE="text/css"
HREF="mystyle.css">
E. Open the
Survey.HTML document in Wordpad. Create
the form. Add the form elements and formatting properties to your
HTML document. Follow the step-by-step demo
instructions for this chapter exercise (see chapter 11 lecture
presentation under Course Documents). See the attached sample of the
completed HTML document with the form element tags.
F. Save your HTML
document. View and verify your web page and form elements display properly in
your browser. See the attached sample of
the web page output.
G. Verify if the HTML document- chapter6.html
passes the W3C Markup Validation Service. You will need to upload your HTML
document to the site- http://validator.w3.org/.
H. Verify if the CSS document – mystyle.css passes the W3C CSS Validation Service. You will need to upload your CSS document to the site- http://jigsaw.w3.org/css-validator/
I. Submit your work:
b. Zip up your folder and upload your Chapter11 compressed folder to the Desire2Learn Chapter 11 Dropbox..
|
Chapter Topics |
Points |
|
1
Creating a Form |
6 |
|
2
Add a Text Box |
2 |
|
3. Add
a Large Text Area |
2 |
|
4. Add
Check Boxes |
2 |
|
5. Add
Radio Buttons |
2 |
|
6. Add
a Menu List |
2 |
|
7. Add
a Submit Button |
2 |
|
8. Add
a Reset Button |
2 |
| 9. HTML document passes W3C Markup Validation Service | 10 |
|
Total |
30 |