Trouble viewing the videos? Click here to download them directly to your computer.

Website From Scratch

These narrated Flash screen movies demonstrate the creation of a small website with scrolling text, buttons & popups.

These videos were made using SiteGrinder 1, but all of the principles still apply. (requires Flash Player)

* Introduction
* Hints & Styled Web Text
* Scrolling Text
* Rollovers & Popups
* Multipage sites with Photoshop 7 or earlier
* Multipage Sites with Photoshop CS (and later) Layer Comps

* Annotated Final Page

Text Basics

This movie covers basic SiteGrinder text techniques, including:
  • Making true styled CSS text
  • Placing links in text
  • Making text scrollable
  • Text tips and tricks

Time: 19 mins

Click here to watch.

Menu Basics

This movie (QuickTime 7 required) covers basic SiteGrinder menu techniques, including vertical and horizontal text menus, popup menus, image menus, and text menu styling.

Time: 19 mins

Click here to watch.

Click here to see the built page with working menus.

Click here to download the Photoshop file used in the movie.

Advanced Menu

This movie (QuickTime 7 required) builds an advanced text menu, including:
  • The -menu hint
  • Formatting text menus
  • Using the -popdown hint

Time: 17 mins

Click here to watch.

Click here to see the menu built in the video.

Click here to download the photoshop file used in the video.

Useful Photoshop Techniques

These movies (QuickTime 7 required) cover Photoshop features and techniques that will help you use SiteGrinder more effectively.

Layer comps and layer folders explained. Time: 15 mins

Large Site Techniques

SiteGrinder: Screen Movie Tutorials