Overview of Lynda.com’s Newly Released Tutorial: Create a Sliding Tabbed Panel with jQuery and Dreamweaver

Join author and graphic designer Chris Converse with this quick training tutorial about designing and using tabbed panels with jQuery and Dreamweaver. The tabbed panel feature is a favorite design and interface on many websites. This course teaches how to build a sliding tabbed panel from scratch using HTML and CSS together. Learn how to create containers and tabbed panels, add content to containers, add CSS styles to text and tabs, add jQuery documents, animate panels, and create custom graphics. Converse also offers tips and techniques to changing CSS rules with JavaScript so that wide array of visitors can visit your website.

Topics include:
• Creating the HTML containers
• Styling the tabs and panels
• Writing the JavaScript and jQuery
• Creating custom graphics
• Customizing the panel styles
• Adding progressive enhancement techniques

Level: Intermediate
Length: 1h 6m
Release Date: October 11, 2012

Here is a preview of the tutorial to give you a good idea of what the tutorial is like:

Previewing the final project