GRDSN 172 Dreamweaver I

Project 4

In this project I will learn to:

  • Define a tracing image
  • Create and link an external CCS file
  • Create ID selectors
  • Create a layout with div elements
  • Edit CSS rules to adjust the layout
  • Use the float property to control nested divs
  • Use margins and padding to affect element placement
  • Define properties for the body tag
  • Create a template file
  • Define HTML tag selectors
  • Create compound tag selectors
  • Create pseudo-class 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 Source Files

The files are also stored on the server in the graphics labs, AVA-Disciplines/GRDSN/Against_the_Clock. 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 Yosemite site. Be sure to include the entire folder and create a ZIP archive.

What to turn in

The Yosemite page

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

    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 the .zip file to 172-4-your

    Attach your .zip file to the Canvas turn-in item.

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.

You are done with the Dreamweaver I course!


top of page