IT 111 Chapter 6 Assignment
This assignment is due by 11:59pm on November 8 and is worth 20 points. Make sure you review the Chapter 6 Updates from the textbook web site before you begin this assignment. Here is a short YouTube Introduction (3:47 minutes) to the assignment with some 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:
- list the advantages and disadvantages of using CSS for page layout
- identify the components of the CSS "box model"
- use relative and absolute positioning to layout elements on a web page
- configure basic page layouts using CSS
- configure two column page layouts using CSS
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.
- List and explain at least three advantages for using CSS for page layout and three disadvantages for using CSS for page layout and send them to me in an email message (3 points)
- Complete the Hands-On Practices 6.4 - 6.5 in Chapter 6 through page 236 then: (5 points)
Make sure you review the Chapter 6 Updates from the textbook web site before you begin this task
- Copy the folder named wildflowers and all the files you created for this exercise to your web account..
- splash.html (Figure 6.13)
- page1.html (Figure 6.16)
- wildflower.css
- don't forget to include all the images, too
- Add your last name and the last four digits from your SID to the titles of the splash and page1 pages.
- Use the current year for the copyright date and the current date for the "last updated" statement in the footer.
- Use the W3C Mark Up Validator and the CSS Validator to validate the web pages and css. You can disregard the "floatright" warning message you recieve when validating your CSS.
- Send me an email message with a link to the site which will follow the pattern
http://compass.northseattle.edu/~username/wildflowers/splash.html
- Complete the Hands-On Practice 6.6 from Chapter 6 through page 241, then: (5 points).
- Copy the folder named wildflowers2 which contains the image named showy.jpg and web file named twocolumn.html to your web account.
- Add your last name and the last four digits from your SID to the title of twocolumn.html.
- Use the current year for the copyright date and the current date for the "last updated" statement in the footer.
- Your page should look like the one in Figure 6.19 on page 237.
- Use the W3C Mark Up Validator and the CSS Validator to validate the web page and css. You can disregard the "floatright" warning message you recieve when validating your CSS.
- Send me an email message with a link to the file which will follow the pattern
http://compass.northseattle.edu/~username/wildflowers2/twocolumn.html
- Continue working on the Case Study (JavaJam, Fish Creek, Pete the Painter, Prime Properties) you started in Assignment 2. (7 points)
- If you're working on JavaJam, follow the instructions on pages 251 - 255. Use CSS-P to configure the layout of the home, menu, and music pages. Make sure you review the Chapter 6 Updates from the textbook web site before you begin working on this case study.
- If you're working on Fish Creek, follow the instructions on pages 255 - 257. Use CSS-P to configure the layout of the home, services, and askthevet pages.
- If you're working on Pete the Painter, follow the instructions on pages 257 - 260. Use CSS-P to configure the layout of the home, services, and testimonials pages.
- If you're working on Prime Properties, follow the instruction on pages 261 - 263. Use CSS-P to configure the layout of the home, financing, and listings pages.
- 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/