Building a tabbed menu with Adobe Spry in Dreamweaver
On a recent occasion, we wanted to create a page that showed the wide range of features that are available with ecommerce web templates. The page would have six sections and each section varied in length from a few bullet points to approximately 20 bullet points. The original page was quite long and we were aware that users may only be interested in one section. Thus, navigation to each section needed to be easy. In this case, it seemed more sensible to create a tabbed panel menu that showed each section in turn when a tab was clicked.
In fact, within a few minutes, our page was created. In Dreamweaver, simply position your cursor on the page and click Insert - Spry - Spry Tabbed Panels or use the Spry Tab of the Insert bar (below).
A simple tabbed menu system is created with WYSIWYG editing capability. Adding more tabs using the Property Inspector and adding content into each tabbed region is quick and easy. For example, move your mouse over each tab and click on the 'Eye' icon to show the content area for the specific tab.
Not having used Spry in Dreamweaver before, I must say that I was quite impressed with this. I will be looking to use the Spry framework more.
» Related: Buy Dreamweaver