IT 111 Chapter 6 Assignment
This assignment is due by 11:59pm on August 1and 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 Microsoft Expression Web.
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. You may create one email message which includes all the required links or you may send each in a separate email message. Either way, please add Chapter 6 Assignment as the subject of the messages.
- 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 240 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.15 on page 229)
- page1.html (Figure 6.18 on page 237)
- 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 Unicorn to validate the web pages and css. You can disregard the "floatright" warning message you receive 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 245, 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.21 on page 241.
- Use Unicorn to validate the web page and css. You can disregard the "floatright" warning message you receive 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, Pasha the Painter, Prime Properties) you started in Assignment 2. (7 points)
- If you're working on JavaJam, follow the instructions on pages 255 - 259. Use CSS-P to configure the layout of the home, menu, and music pages.
- If you're working on Fish Creek, follow the instructions on pages 259 - 261. Use CSS-P to configure the layout of the home, services, and askthevet pages.
- If you're working on Pasha the Painter , follow the instructions on pages 261 - 264. 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 265 - 268. Use CSS-P to configure the layout of the home, financing, and listings pages.
- Use Unicorn 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/