Tuesday, April 19, 2011

Rest of the Guru web page Instructions

Due:Unit 4 Part 4:

Modify your pages so that they comply with various standards.


  1. Add an HTML 4.01 transitional DOCTYPE to each page in the project. Validate the pages and fix any errors or warnings.
  2. Convert the DOCTYPE on each page to strict HTML 4.01 and validate. Fix any errors or warnings.
  3. Convert the home page DOCTYPE to XHTML 1.0 and validate. Fix any errors or warnings. TIP: The content of a element in strict XHTML must be enclosed in block elements.
  4. Prepare a short document describing whether or not there are advantages to converting the remaining pages to XHTML. Justify your decision.
  5. Submit the document and a copy of your current project pages.

Due: Unit 5 Part 5:

Create and link a CSS style sheet.


  1. Each team member should create an external style sheet that defines the font style and colors for the site. Define a class named topten and apply it to the heading for your top 10 list. Apply the style sheet to your TopTen.html page.
  2. Team members should review each style sheet and select one to apply to the home page.

Due: Unit 6 Part 6:

Create a style that defines a box.


  1. As a group, decide how best to add impact to your home page through the use of font characteristics and boxes. Guru quotes, at minimum, should be enclosed in boxes. Create a style sheet and link the style sheet that applies the formatting to the home page.
  2. Modify the style sheet you created in the last part of the project to include borders, margins, and padding for the img element.
  3. Prepare a Word document describing how style sheets would differ for print and mobile devices.

Due: Unit 7 Part 7:

Create a Game of the Week review page.


  1. Each guru should create a Game of the Week review page. The page should include a picture of the game, a paragraph reviewing the game, a list of great features, a list of things that can be improved, a hyperlink to your Top Ten page, and a hyperlink to the home page. Link the .css file you created to the page.
  2. Add a sidebar that shows your top five games for three different categories—you can select the categories. To the sidebar, apply a style that is distinct from that used on the rest of the page.
  3. Add a hyperlink to the home page for each Game of the Week review page.
  4. Gurus should add a hyperlink to their own TopTen.html page that links to the Game of the Week review page.

Due: Unit 8 Part 8:

Reformat the Game of the Week review page.


  1. Reformat each Game of the Week review page so that the features and list of things that can be improved are displayed as a table. Use the color of your choice for the table heading.
  2. Use the Microsoft Paint program to create a custom bullet. Reformat the Top 5 lists to use your graphic as custom bullets.

Due: Unit 9 Part 9:

Add a Game Review form.


  1. Your instructor will provide the server-side script named postreview.asp. Copy it to the C:\InetPub\Scripts folder on the virtual machine.
  2. Create a page in your folder that allows users to post their own review of a game. The page should include fields for the user’s name; the name of the game; the platform, selected from a menu; a rating between 1 and 5; and a descriptive review. The server-side script named postreview.asp expects the following field names, sent using a GET:
  • name
  • game
  • platform
  • rating
  • review

3. Copy your project to the virtual machine and test to ensure that it works correctly with the postreview.asp script. 4. Style the form using a table and CSS. Test to make sure the form looks the way you want it to look.

Due: Unit 10

No comments: