HTML and CSS Reference
In-Depth Information
Apply your
knowledge of
CSS and Web
tables to create
a calendar table
for a community
civic center.
Case Problem 2
Data Files needed for this Case Problem: bottom.jpg, bottomleft.jpg, bottomright.jpg,
caltxt.css, ccc.css, ccc.jpg, febtxt.htm, left.jpg, modernizr-1.5.js, right.jpg, tab.jpg,
tabred.jpg, top.jpg, topleft.jpg, topright.jpg
The Chamberlain Civic Center
Lewis Kern is an events manager at the Chamberlain
Civic Center in Chamberlain, South Dakota. The center is in the process of updating its
Web site, and Lewis has asked you to work on the pages detailing events in the upcom-
ing year. He's asked you to create a calendar page for the month of February. Lewis
wants the page design to catch the reader's eye, so he suggests that you create a Web
table with a background showing a spiral binding. The spiral binding graphic must be
fl exible enough to accommodate calendars of different sizes, so you'll build the borders
by using eight different background images that are placed on the four corners and four
sides of the table. The February calendar must list the following events:
• Every Sunday, the Carson Quartet plays at 1:00 p.m. ($8)
• February 1, 8:00 p.m.: Taiwan Acrobats ($16/$24/$36)
• February 5, 8:00 p.m.: Joey Gallway ($16/$24/$36)
• February 7-8, 7:00 p.m.: West Side Story ($24/$36/$64)
• February 10, 8:00 p.m.: Jazz Masters ($18/$24/$32)
• February 13, 8:00 p.m.: Harlem Choir ($18/$24/$32)
• February 14, 8:00 p.m.: Chamberlain Symphony ($18/$24/$32)
• February 15, 8:00 p.m.: Edwin Drood ($24/$36/$44)
• February 19, 7:00 p.m.: The Yearling ($8/$14/$18)
• February 21, 8:00 p.m.: An Ellington Tribute ($24/$32/$48)
• February 22, 8:00 p.m.: Othello ($18/$28/$42)
• February 25, 8:00 p.m.: Madtown Jugglers ($12/$16/$20)
• February 28, 8:00 p.m.: Ralph Williams ($32/$48/$64)
• March 1, 8:00 p.m.: Othello ($18/$28/$42)
Lewis wants the weekend events (Friday and Saturday night) to be displayed with a light
red background. A preview of the page you'll create is shown in Figure 5-55.
