HTML and CSS Reference
In-Depth Information
Apply your
knowledge of
Web tables and
table styles to
create a puzzle
page with
nested tables.
Case Problem 1
Data Files needed for this Case Problem: gold.jpg, green.jpg, jpf.css, jpf.jpg,
modernizr-1.5.js, stabletxt.css, sudokutxt.htm
The Japanese Puzzle Factory
Rebecca Peretz has a passion for riddles and puzzles.
Her favorites are the Japanese logic puzzles that have become very popular in recent
years. Rebecca and a few of her friends have begun work on a new Web site called
The
Japanese Puzzle Factory (JPF)
, where they plan to create and distribute Japanese-style
puzzles. Eventually, the JPF Web site will include interactive programs to enable users to
solve the puzzles online, but for now Rebecca is interested only in the design and lay-
out of the pages. You've been asked to help by creating a draft version of the Web page
describing the Sudoku puzzle. Figure 5-54 shows a preview of the design and layout
you'll create for Rebecca.
Figure 5-54
The Japanese Puzzle Factory Sudoku page
Rebecca has created some of the content and designs for this page. Your task is to com-
plete the page by entering the code and styles for the Sudoku table, as well as adding
some background images to other sections of the page layout.
Complete the following:
1. Use your text editor to open the fi les
stabletxt.css
and
sudokutxt.htm
from the
tutorial.05\case1 folder. Enter
your name
and
the date
in the comment section
of each fi le. Save the fi les as
stable.css
and
sudoku.htm
, respectively, in the same
folder.
