Tuesday, October 15, 2013

Chapter 8: Tables

INTRODUCTION:

While back in the day tables were often used to format the layout of a web page, CSS is the page layout tool of choice for modern web developers.  In this chapter, you'll become familiar with coding HTML tables to organize information on a web page..
ASSIGNMENTS:
  • Begin reading Chapter 8: Tables
    • This first section explains the basics of tables.  Definitely learn the "tr" (rows) and "td" (columns... aka cells) because these will come up over and over.
  • Work through the Hands-On Practice 8.1 (pages 333-334)
    • You will be creating a simple web page with a table..
  • Work through the Hands-On Practice 8.2 (pages 335-338)
    • You will be creating a web page with a table using the rowspan attribute.  In section 8.4 (p.336) you will also read about "Accessibility" of tables.
  • Work through the Hands-On Practice 8.3 (pages 339-341)
    • You will continue creating tables, but you will be using CSS style rules for formatting..
  • Work through the Hands-On Practice 8.4 (pages 341-344)
    • In this section you will be using CSS3 structural pseudo-class selectors to configure color..
  • Complete the Focus on Web Design section (page 349) by analyzing two web pages -- one you like and one you don't.  You can post your thoughts about the sites in the Discussion Forums.
  • Now for the Case Study and Web Project pieces:
  1. Update your JavaJam Coffee House (pp. 349-350) site using the text instructions.
  2. Update your Fish Creek Animal Hospital (p. 350-351) site using the text instructions.
  3. Update your Pacific Trails Resort (pp. 352-353) site using the text instructions.
  4. Update your Prime Properties (p. 353-354) site using the text instructions.
  5. Update your Web Project (p. 355) site using the text instructions.
OPTIONAL / RECOMMENDED ASSIGNMENTS:
  • If you are feeling adventuresome, try out some of the Hands-On Exercises (pp. 348-349).  These exercises are meant to reinforce the techniques you have learned thus far.
  • If you have some "free time" try out the Apply Your Knowledge tasks (pp. 346-347).
  • Again, feel free work on the other Case Study assignments if you really want to get your HTML down.  :)  

No comments:

Post a Comment