Welcome to the Dreamweaver II course.

The activities in this course are the last five projects in the Against the Clock Adobe Dreamweaver CC: The Professional Portfolio textbook. It is recommended that you complete the first Dreamweaver course before this one. If you have not taken Dreamweaver I, you should read the Getting Started and User Interface sections to become familiar with the book’s process.

Working Tips

Please pay attention to these instruction pages. If problems and errors are found in the textbook, they will be listed for each lesson.

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

The projects ask you to use the Against the Clock fonts. If you are on a computer that does not have the ATC fonts installed, feel free to substitute a similar font from your computer.

The Source files

The project and font files are stored on the server in the graphics labs, AVA-Disciplines/GRDSN/Against_the_Clock. If you purchased your own copy of the textbook, files can be downloaded by following the instructions on the inside back cover of the book. This code can be used by one user, so books checked out from school will not have a workable code, so copy the files you need while in the lab.

You have several options for storing your class files at SFCC.

  • You have a network account Home Directory with 8 gigabytes of storage space. This can be accessed from any computer you log in to on campus, but cannot be accessed off campus.
  • You can use a USB flash drive or portable hard drive to save your work and access your work from any computer you plug this device into.
  • If you are working on a Mac, a set of secure folders are created in your “User directory”. These exist only on the machine you have logged onto, and they remain there all quarter. No one but you will be able to access these files. If you return to the same machine day after day you could store working files on the machine. Be forewarned that these machines are not immune to hard drive crashes and other dire events. You could lose everything stored on a computer; this applies to any computer, anywhere. You should always save a backup of your files to the network or a portable device.
  • In a pinch, if you have an email account that allows large attachments, you can email yourself an archive .zip file of your lesson. The archive process is explained later.
  • Consider saving your completed work onto CD or DVD disks. These are not read-write media, but they are a cheap and stable place to keep backups of files, in case of system problems. It is wise to keep your backup disks at home or another safe place...not a in a backpack or in your car.

Project 5

In this project I will learn to:

  • Create class selectors to place background images
  • Make an editable attribute in a template
  • Control float and clear properties
  • Search page code to apply classes
  • Apply multiple classes to elements
  • Insert one HTML page into another
  • Create a form element and form fields
  • Apply CSS to form fields

HOW TO PROCEED

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 Cupcake Bakery site.

What to turn in.

Sassy cupcakes 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-5-My name.zip.

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