IT 111 Chapter 7 Assignment

This assignment is due by 11:59pm on November 15 and is worth 20 points. Make sure you review the Chapter 7 Updates before you begin working on this assignment. Here is a short (4:46 minutes) YouTube video that gives tips for completing the Chapter 7 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:

Instructions

Grading Policy: You'll receive full points if you follow all the instructions given in the textbook for the required hands-on exercises, 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 validator.

  1. Complete the Hands-On Practice 7.1 in Chapter 7 through page 269 then: (2 points) Make sure you review the Chapter 7 Updates before you begin working on this assignment.
    1. Copy the file favorities.html (Figure 7.3) to your web account.
    2. Test all the links. If some are broken, use a search engine like Google to find replacements. All the internal and external links must work to get full credit for this task.
    3. Add your last name and the last four digits from your SID to the title of the page.
    4. Use the W3C Mark Up Validator to validate the web page.
    5. Send me an email message with a link to the site which will follow the pattern
      http://compass.northseattle.edu/~username/favorites.html
  2. Complete the Hands-On Practice 7.2 from Chapter 7 through page 274, then: (5 points).
    1. Copy the file named link3.html (Figure 7.7) to your web account.
    2. Add your last name and the last four digits from your SID to the title of the page.
    3. Use the W3C Mark Up Validator and the CSS Validator to validate the web page and css.
    4. Send me an email message with a link to the file which will follow the pattern
      http://compass.northseattle.edu/~username/link3.html
  3. Complete the Hands-On Practice 7.3 from Chapter 7 through page 283, then (7 points)
    1. Copy the folder named wildflowers3 (Figure 7.13) which contains the images named showyby.jpg, plsthumb.jpg, and trillium.jpg, and the web page file named threecolumn.html to your web account.
    2. Add your last name and the last four digits from your SID to the title of threecolumn.html.
    3. Replace the current year and date for copyright and last updated dates.
    4. Use the W3C Mark Up Validator and the CSS Validator to validate the web page and css.
    5. Send me an email message with a link to the file which will follow the pattern
      http://compass.northseattle.edu/~Your_username/wildflowers3/threecolumn.html
  4. Continue working on the Case Study (JavaJam, Fish Creek, Pete the Painter, Prime Properties) you started in Assignment 2 (6 points)
    • If you're working on JavaJam, follow the instructions on pages 297 - 298. Update the javajam.css file and change the navigation links to an unordered list without bullets on the home, menu, and music pages. Also change the main navigation links to change color when a mouse hovers over them.
    • If you're working on Fish Creek, follow the instructions on page 298. Update the fishcreek.css file and change the navigation links to an unordered list without bullets on the home, services, and askthevet pages.
    • If you're working on Pete the Painter, follow the instructions on pages 298-299. Update the painter.css file and change the navigation links to an unordered list without bullets on the home, services, and testimonials pages. Also change the main navigation links to change color when a mouse hovers over them.
    • If you're working on Prime Properties , follow the instructions on page 299. Update the prime.css file and change the navigation links to an unordered list without bullets on the home, financing, and listings pages. Tip: add display: block to the style rule for your CSS buttons so they are the same width.
    • Use the W3C Mark Up Validator and the W3C CSS Validation Service to validate all the pages you've modified
    • 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/

Questions?

Email Jean  ::  Submit to Discussion Board