The container tag is assigned the CSS class attribute MenuBarHorizontal , the main attribute referenced in the many CSS rules responsible for the widget’s formatting. Each menu item is in (list item) tags, and everything is styled with CSS. The Menu Bar widget is actually a set of unordered lists nested inside a container (unordered list) tag. You’ll fix the layout in a moment, but take a look at the code for the Menu Bar widget in Code view.For more information about the Spry framework for Ajax, see About the Spry framework in Dreamweaver Help. Note: For more information about the Spry Menu Bar widget in general, see Working with the Menu Bar widget in Dreamweaver Help. The tutorial also shows you how to customize the widget by editing its CSS rules. Adobe calls its navigation bar a Spry Menu Bar widget, because the widget is a built-in part of the Adobe Spry framework for Ajax and comes installed with Dreamweaver CS3 and later. You may have heard of a navigation bar for a website-that’s essentially what I’m talking about here. In many cases, the menu displays submenus when a site visitor hovers over one of the buttons (though you won’t be using submenus in this tutorial). A Spry Menu Bar widget is a set of navigational menu buttons that link to other pages of your website. This tutorial shows you how to add a Spry Menu Bar widget to the index page for Check Magazine, a fictional publication.

Welcome to Part 5 of this tutorial series on creating your first website.

Adobe dreamweaver cs5 specifications