Teaching Material Flagged for Abuse
  • This teaching material has been flagged as violating the Terms of Use.

Make a Photoshop File CSS & Build a Dreamweaver Template Part 1

Posted on Nov 5, 2010 by Kathryn StAmant Last updated on Jun 8, 2017


By using the provided materials, a PSD, the tutorial walks the user through the steps of preparing the PS file for Web export, and explains each step to sent out the graphics and HTML. The tutorial ends with all of the files ready for setting up a Site Definition in Dreamweaver. Part 2 takes over and completes the building of the template and rollovers.

The PDF with the tutorial is included in the ZIP file with the Photoshop assets. The files include the raw PS file ready to use, and the 2 PS files indicated in the tutorial through the cropping and slicing process. The HTML and image assets produced by the end of the tutorial are also provided.

Teaching Material Assets (1)

You need to be a member to view the teaching material files.

Join for free

Additional Information

Attribution Non-Commercial Share Alike
ISTE NETS·S Standards
Creativity and Innovation, Technology Operations and Concepts, Critical Thinking Problem Solving and Decision Making
Technical Expertise
  • Rookie
  • Novice
  • Intermediate
  • Pro
  • Expert

Dreamweaver and Photoshop are required to complete the two part tutorial. Part 1 uses Photoshop, Part 2 uses Dreamweaver.

  • 4/5 | 1 Rating

Additional Teaching Materials by

Kathryn StAmant

Suggested teaching materials

Products in this Teaching Material