ITSE 1411 Beginning Web
Assignment 4

Design Text, Chapter 14, pgs 265 - 279 (XHTML)
JavaScript Text, Chapter 2, pgs 76-99 (Expressions, Operators, Strings, and Precedence)

Reading:

• Operators
  • The modulus operator may be new to you. You are responsible for working with the modulus operator. Consider 5/2. The answer is 2 because 5 divided by 2 is 2. Consider 5%2. The answer is 1 because after you divide 5 by 2, you have a remainder of 1.
• Prefix and Postfix operators
  • Not all browsers recognize all prefix and postfix operators. Use caution when using these operators.

Practice:

• Displaying Variables
  • Create an assignment4 folder (no spaces in the name, no uppercase) in your public_html folder.
  • NBAStatLeaders page
    • Click on NBAStatLeaders.html.
    • Right click on the page.
    • View Source
    • Save as NBAStatLeaders.html (notice you use the uppercase this time and the l in the extension.) in the assignment4 folder.
    • Open NBAStatLeaders.html in your editor and change the link to js_styles.css.
    • Add the coding from step 7 on page 83 of the text.
      Be very careful when entering the code. The book shows the strings broken because of word wrap. You cannot break a string using word wrap. Ways to correct:
      • Create a very long line and keep the string on the same line
      • Break the line at the + operator and go to the next line before you start a string you cannot complete easily.
      • Close the string, go to the next line, add a + operator, open a new string. Make sure to allow for a blank between two words.
    • Save the document.
    • Compare your page to Figure 2-15 on page 84 of the text.

• Comparison and Conditional Operators
  • NBAStatLeaders page revisited
    • If necessary, open NBAStatLeaders.html in your editor.
    • Make the changes listed on page 87 of the text. There is a typo on page 87. The coding should be
      

      (leader1[1] > leader2[1])
      ?  mostGames = leader1[0] + " competed in more NBA final games than " + leader2[0]
      :  mostGames = leader2[0] + " competed in more NBA final games than " + leader1[0];
                          

    • Save as NBAStatLeaders2.html (notice the 2 in the name).

• Strings
  • Update NBAStatLeaders.html
    • If necessary, open NBAStatLeaders2.html in your editor.
    • Save as NBAStatLeaders3.html in your assignment4 folder.
    • Make the changes noted on pages 93 and 94 of your text.

• Operator Precedence
  • Update NBAStatLeaders.html
    • Open NBAStatLeaders3.html in your editor.
    • Save as NBAStatLeaders.htm in your assignment4 folder (notice the extension has no l and no number in the name.
    • Make the changes noted on pages 98 and 99 of your text.

Case Project:

• Complete Case Project 2-1 found on pages 112 of your text.
  • Open your template.htm page.
  • Save as BMI.htm in your assignment4 folder.
  • Follow the steps described in the text but start with the template so that you will have the validation icons on your page.

Update your index page:

• Add links on your index page to the pages in your assignment4 folder that are to be graded:
  • NBAStatLeaders.htm
  • BMI.htm

Uploading:

• Upload your revised index.htm page to the public_html folder.
• Upload your assignment4 folder with the files:
  • NBAStatLeaders.htm
  • BMI.htm

Testing uploaded pages

• Follow the checklist for grading shown on the schedule page.
• Make any corrections for any page that does not validate or display correctly.