SiteGrinder

What are the basic steps to get from a Photoshop document to a web site?


(Click on anything in the below steps for more information.)

Step 1
Create your design, adding SiteGrinder hints like "-button", "-rollover" and "-link" as needed to layer names representing interactive items.
Step 2
Set up your individual page content, using layer visibility to specify which layers appear on which pages. This is done with "layer comps" in Photoshop CS or SiteGrinder's Page Defining tool for previous Photoshop versions.
Step 3
Open SiteGrinder from Photoshop's Automate menu found under the File menu.
Step 4
Check the SiteGrinder report for any errors. At this point you may return to Photoshop to make any necessary corrections. You may also optionally use SiteGrinder's controls to modify various settings like page background color, text button hilighting, custom graphics compression, etc.
Step 5
Click the "Build" button at the bottom of SiteGrinder's window and enjoy your new website!

Click here to view Flash videos of the entire process

Click here to see examples of pages created with SiteGrinder