System Requirements

  • Adobe Flash Player 7 or higher
  • Photoshop CS3, CS4, CS5
  • Dreamweaver CS3, CS4, CS5

Close

CSS Menus Starter Kit for Photoshop

CSS Menus Starter Kit
for Photoshop

Discover the way to build standards compliant CSS Menus
with Photoshop and Dreamweaver.

Free!

Get It Now

Feature Tour

Play Video

Learn how to convert a Photoshop menu design to a CSS-based menu
within Dreamweaver.

Interactive Training

The CSS Menus Starter Kit is a comprehensive ninety minute interactive video tutorial - learn at your own pace and review as many times as you desire.

Step-by-Step Instruction

Learn how to design and prepare a graphic menu composition within Photoshop, convert this menu graphic to a CSS menu, and overcome browser compatibility issues.

Sample Files

This Starter Kit includes a professionally designed graphic composition and the start and finish sample files - this way, you can easily follow along with the training.

Bonus Graphic Design

We understand that you will need practice to fully develop this new skill set. So we have included a bonus graphic menu composition for you to work with.

Features

  • Professionally designed graphic menu composition
  • Learn how to convert graphics to CSS menus
  • Learn how to use Photoshop to:
    • Create normal menu state
    • Create hover menu state
    • Comp multi-state sub-menus
    • Slice and export graphics
  • Learn how to use Dreamweaver to:
    • Create menu HTML structure with unordered (bulleted) lists
    • Add CSS reset rule
    • Develop CSS rules with compound selectors
    • Integrate background graphics
  • Techniques for creating backwards compatible menus
    • Address Internet Explorer issues
    • Apply conditional comments
    • Switch browsers with JavaScript
  • Instructions on modifying menus
    • Changing menu appearance
    • Repositioning menu labels

Why WebAssist Training?

Windows and Mac OS Compatible

  • This Starter Kit is compatible with both Windows and Mac OS.

Interactive Training

  • WebAssist delivers training as interactive video tutorials that will help you learn both quickly and effectively.

Downloadable

  • WebAssist training is provided as a downloadable good so you can learn in your office, at home, or on the go.

Unlimited Views

  • With your purchase of WebAssist training there is no limit to the number of times you can view the training.

Can the CSS Menus Starter Kit be used without any CSS knowledge?

Yes. The CSS Menus Starter Kit can be used without any prior CSS experience/knowledge.

Will the CSS Menu Starter Kit convert my graphic comp into a CSS-based layout?

The CSS Menus Starter Kit is an interactive tutorial and not a piece of software. As such we are providing you with instructions on how to convert your graphic menu comps into CSS-based layouts.

What other products might I want to consider?

After working with the CSS Menus Starter Kit, you may want to purchase Design Extender to help further assist you in the creation of CSS-based websites.