Now you'll customize an entry form which will allow the user to type in words which you'll insert into your story using JavaScript.
1. If it's not already open, open
storytellerForm.html in NotePad2 or TextWrangler and modify the form so it matches your list of key words.
You can choose to leave the inputs with their current names or
change them to match what you request from the user, such as
fruit or
occupation. You may need to add more boxes.
2. The text box and drop-down list must have unique IDs.
If you change or add any, make sure the for, name, and ID match as
in this example:
<label for="word4">Group:
</label>
<input type="text" name="word4"
id="word4" />
3. Save this and open your HTML page to see how it looks.
4. Go back to the CSS page and change the colors and size to look good on your page
5. Go to the Catalyst WebQ and answer the rest
of the questions. Be sure to submit the WebQ when you are done.
6. Upload
storytellerA folder and its contents: story.css and storytellerForm.html to
a. your Web space.
b. your Catalyst Collect dropbox for Project 2A and post a comment with the URL to the storytellerA folder in your Web space.