Web Design Final Exam
There are two parts to this exam. In the first section you will use Dreamweaver to create a web page based on a composition image. The page will contain links to other web pages that have already been created. In the second part of the exam you will use Flash to create a simple animation for your web page.
1. Copy the final_exam folder from the Assignments folder on the SQ-IT-SERVER to your dreamweaver folder. This folder contains all of the images and pages you will need for this exam.
2. Open a new web page in Dreamweaver, name it final_exam and save it in the final_exam folder that you copied into your dreamweaver folder. Use the finalbackground.png file as a tracing image upon which you will create your web page.
3. Insert the graphics provided in the Project_images folder onto the page in the appropriate locations. The size of the actual images are a bit larger than the tracing image so don't worry if there is not a perfect fit. The overal layout should be very similar to the comp image.
4. Each of the circle graphics are to be rollover buttons. When your mouse rolls over the button the text should appear. When the button is clicked it should go to the page for that sport. The sport pages are provided for you in the final_exam folder.
5. The row of images across the top do not link to anything.
This is the end of Part I
Part II Flash
1. Open a new flash file make the stage 700 x 400 pixels.
2. Import the biking_button.gif, climbing_button.gif, diving_button.gif, kayaking_button.gif and rafting_button.gif.
3. Create an intro animation for the web page you just created using these images.
4. Place the flash animation at the bottom of your final_exam web page.
Rubric:
5 Uses mutliple animation techniques, works seamlesslely, complex transistions, complex timeline3 Uses one or two animation techniques, most of the animation works, simple transistions, simple timeline
1 Contains all graphics and has a timeline, animation does not work, single timeline
If time permits demonstrate your web page and flash file for your instructor. If there is not time to demonstrate your page be SURE your final_exam page is in the final_exam folder in your Dreamweaver folder.
