IT 130: The Internet and the Web
Fall 2011
Assignment 4
Introductory Javascript
Due Sunday October 9 before 11:30pm
Overview
You will create some pages with simple javascript as well as
explain how some javascript pages work.
Requirements
Create a Web page for each of the following exercises:
- Modify the greeting page with the text
area so that it uses your own preferred phrase and punctuation for
a greeting.
- Consider the javascript in this web
page. Trace the javascript statements. On a separate web page,
explain step-by-step what happens in the javascript code when you
enter "snowy" into the dialog box. Your explanations should note
input, variable assignments, string concatenations, etc. The page you
create for this exercise only needs HTML. You do not need to write
any javascript.
- Study this page, which converts a
temperature in fahrenheit to celsius. Create another page called
celToFahr.html, which converts a temperature in Celsius to
Fahrenheit.
- Develop a web page called story.html. This page should ask the
user to provide a few key words (e.g. a color, a place, an action,
etc.). The page should then use those words to produce an original
story in a text area. Here are the specific requirements:
- The page should ask for at least 3 words.
- The story needs to be at least one paragraph in length.
- At least one of the supplied words should appear more than once in
the story.
- The title and your name should be centered at the top of the page.
- Study this page, which displays text
in a div block. Create another version of your story page so that
the story appears in a div block instead of the text area.
Once you have completed the five Web pages above, create a sixth
navigation page that provides links to the five exercise pages.
Format this page using a suitable list. Add your name.
When creating your page, make sure that your HTML code is readable
and follows common standards. Adhere to the following principles:
- Break up lines so that horizontal scrolling is not needed.
- Format your HTML code with blank lines, indentation and consistent
spacing so that it's easy to follow the structure of the HTML code.
This will help also help you check whether you have correctly open and
closed HTML tags.
Here are some optional challenges for the interactive story:
- Add HTML tags to your story text so that it has some visual
formatting.
- Ask the user for
his/her favorite color and use this information to stylize the story.
It might help to read about nesting
quotes.
Deliverables
Using the D2L submission, tell
me the URL of your navigation page.