BSEN307 E-Commerce Website II

DHTML-CSS-Project-1

Instructions:

1. Create a basic page using DreamWeaver or a tool of your choice.  Place the following elements on the page.
   1. A paragraph that says "Mouseover this line and it will turn the back ground color to red"
   2. A button with a label of "Click here to make the text turn to white"
   3. A paragraph that says "Click on this paragraph to make the back ground color turn some shade of green"
2. Apply an external style sheet that creates the following effects
   1. Background color is yellow
   2. Paragraphs have a blue border
3. Apply the following DHTML effects
   1. Use an inline javascript command to change the background color to red whenever a Mouseover event occurs on the paragraph described above.
   2. Use an inline javascript command to change the text color to white whenever a MouseClick event occurs on the button described above.
   3. Use as inline javascript command to change the background color to a shade of green of your choice whenever the paragraph is clicked.

contact Jeff Gullion for any questions or problems: jhgullion@dmacc.cc.ia.us