t6 case problem 2 the japanese puzzle factory Summary 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 website called The Japanese Puzzle Factory where they plan to create and distribute Japanese-style puzzles. Eventually, the JPF website will include interactive programs to enable users to solve the puzzles online, but for now Rebecca is interested only in the design and layout of the pages. You have been asked to help by creating a draft version of the web page describing the Sudoku puzzle A preview of the home page is shown above. The style sheets and graphic files have already been created for you. Your job is to write the HTML markup. Instructions This Review Assignment contains interactive instructions that you can complete to ensure you've completed the instruction correctly. After reading each instruction thoroughly, perform the requested change in the code editor to the right. You can use the Build Website button to refresh your website preview at any point and view a full-page version of your website by clicking the arrow in the top right corner of your website preview. Linking CSS File Enter your name and the date in the comment section of jpf_sudoku.html and jpf_sudoku.css. Open the jpf_sudoku.html file and add a link to the jpf_sudoku.css style sheet file to the document head. t6 case problem 2 the japanese puzzle factory PasteShr t6 case problem 2 the japanese puzzle factory You will not be tested on this instruction, but you should still complete it. Create the Table Within the section element, insert a table element that will be used to display the Sudoku puzzle. Give the table element the class name spuzzle . Add a caption to the spuzzle table containing the text Sudoku. Table Header Create a table header row group containing a single row. The row should display 10 heading cells. The first heading cell should be blank and the remaining nine cells should display the digits from 1 to 9. Table Body Create the table body row group containing nine table rows with the first cell in each row containing a heading cell displaying the letters A through I. After the initial table heading cell in the first, fourth, and seventh rows of the table body row group, insert three table data cells spanning three rows and three columns each. Altogether, these nine data cells will store the nine 3×3 boxes that are part of the Sudoku puzzle. In the first row of the table body row, put the three table data cells you entered in the last step in the greenBox, goldBox, and greenBox classes, respectively. In the fourth row, the three data cells belong to the goldBox, greenBox, and goldBox classes. In the seventh row, the three data cells belong to the greenBox, goldBox, and greenBox classes. t6 case problem 2 the japanese puzzle factory How to use it? t6 case problem 2 the japanese puzzle factory Table Data Cells Go to each of the nine table data cells you created in the last two steps. Within each data cell, insert a nested table belonging to the subTable class. Within each of these nested tables, insert three rows and three columns of data cells. Enter the digits from the example in the Introduction section in the appropriate table cells. Where there is no digit, leave the data cell empty. Outer Table Layout Open the jpf_sudoku.css file. Start by creating styles for the outer table. Go to the Table Styles section and create a style rule for the table element of the spuzzle class that: sets the table borders to collapse, sets the top/bottom margins to 0 pixels and the left/right margins to auto , and sets the width to 90%. Outer Table Elements t6 case problem 2 the japanese puzzle factory How to use it? t6 case problem 2 the japanese puzzle factory For every td element, create a style rule that: adds a 5-pixel outset gray border and sets the width to 33.3% For every th element, create a style rule that: sets the font color to gray and sets the right and bottom padding space to 10 pixels. Inner Table Layout Next, you create styles for the inner table that is placed within each cell of the outer table. Go to the Inner Table Styles section and create a style rule for the table element of the subTable class that: sets the table borders to collapse and sets the width to 100% t6 case problem 2 the japanese puzzle factory How to get it for free? t6 case problem 2 the japanese puzzle factory Inner Table Elements For every td element within the subTable table, create a style rule that: adds an inset box shadow with offset values of 0 pixels in the horizontal and vertical directions with a blur of 15 pixels, adds a 1-pixel solid black border, displays the text in a blue font, sets the cell height to 40 pixels, and centers the cell text in the horizontal and vertical directions. For every td element that is nested within a td element of the goldBox class, create a style rule that sets the background color to rgb(228, 199, 42). For every td element that is nested within a td element of the greenBox class, create a style rule that sets the background color to rgb(203, 229, 130). t6 case problem 2 the japanese puzzle factory How to use it? t6 case problem 2 the japanese puzzle factory Verify Open the jpf_sudoku.html file and click the Build Website button to verify that the table layout and design match the example shown in the Introduction section. Review the webpage you have created on the right side of the screen. Validate You can use the W3C HTML Validator to ensure that your HTML files adhere to World Wide Web (W3) standards. This also helps improve the readability of your HTML files, making them easier to work with. jpf_sudoku.html t6 case problem 2 the japanese puzzle factory How to dowload it? t6 case problem 2 the japanese puzzle factory The Sudoku Puzzle t6 case problem 2 the japanese puzzle factory How to dowload it? t6 case problem 2 the japanese puzzle factory
Japanese Puzzle Factory
t6 case problem 2 the japanese puzzle factory How to dowload it? t6 case problem 2 the japanese puzzle factory t6 case problem 2 the japanese puzzle factory How to use it? t6 case problem 2 the japanese puzzle factory t6 case problem 2 the japanese puzzle factory How to get it? t6 case problem 2 the japanese puzzle factory t6 case problem 2 the japanese puzzle factory How to get it for free? t6 case problem 2 the japanese puzzle factory t6 case problem 2 the japanese puzzle factory How to use it? t6 case problem 2 the japanese puzzle factory t6 case problem 2 the japanese puzzle factory How to dowload it? t6 case problem 2 the japanese puzzle factory
Sudoku
1 2 3 4 5 6 7 89
A t6 case problem 2 the japanese puzzle factory How to get it for free? t6 case problem 2 the japanese puzzle factory t6 case problem 2 the japanese puzzle factory How to get it? t6 case problem 2 the japanese puzzle factory
4
35
t6 case problem 2 the japanese puzzle factory PasteShr t6 case problem 2 the japanese puzzle factory t6 case problem 2 the japanese puzzle factory How to get it for free? t6 case problem 2 the japanese puzzle factory
5 3
t6 case problem 2 the japanese puzzle factory How to dowload it? t6 case problem 2 the japanese puzzle factory t6 case problem 2 the japanese puzzle factory PasteShr t6 case problem 2 the japanese puzzle factory
7
3 1
2
B
C
D t6 case problem 2 the japanese puzzle factory How to dowload it? t6 case problem 2 the japanese puzzle factory
6 9
4 7 2
t6 case problem 2 the japanese puzzle factory How to dowload it? t6 case problem 2 the japanese puzzle factory 		t6 case problem 2 the japanese puzzle factory PasteShr t6 case problem 2 the japanese puzzle factory
2
9
t6 case problem 2 the japanese puzzle factory How to use it? t6 case problem 2 the japanese puzzle factory
9 3 7
4 8
E
F
G t6 case problem 2 the japanese puzzle factory PasteShr t6 case problem 2 the japanese puzzle factory t6 case problem 2 the japanese puzzle factory PasteShr t6 case problem 2 the japanese puzzle factory
1
4 5
6
t6 case problem 2 the japanese puzzle factory How to get it for free? t6 case problem 2 the japanese puzzle factory t6 case problem 2 the japanese puzzle factory PasteShr t6 case problem 2 the japanese puzzle factory
8 1
t6 case problem 2 the japanese puzzle factory How to use it? t6 case problem 2 the japanese puzzle factory t6 case problem 2 the japanese puzzle factory PasteShr t6 case problem 2 the japanese puzzle factory
5 2
7
H
I

