This assignment will be out of 1000 possible points.
- Right-click on the link hello_java.html and choose “Save Link As…”
- Save the link to your desktop.
This will create a file called “hello_java” on your desktop. You can open this in a text editor (such as Notepad or Notepad++ for Windows or Text edit or BBEdit for Mac).
- To open the file in a text editor, do not just double-click on “hello_java”. Either right click on the icon and choose your text editor, or open the text editor and open hello_java from there.
- Play with the web page before editing it.
- Read through the web page code before you edit it.
- Quickly view the website code within the browser by right-clicking on the web page and selecting “View page source” (or keyboard shortcut Ctrl-U).
- Pay attention to the comments within the website code.
- Firefox and Internet Explorer are the recommended browsers (Chrome and Safari sometimes have problems displaying the web page).
- Notepad++ for Windows and BBEdit for Mac are better alternatives to Notepad and Text edit. (See Assignment 2 for download links.)
- Add the current date, which should update to reflect whatever day it is when viewed. (100 points) The script that accomplishes this is already in the file, but as a comment.
- Read the comments carefully. They will explain what to do.
- Modify the file so that it is possible to say two more things (other than hello and hate), such as “I like [person’s name]” and “I love [person’s name]”. To accomplish this, you will need to make the appropriate changes in two places:
- Add two new options to the pull-down menu (100 points, 50 points each). Currently, there are the options Hate and Hello. Add two more, such as Love and Like.
- Add two new cases to the function my_function (100 points, 50 points each). This means that when the user selects Love or Like, the appropriate response will be displayed when the user clicks the “Greet” button.
- The pull-down menu only shows one item at a time. Make it so two items are displayed at a time.
Note: This only shows up properly in Internet Explorer and Firefox. (100 points)
- The left edge of the text-box (next to NAME) should be lined up with the left edge of the menu below it.
- Add spaces to push the text box to the right. (100 points)
- Look in the source code. A couple spaces have already been added.
The spacing need not be perfect, just closer.
- There is a hyperlink that goes to the class web page. It has several problems, which you will fix. The hyperlink says “Place your mouse on and off of this”.
- Change the background color action:
-When the mouse first hovers over the text, the background will turn yellow. Make it turn pink instead. (100 points)
-After the mouse moves off the text, the background remains the same color. -Alter this so that moving the mouse off the text changes the background to blue. (100 points) -The command for turning the background blue works the same way as the code that changes it to yellow (or pink), except it is “onMouseOut” instead of “onMouseOver”.
- Change the text and the URL for the hyperlink:
- Replace “Place your mouse on and off of this” with new text, indicating that the person is going to your personal web page (Assignment 2). (50 points)
- Replace the URL with the URL of your personal web page. If you did not complete Assignment 2, you may use any URL. (50 points)
- UPLOAD your “hello_java.html” file to your server (in the public_html folder), so it appears at http://people.ucsc.edu/~yourusername/hello_java.html.
- Make it easy to find and use the text “HI THERE”. (100 points)