IT 111 Chapter 3 Assignment

This assignment is due by 11:59pm on October 18 and is worth 20 points. Check the Chapter Updates on the textbook web site for some important corrections to this chapter. View a short YouTube video with Chapter 3 tips.

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:

• identify the advantages of using Cascading Style Sheets
• explain the web color palette and identify the hexadecimal code used for web safe colors
• create style sheets that configure several page and text properties
• include inline styles in a web page
• create and use embedded and external style sheets

Instructions

Grading Policy: Full points for each file will be given if you've followed all the instructions, included your last name and SID in each page title, and gotten each page to validate without any errors.

1. List and explain the advantages and disadvantages of using CSS. (2 points)
2. According to the textbook, what color choices improve accessibility for people with color blindness? (1 point)
3. Complete the Hands-On Practice 3.2 - 3.3 to page 90 then: (4 points)
   • Create a folder named assignmentch3 (no spaces and all lower case letters) in your web account.
   • Copy the file embedded2.html (Figure 3.8) into the assignmentch3 folder.
   • Add your last name and the last four digits of your SID to the suggested title of the web page.
   • Use the current year in the copyright statement and your real name instead of the place holder text shown in the book.
   • Use the W3C Mark Up Validator to validate the XHTML coding for the page.
   • Use the W3C CSS Validation Service to validate the CSS for the page. View this short tutorial (3:50 minutes) on tips for avoiding CSS validation errors.
   • Send me an email message with a link to this page. It will take the form of http://compass.northseattle.edu/~your_username/assignmentch3/embedded2.html
     
4. Complete the Hands-On Practice 3.4 - 3.5 to page 94 then: (4 points)
• Copy the file embedded4.html (Figure 3.11) to the assignmentch3 folder.
• Add your last name and the last four digits of your SID to the suggested title of the web page.
• Use the current year in the copyright statement and your real name instead of the place holder text shown in the book.
• Use the W3C Mark Up Validator to validate the XHTML coding for the page.
• Use the W3C CSS Validation Service to validate the CSS for the page.
• Send me an email message with a link to this page. It will take the form of http://compass.northseattle.edu/~your_username/assignmentch3/embedded4.html
5. Complete the Hands-On Practice 3.7 - 3.8 to page 101 then: (4 points)
• Create a folder named trillium (all lower case letters) first, then copy the embedded4.html (Figure3.11) file completed in the previous task into the trillium folder.
• Rename the file index.html - the default file name for home pages.
• Create the external trillum.css style sheet file and apply it to the home page.
• Use the services.html file provided in the Chapter 3 folder in the Student Data Files (view a 4 minute demo that shows you how to find and unzip the files) and apply the trillium.css style sheet to it (Figure 3.16)
• Center the content on the home page (Figure 3.17) and services pages using css. See page 100 for instructions.
• Copy the folder with both xhtml files and the css file to your compass web account. It will follow the pattern http://compass.northseattle.edu/~your_username/trillium/
• Use the W3C Mark Up Validator to validate the XHTML coding for both page.
• Use the W3C CSS Validation Service to validate the CSS for the page.
• Send me an email message with a link to these pages.
6. Continue working on the Case Study (JavaJam, Fish Creek, Pete the Painter, Prime Properties) you started in Assignment 2. (5 points)

• If you are working on JavaJam, follow the instructions on pages 111 - 113. Create the javajam.css style sheet and apply it to the home (Figures 3.21) and menu (Figure 3.22) pages. Copy the updated files and javajam.css to the javajam folder in your web account. 4 points
• If you are working on Fish Creek, follow the instructions on pages 113 - 116, Create the fishcreek.css style sheet and apply it to the home (Figure 3.23) and services (Figure 3.24) pages. Copy the updated files and fishcreek.css to the fishcreek folder in your web account. 4 points
• If you are working on Pete the Painter, follow the instructions on pages 116 - 118. Create the painter.css style sheet and apply it to the home (Figure 3.25) and services (Figure 3.26) pages. Copy the updated files and painter.css to the painter folder in your web account. 4 points
• If you are working on Prime Properties, follow the instructions on pages 118 - 120 Create the prime.css styles sheet and apply it to the home (Figure 3.27) and financing (Figure 3.28) pages. Copy the updated files and the prime.css to the prime folder in your web account. 4 points
• After you've copied your files to your web account, use the W3C Mark Up Validator and the W3C CSS Validation Service to validate all your pages.
• Finally, send me an email message with and a link to your Case Study files which will follow this 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