IT 111 Chapter 9 Assignment
This assignment is due by11:59pm on December 6 and is worth 20 points. Make sure you review the Chapter 9 Updates before you begin this assignment. Each one of the case studies has an update. Also, view this short YouTube Introduction (4:30 minutes) to the assignment.
WARNING: The Student Date Files that accompany the textbook include the solutions to the hands-on practice exercises you'll be completing for this assignment and it might be tempting to just use these files. However, I believe that the best way to learn XHTML is to type the code in by hand so please don't use the textbook files or web authoring software like Dreamweaver or FrontPage.
Learning Outcomes
After completing this assignment you will be able to:
- describe common uses of forms on web pages
- create forms using the <form>, <input>, <textarea>, and <select> elements
- create customer image buttons and use the <button> element
- use css to style a form
- process a form using a server-side script
Instructions
Grading Policy: You'll receive full points if you follow all the instructions given in the
textbook for each hands-on exercise, add your last name and last four digits of
your SID to each page title, and validate each file using the W3C XHTML and CSS validators.
- Complete the Hands-On Practices 9.1 - 9.2 to page 355 then: (10 points):
Make sure you review the Chapter 9 Updates before you begin this assignment.
- Copy the folder trilliumch9 which includes trillium.css, trilliumbanner.jpg, and the updated contact.html (Figure 9.17) to your web account.
- Add your last name and the last four digits from your SID to the suggested title of the web page.
- Update the copyright date and last updated date to the current year and date.
- Use a table to layout the form as shown on page 354.
- Your contact.htm page won't validate unless you add two additional attributes to your form tag. One is method="post" and the second is action="http://webdevfoundations.net/scripts/formdemo.asp" (see page 366).
- Use the W3C Mark Up Validator and the W3C CSS Validation Service to validate the page.
- Fill out your form and test it to make sure it works. I'll deduct points if it doesn't.
- Send me an email message with a link to the file which will follow the pattern
http://compass.northseattle.edu/~your_username/trilliumch9/contact.html
- Continue working on the Case Study (JavaJam, Fish Creek, Pete the Painter, Prime Properties) you started in Assignment 2 (10 points)
- If you're working on JavaJam, follow the instructions on pages 376 - 378. Add styles to the javajam.css to configure a form. Create the Jobs page (Figure 9.29)and update the navigation links on the home, menu, and performances pages, if necessary.
- If you're working on Fish Creek, follow the instructions on pages 378 - 380. Add styles to the fishcreek.css to configure a form. Create the Contact page (Figure 9.31) and modify the navigation links on the home, services, and ask the vet pages, if necessary.
- If you're working on Pete the Painter, follow the instructions on pages 380 - 382. Add styles to the painter.css to configure a form. Create the Free Estimate page (Figure 9.32) and modify the navigation links on the home, services, and testimonials pages, if necessary.
- If you're working on Prime Properties , follow the instructions on pages 382 - 383. Add styles to the prime.css to configure a form. Create the Contact page (Figure 9.33) and modify the navigation links on the home, listings, and financing pages, if necessary.
- Use the W3C Mark Up Validator and the W3C CSS Validation Service to validate all the pages you've created and modified
- Fill out the form and test it to make sure it works. I'll deduct points if it doesn't.
- Send me an email message with a link to the folder which will follow the pattern:
http://compass.northseattle.edu/~your_username/javajam/ OR
http://compass.northseattle.edu/~your_username/fishcreek/ OR
http://compass.northseattle.edu/~your_username/painter/ OR
http://compass.northseattle.edu/~your_username/prime/
