Web and Video

CreativePro.com has a good tutorial by David Sawyer McFarland that introduces you to using the new Spry widgets in Dreamweaver CS3. They say:

Adding a Spry Menu Bar to a Web page is a three-step process. First, you tell Dreamweaver to insert the menu bar, which adds a JavaScript file and a CSS file to your site and adds HTML to create a “starter menu” of links. Second, you edit the menu Dreamweaver inserted by changing the text of the menu buttons, and adding new menu options and links to other pages on your site. Finally, you modify the CSS that Dreamweaver supplies to match the look of your site.

This tutorial will take you step-by-step through adding and modifying a Spry Menu Bar.

creativepro.com - View Source: The Easy Way to Add Dynamic Elements to Web Sites

Check out their tutorial for the step-by-step tutorial that shows you how to insert, edit, and then style a Spry Menu Bar. The tutorial also includes downloadable source files.

Tags: Dreamweaver, CS3, Dreamweaver CS3, Spry, Spry widgets, tutorial, Dreamweaver tutorial, Adobe

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 

(5 votes, average: 4.2 out of 5)

 Loading ...

3 Responses to “Using Spry in Dreamweaver CS3 - adding a Menu Bar”

1. Former Web Developer Says:
   December 18th, 2007 at 2:03 pm

   I cannot *believe* you automated this process! We broke our heads over hand coding these at the turn of the last century because one of the company executives had seen a colapsible panel menu somewhere(we called them “flyouts” in the day). Adobe you are the best.

2. AMH Says:
   March 25th, 2008 at 12:26 am

   Hi,

   There is an excellent tutorial on that site called spry site validation for forms. Much more useful as the menu system in my view is a bit dated compared to what is available now in terms of website design.

   http://www.creativepro.com/article/view-source-building-better-forms-dreamweaver-cs3

3. Konstantinos Orfanidis Says:
   May 12th, 2008 at 6:21 am

   Dear sir,
   I am new in Dreamweaver CS3 and i like very much the Spry menu bar, but i’m having a little problem. My site use template and is align to center of the screen. When apply the spry menu bar, the page with menu bar is aligh left and top of the screen and more over when i linked this page with entire site, all my pages are moving left and top!!!! Please, could you tell me a way to aligh the page with spray menu bar to the center (as my template)???? Thanking you and lookling forward to hearing from you!