HCDE537 > Creating Spry Menus
If you would like to use a drop down menu on your website, I would suggest using Dreamweaver’s Spry Menus.
View: http://students.washington.edu/sinkum/a-spry-menu-for-your-website/
Download: http://www.sccc.premiumdw.com/examples/a-spry-menu-for-your-website.zip
Step One: Create The Spry Menu
Insert the menu via Insert > Spry > Spry Menu Bar:
Insert Spry Menu Bar
It will give you some example HTML code to get you started:
Example Spry Menu HTML
Step Two: Change The Menu Names
You can then change the code to reflect your menu items and all of your pages:
Change the code to reflect your menu items and all of your pages.
Note: Make sure you change the menu in all of your pages!
Step Three: Remember the JavaScript
Lets also make sure that you know that Dreamweaver has added some JavaScript to your pages:
Remember the JavaScript!
Remember the JavaScript!
Note: You will need to copy and paste these JavaScript bits into all of your pages.
Step Four: Style Your Menu
You will find a file called SpryMenuBarHorizontal.css in your SpryAssets folder that you can edit some of the styles:
Edit the SpryMenuBarHorizontal.css in your SpryAssets folder.
Style Your Spry Menu
This portion of the Premium Design Works website is written by Mike Sinkula and dedicated to the Web Design & Development students at Seattle Central Community College.
