Exercise Six

Overview

Exercise six asks you to make another page, use local styles via the style attribute to control background color/image and text color, and link it to and from your index.html page. Fill out the exercise feedback form and you are done.

This exercise is meant to give you a gentle introduction to styles via colors. You are encouraged to experiment with other properties and values; just make sure it all validates!

Remember to take Quiz 6 on Blackboard Learn+ as well.

Details

  1. Create another HTML page. Make sure it includes all the tags in the HTML skeleton; the two bits of code to make the validator and your instructor happy; name the file as you wish and save it with your other HTML files on your hard drive.
  2. Use local styles to specify the colors for your exercise six page. For this exercise only, no white backgrounds unless it is part of a background image.
  3. You may use a background image or not if you wish. You will be able to find background images where you found an image from last week or make your own using an image editor.
  4. For content, make two headings and three paragraphs discussing the color options you are considering for your final project. If you run out of text, you may use some of this "random text" to fill out your paragraphs.
  5. Add a link on your page back to your "home" or index.html page.
  6. Add a link to this exercise from your index.html page.
  7. Upload the files, both HTML and image, up to the server. Your image files must be uploaded as "raw data" or "binary" rather than as text. Most ftp clients will have an "automatic" checkbox to choose for uploading; it will usually upload the images correctly. Keep the same relative locations between the files so your links still work.
  8. Retest all your pages; make sure the background images view correctly and that your links work correctly.
  9. Validate with no errors your new page, make sure your index.html page still validates.
  10. Fill out the exercise feedback form and you are done.

Conclusion

Color adds real "flavor" to your web pages. Remember to check the contrast between the text and background to make sure it is easily readable. There is a reason why most web pages have black text on white backgrounds...

Exercise Six Feedback Form

Will appear on March 6

bottom graphic for DM 60A pages