How to Slice Your Website

Once you’ve finished designing your website in Photoshop, you’ll want to divide the big graphic into smaller pieces that you can plug into Dreamweaver.

Click here for the slicing handout.

How to Save & Optimize Your Slices

Once your website is sliced, you need to optimize each of your slices using Photoshop’s SAVE FOR WEB & DEVICES menu. Your goal is to reduce the file size of each of the slice’s without damaging its quality.

Click here for the optimizing & saving handout.

How to Set Up Tables

Once you’ve finished slicing and saving your content, you’ll want to insert your content into Dreamweaver.

To keep your content structured, you’ll be using what are called tables. Tables display rows and columns that hold content.

Click here for the tables handout.