Due Date: Wednesday, March 7, 2007 by 10:00 PM (Week 9)

This Homework assignment gives you an opportunity to practice using CSS layout and to use your creativity to style the provided markup.

Homework Guidelines

• Use (and know) the XHTML Basic Template found on COIN 65 Resources page. Be sure to use the XHTML 1.0 Strict DOCTYPE.
• Validate your work using an HTML validator (see Resources page).
• Put any images into a folder called images.
• Write your own code. This pertains to this assignment and any other you receive in this class. Do NOT use our (or anyone else's) code. If you do, you will fail the assignment. If you have any questions about this, see the Foothill Honor Code and/or contact us.
• Be sure to test your work. We will be testing and grading your work in Firefox, Netscape 7.X and/or Safari. We strongly suggest you upgrade to the most recent browser(s).
• Do NOT name any file you upload this quarter index.html. We need to be able to look in your directory and see the files and dates/times the files are uploaded.

Practice with Layout and Design

This week, you have learned several basic CSS layouts. Because an increasing amount of the remaining time in class will be spent preparing for and building your final project, this assignment should assist you in your knowledge and practice of layout and design which you can then apply to your project. Take the markup given below and design a page which utilizes one of the basic layouts and your own creativity.

• Create a folder named week_8 and save all of your documents in this folder. When the assignment is completed, you will upload this entire folder to your CTIS webspace.
• Put any images into a sub-folder named images.

Here is one example of how the finished project might look:

Specifics

1. Copy the markup (and images if you want to use them).
2. Create a new document in your editor and name it layout_prac.html.
3. Based on the data, choose a layout which will be pleasant, attractive, and easy to read.
   You may use embedded or linked styles, whichever you find easier. But do not use any in-line styles!
4. You may rearrange the data if you wish.
5. You may add DIV tags or other markup if needed.
6. You may create and use your own (or other public domain) images if you wish.
7. You may also use layout ideas from the resources given in this week's lessons.
8. You are encouraged (expected) to make your layout graphically different from the tutorials, lessons, and examples. In other words, do not copy the design shown here. Create your own 'look' for the page. The example image is only a reference for the content you'll be styling. Feel free to change the sizing, font, colors, graphics or whatever you wish.

Submitting Your Assignment

• Validate your work!
• Upload your week_8 folder to the server.
• Create links to the homework document(s) on your Home page and test.
• Inside ETUDES, click on the "Assignments" link and submit your assignment by pasting in the URL to your home page.