Back to Class One page »

Exercises

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

Mark up the following pages from the Good Food website.

You should have a copy of the text files, downloaded from Vol. 2, grabiner/comm244 folder, in class.

• index.html
• about.html
• resources.html
• recipes.html
• recipes/mango-chutney.html
• tips.html

Use the following criteria for your markup.

• Use semantic markup for each page
• Every page should have a working navigation list at the top (just like we did in class)
• All pages should have an appropriate page title
• The recipe index and tips index pages should link to the appropriate recipes and tips.
• When you're finished, check to make sure that all pages work in a browser and that you can navigate around the site
• Upload the entire goodfood folder to your Simmons web space using Transmit.
• Make a link to the Good Food site from your home page.

You may mark up all of the pages in the Good Food website for additional credit.

Here is a page with links to show you what your Good Food website should look like when you're done.

• Good Food Website Sample

If you are still a little bit fuzzy about absolute and relative URLs, work through the exercises from chapter 6 of the textbook (6-1 – 6-8).

Web research

For next week bring in the URL of a web site you think is designed particularly well. Be prepared to talk about its strengths and weaknesses!!

Blog Assignment

Read the following article by Robert Nyman (you can skip the comments):

• Explaining Semantic Mark-Up

Write a post about what you learned. What is semantic markup? Why should we use it? What, if anything, does this have to do with Section 508 (page 41 of Learning Web Design)?

Back to Class One page »