Advertisement
Olkach

IT 220 Week 1 CheckPoint Internet Vocabulary

Dec 1st, 2014
372
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.82 KB | None | 0 0
  1.  
  2. This document includes IT 220 Week 1 Assignment Web Browsers
  3. Deadline: ( ), Computer Science - General Computer Science
  4. I can provide the .jpg, .htm, and .css files for of these tutorials... I just don't have time to finish them while taking both Java and SQL at the same time!
  5.  
  6.  
  7. Data Files needed for this Case Problem: gold.jpg, green.jpg, jpf.jpg, jpftxt.css, left.jpg, stabletxt.css, sudokutxt.htm, topleft.jpg, and topright.jpg
  8. 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 Japa- nese 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 layout of the pages. You’ve been asked to help by creating a draft version of the Web page describing the Sudoku puzzle. Figure 5-76 shows a preview of the design and layout you’ll create for Rebecca.
  9.  
  10. HTML and XHTML
  11. Tutorial 5 Working with Web Tables
  12. Rebecca has created some of the content and designs for this page. Your task is to complete 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.
  13. Complete the following:
  14. 1. Use your text editor to open the jpftxt.css, stabletxt.css, and sudokutxt.htm from the tutorial.05\case1 folder included with your Data Files. Enter your name and the date in the comment section of each file. Save the files as jpf.css, stable.css, and sudoku.htm, respectively, in the same folder.
  15.  
  16.  
  17. 2. Return to the sudoku.htm file in your text editor. Add a link to the jpf.css and stable.css style sheets.
  18.  
  19.  
  20. 3. Scroll down to the links div element. Rebecca wants the list of links to have rounded top corners and a shaded left corner. Mark the corner and sides by nesting the ul element within three div elements with class names of left, topLeft, and topRight.
  21.  
  22.  
  23. 4. Save your changes to the file, and then go to the jpf.css style sheet in your text editor. At the bottom of the style sheet, add the following styles:
  24. •   For the div element belonging to the topLeft class, display the background image file topleft.jpg in the top-left corner of the element. Do not tile the image.
  25. •   For the div element from the topRight class, display the background image file topright.jpg in the top-right corner without tiling.
  26. •   For the div element from the left class, display the left.jpg background image file placed on the left border of the element and tiled in the vertical direction only.
  27.  
  28.  
  29. 5. Save your changes to the file, and then display the sudoku.htm file in your Web browser. Verify that the list of Japanese puzzles on the left margin of the page is dis- played with rounded top corners and a shaded left border.
  30.  
  31.  
  32. 6. Return to the sudoku.htm file in your text editor. Scroll down to the rightColumn div element. Directly below the opening <div> tag, insert a table element that will be used to display the Sudoku puzzle. Give the table element the class name spuzzle.
  33.  
  34.  
  35. 7. Add a caption to the spuzzle table containing the text Sudoku. 8. Create a table head row group containing a single row. The row should display 10 heading cells. The fir
  36.  
  37. To get this material copy and paste link to browser - https://bitly.com/1xpuAC1
  38.  
  39. If you are struggling with a course, do not be afraid to get in touch with the professor. Whether through e-mail or scheduled office hours, making that connection can be just what you need to get back on track. While many professors may seem unreachable, remember that they are there to help you learn.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement