<%@LANGUAGE="VBSCRIPT" %> <% Response.CacheControl = "no-cache" %>
Assignment 10

Materials to turn in on the server

  • In your Assign10 folder:
    • Dewey.html
    • js folder
      • jquery files
      • jquery.cycle.all.js
      • jquery.easing.1.3.js
    • images used in the assignment

Expand/Collapse Section ImageDewey Page

Description: In this assignment, you will acquire more experience with jQuery, Easing, Cycle, and Javascript functions.

Expand/Collapse Section ImageExercise Specifications

  1. Dewey Page
    • Download this zip starter folder
      • It contains the images for the exercise, a starter HTML file, and the JS files you will need.

       
    • The HTML is already done for you. You need to fill in the CSS and jQuery to make the page look and function correctly.
       
    • Add the CSS to place and position elements on the page - found in the code
      • If you add a little at a time and refresh, you get a better sense of how the CSS elements are working - giving yourself a better understanding of CSS as a whole.
         
    • Add the JavaScript and jQuery to finish out the file - found in the code
      • Notice how <!-- html comments --> are used around the JavaScript, just inside the <script> elements.
         
    • Code
      • Here is the code for this entire exercise. Proper use would be: look at the code to make sure you are approaching the assignment the correct way. Then try to do it on your own. Then use the code to make sure you've done it correctly. Improper use would be: copying without interpreting, which would result in not really learning what you're doing. The code is provided to help you be successful and so that you don't have to ask as many questions about the assignment.
      • Dewey page code part 1 Lines 1 to 415
      • Dewey page code part 2 Lines 416 to end

Grading

Comments 2 pts
Aesthetics 4 pts
Coding 6 pts
Total 15 pts