GRDSN 174 Dreamweaver II

Project 7

In this project I will learn to:

  • Use JavaScript behaviors
  • Review existing site and file structure
  • Define element IDs
  • Preload images with JavaScript
  • Work with the Behaviors panel
  • Change CSS properties with JavaScript
  • Change object content with JavaScript
  • Define links to change the cursor
  • Create a jQuery accordion
  • Add content to accordian panels
  • Change the accordion CSS
  • Learn about grouping CSS selectors


Read and work through the project in the Against the Clock book. You will use the sample files provided by Against the Clock.

The project files are stored on the server in the graphics labs, AVA-Disciplines/GRDSN/Against_the_Clock. Against the Clock provides the files on their website. If you work outside the lab, files can be downloaded by following the instructions on the inside back cover of the book. If you are checking out books from the Library the online code may not work, so be sure to save files from our lab server.

You may find it convenient to copy the files onto your personal storage area.

The Exercises

Complete the exercises for the Vintage Car JavaScript site.

Error in the Book!

On page 285, step 3, they meant WIP>cars, rather than WIP>BLVD.

In general, pay attention to the status of Live view. It will affect what you see in the Code Navigator.

What to turn in.

Classic car page

Create a compressed .zip archive of your Cars folder. The zip archives are a very safe way to move collections of files over the internet, and they usually reduce the file size.

Select both files and use the Macintosh Finder’s File>Compress “filename”, or Windows’ “New>Compressed (zipped) Folder” tools to create a .zip archive of the folder. Remember to save a copy of your work folder onto your personal storage device.

Rename your .zip file to 174-7-My

Attach this .zip archive to your Canvas turn-in area for this project.

Take the quiz

Go to the Assignments section in Canvas and take the project quiz. You are allowed to retake the quizzes only twice. You might review and print the quiz before starting the project and locate the answers as you work.



top of page