Dreamweaver CS3 Spry (AJAX) Tutorial
An exciting new feature in Dreamweaver CS3 is the easy insersion of AJAX components called Spry. View Demo
If you are a beginner you might be interested in the Dreamweaver CS3 Tutorial.
- To insert a Spry object simply go to Insert > Spry >
- Select the option of choice
- Customize the Spry object in the Properties Panel
- To change the colors you will need to edit the relevant css style in the relevant css stylesheet.
Try out the Spry Menu Bar (which you can use for your menu - horizontal or vertical), Tabbed Panel, Accordian and Collapsible Panel for some cool functionality in your website.
Spry Menu Bar
To get the Spry Properties, select the blue highlighted name of the spry (see image above) and check the Properties Panel, then customise the Spry properties.
Click the + and - signs to add and delete menu items at each level (1st box has main menu items, 2nd box as submenu items etc.)
Spry Tabbed Panels
Spry Collapsible Panel
Check out the result in your browser - it is really cool!!
Dreamweaver CS3 Tutorial for Beginners
Step 4: Create the CSS Style Sheet
Project 1: Table Based Layout Website
Project 2: DIV/ CSS/ Tableless Layout Based Website
Project 3 : Website with Server Side Includes
Suggestions for Improvement? If you have a suggestion to improve this tutorial please contact us. We would love to hear from you.
Dreamweaver is part of Creative Suite 3 Web Standard
Streamline web design, development, and maintenance. Order Now!