Tutorial created by Ray Borduin, WebAssist
Learn how to design and prepare a graphic menu composition within Photoshop, convert your menu graphic to a CSS menu, and overcome browser compatibility issues. The Menu Starter Kit is a 90-minute interactive video tutorial. Learn at your own pace and watch unlimited times.
The tutorial includes a sample menu comp (Photoshop file) with start and finish sample files plus a bonus menu comp.
The CSS Menus Starter Kit for Photoshop covers a range of topics.
Use Photoshop to:
Use Dreamweaver to:
Create backwards compatible menus
Instructions on modifying menus
You will need the following in order to fully utilize the CSS Menus Starter Kit for Photoshop tutorial.
Once you have downloaded all of the movie files, extract the contents of each zip and ensure that the files are stored in the appropriate location.
The first step in setting up the movie files is to unpack the Start_Here.zip file.
Now you will need the unpack the rest of the movie files. Each 'Movies_*.zip' file contains a portion of the tutorial.
Repeat this process for 'Movies_2.zip', 'Movies_3.zip', and 'Movies_4.zip'.
As an optional step, you may unpack the sample files and use the contents when viewing the tutorial. Or, you may also use your own content if you prefer.
Once you have moved all the necessary swf files, view the interactive tutorial by double-clicking the 'index.htm' file located in the main '/Start_Here/' folder. This will launch the page in your primary browser. The presentations will start immediately. You can jump to any desired topic by clicking its link in the table of contents.
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.
Comments will be sent to the author of this tutorial and may not be answered immediately. For general help from WebAssist, please visit technical support.Sign in to add comments