Share
Kathryn StAmant
Faculty

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

Technical Tutorial Published 11/5/10 Last updated on 5/16/18
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.

Products
  • Dreamweaver

    Design and develop modern, responsive websites.

  • Photoshop

    Editing and compositing for photos, web and mobile app designs, 3D artwork, videos, and more.

Subjects
Web
Age Levels
ISTE NETS-S
Creativity and Innovation, Technology Operations and Concepts, Critical Thinking Problem Solving and Decision Making
Expertise
Intermediate
Materials

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

CC License
Attribution Non-Commercial Share Alike
Ratings
4 / 5 • 1 Rating

Materials (1)

or Join for free to access materials
Name
Added
File Size