Creating your first website – Part 5: Adding the Spry menu

Welcome to Part 5 of this tutorial series on creating your first website. This tutorial shows you how to add a Spry Menu Bar widget to the index page for Check Magazine, a fictional publication. A Spry Menu Bar widget is a set of navigational menu buttons that link to other pages of your website. 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). You may have heard of a navigation bar for a website—that's essentially what I'm talking about here. 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.

The tutorial also shows you how to customize the widget by editing its CSS rules.

Note: For more information about the Spry Menu Bar widget in general, see Working with the Menu Bar widget in Dreamweaver Help. For more information about the Spry framework for Ajax, see About the Spry framework in Dreamweaver Help.

Requirements

To complete this tutorial, you need to install the following software:

Dreamweaver CS4

• Try
• Buy

Sample files:

• check_magazine_pt4_complete.zip (ZIP, 296K)
• check_magazine_pt5_complete.zip (ZIP, 304K)

Prerequisite knowledge

• Creating your first website – Part 1: Setting up your site and project files
• Creating your first website – Part 2: Creating the page layout
• Creating your first website – Part 3: Adding content to pages
• Creating your first website – Part 4: Adding the main image text

Creating your first website with Dreameaver CS4

For your reference, here are all the parts in this series:

Part 1: Setting up your site and project files
Part 2: Creating the page layout
Part 3: Adding content to pages
Part 4: Adding the main image text
Part 5: Adding the Spry menu
Part 6: Publishing your site

This work is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported License.

Page 1 of 7

Next Page

About the author