To Play

Sudoku is played on a 9x9 grid with nine 3x3 boxes t6 case problem 2 the japanese puzzle factory How to dowload it? t6 case problem 2 the japanese puzzle factory placed within the grid. Enter a digit from 1 to 9 in each table cell. A few starting numbers have been supplied for you. The digits from 1 to 9 can appear only once each in every row, column, and box in the table (diagonals don't count). Every Sudoku puzzle has a unique solution.

Good luck!

t6 case problem 2 the japanese puzzle factory How to get it? t6 case problem 2 the japanese puzzle factory jpf_sudoku.css @charset "utf-8"; /* t6 case problem 2 the japanese puzzle factory How to dowload it? t6 case problem 2 the japanese puzzle factory New Perspectives on HTML5 and CSS3, 7th Edition Tutorial 6 Case Problem 2 Sudoku Style Sheet Author: Date: 10/10/2018 Filename:jpf_sudoku.css */ t6 case problem 2 the japanese puzzle factory PasteShr t6 case problem 2 the japanese puzzle factory /* Table Styles */ table.spuzzle { border-collapse: collapse; margin-bottom: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; width: 90%; } t6 case problem 2 the japanese puzzle factory How to dowload it? t6 case problem 2 the japanese puzzle factory td { border: 5px outset gray; width: 33.3%; } th { color: gray; padding-bottom: 10px; padding-right: 10px; t6 case problem 2 the japanese puzzle factory How to dowload it? t6 case problem 2 the japanese puzzle factory } /* Inner Table Styles */ table.subTable { border-collapse: collapse; width: 100%; } table.subTable td { box-shadow: inset 0px 0px 15px; t6 case problem 2 the japanese puzzle factory How to get it for free? t6 case problem 2 the japanese puzzle factory border: 1px solid black; color: blue; height: 40px; text-align: center; } td.goldBox td { background-color: rgb(288,199,42); } t6 case problem 2 the japanese puzzle factory How to get it? t6 case problem 2 the japanese puzzle factory td.greenBox td { background-color: rgb(203, 229, 130); } t6 case problem 2 the japanese puzzle factory