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:
- Update your JavaJam Coffee House (pp. 349-350) site using the text instructions.
- Update your Fish Creek Animal Hospital (p. 350-351) site using the text instructions.
- Update your Pacific Trails Resort (pp. 352-353) site using the text instructions.
- Update your Prime Properties (p. 353-354) site using the text instructions.
- Update your Web Project (p. 355) site using the text instructions.
- 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