GRDSN 174 Dreamweaver II

Project 6

In this project I will learn to:

  • Create a new HTML page
  • Add HTML5 tags
  • Attach a CSS style sheet
  • Add rounded corners to an element
  • Define transparency for a background color
  • Create multiple columns of text
  • Download a Web font package
  • Define Web fonts in Dreamweaver
  • Apply Web fonts to page elements
  • Place a video in an HTML5 page
  • Define video tag attributes
  • Define absolute object positioning
  • Use nth-of-type 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 in the Canvas Files area, and also 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 Kayaking HTML5 site.

What to turn in.

Kayaking web page

Create a compressed .zip archive of your 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-6-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 take 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