Exercises

Make sure to review the notes from class posted in the notes section.

Experiment With CSS

Experiment more with all of the CSS properties listed in the CSS Basic Properties. Use the HTML Page for CSS Testing to practice on. I understand that there are a lot of properties here.

The goal is not to memorize the properties, but to get a good feel for how to use them. For example, don't worry so much about remembering that the CSS declaration text-transform: uppercase; will cause everything to be uppercase. Remember instead that there exists some CSS property that will do that.

Update Your Class Website

Update your class website to include a clear navigation system on every page. Your navigation should include links to your About page, blog, and Good Food website. You should also have a link to your home on every page. You can either include this as part of the navigation, or as a logotype that appears on every page.
Make sure your navigation is in a unordered list. You may use the following CSS property to make your list appear on one line: li {display: inline;}
Make sure both your index.html and about.html pages validate, using the W3C Validator.
Use some of the CSS properties you've learned to make your class website more visually appealing. The end result is up to you, but make sure it is both usable and readable.

Good Food Website

Validate all of the pages you did for the Good Food website. Fix as many errors as possible. If there are errors that you don't understand, copy the text of the error and the line of HTML where it occurred in to a document. Bring it to next class.
Make sure to upload and link to ther reset.css file, before you get started applying CSS to your files. This will save heartache later on.
Create an external style sheet file for the Good Food Website. It is customary to put CSS files inside a CSS folder at the root of the site. So, in this case it would be directly inside the goodfood folder.
Attach the CSS file you just created to all of the HTML pages in the Good Food website as an external style sheet.
Test a few CSS rules to make sure that each of your pages has the style sheet attached correctly. Remember, since we're using an external style sheet, every single page that links to it should show those styles.

Blog Assignment

Read pages 3-43 from Don't Make Me Think.

Choose two major websites to look at. Spend some time browsing each site. Think about the following things while looking at the site:

What is the objective of the site?
Who is the target audience of the site?
What type of content on the site?
How does the design of the website facilitate the website objective?
Is the site intuitive to use?

In your blog post, write about the answers to these questions. Also think about how you used the site.

Were you able to easily navigate the site?
Did you get lost?
How did you know where you were in the site?

Be sure to include links to both sites that you review in your blog post.

Back to Class Three page »