How HTML5 is changing web site design

Posted by Janine Warner - August 27, 2012 - CSS, Dreamweaver, Dreamweaver CS5, Dreamweaver CS6, Mobile Web Design, Tutorials, Web Design

At least 4 out of 5 mobile design ‘experts’ agree that HTML5 is the future of Web design (okay, I made that up), but we’re all pretty sure we’re moving in that direction. Although many web designers are not using HTML5 yet– it is clearly the next step in markup languages for the Web, and […]

Read More css, dwcs5, dwcs6, mobile web design

Troubleshooting Conflicting Styles and Other CSS Challenges in Dreamweaver

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, edit, Tutorials

Dreamweaver provides a great collection of tools for creating page designs with CSS, but when it comes to altering and troubleshooting CSS, things can get confusing in a hurry. To help you sort through the options, the tutorial below focuses on some of the common challenges you may face when editing CSS in Dreamweaver. 1. […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6

Creating a Navigation Bar using CSS to style an Unordered List in Dreamweaver

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

It’s become common to format a list of links as a bulleted list, but you don’t have to show the bullets if they don’t fit in your design. Here’s a great CSS trick for turning a bulleted list into a navigation bar with a simple rollover effect. Using a bulleted list for navigation bars is […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6, links

I’m having trouble with CSS and Divs

Posted by Janine Warner - August 25, 2012 - CSS, CSS, Dreamweaver, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, FAQ, Tutorials

Hello Janine, I am stuck on an issue with CSS and Div tags. I do great up until I apply the style to float the a div to the left of my story. Once I apply that, my Sidebar content jumps out of the Sidebar div and is in the Story div. I’ve been spinning […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6

Creating Collapsible Panels with Spry in Dreamweaver

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

Using the Spry features in Dreamweaver, you can create drop-down menus, collapsible panels, and other advanced features. You’ll find the insert options in a Spry Insert bar at the top of the work area, and editing options in the Properties inspector at the bottom of the workspace. This tutorial shows you how to create a Collapsible […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6

Create a pop-up window in Dreamweaver by launching a new browser window

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

By Janine Warner You can use Behaviors in Dreamweaver to create many interactive features; like opening a small browser window when someone clicks on an image. This is a great way to make supplemental information available without closing the page a visitor is already viewing. When you set up a Behavior in Dreamweaver, you apply […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6

Creating Rollover Effects with the Swap Image Behavior in Adobe Dreamweaver

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

By JanineWarner Dreamweaver’s Behaviors panelmakes it possible to create complex interactive features using Javascript, even if you don’t know Javascript. And that’s cool because writing JavaScript is a lot more complex than writing HTML or CSS. Using Behaviors you can add interactive features like complex rollover effects, pop-up windows, and jump menus. When you set […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6

Edit a Drop-Down Menu in Dreamweaver Spry

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

This tutorial is designed to give you a head start on the many ways you can customize a drop-down menu in Dreamweaver. Since version CS3, Adobe Dreamweaver has included the Spry framework, which is a set of widgets you can use to create drop-down menus and other advanced features for your web pages. The Spry […]

Read More drop-down menu, dwcs3, dwcs4, dwcs5, dwcs6

Create a Drop-Down Menu with Spry Features in Dreamweaver

Posted by Janine Warner - August 25, 2012 - Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

This tutorial shows you how to create a horizontal drop-down menu for site navigation using the Spry widget in Dreamweaver. The Spry framework is a set of widgets Adobe added in version CS3. This collection of tools makes it easier to add advanced features, including e drop-down menus and collapsible panels. These features are included […]

Add a Slider to your Web Pages with the jQuery PowerSlider in Dreamweaver

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

Seems all the cool sites have a big, rotating box at the top of the front page. If you want to showcase a few featured items in a rotating slider (the way I’ve done on the front page of this website), the PowerSlider is going to make your day — and you don’t even have […]

Read More dwcs4, dwcs5, dwcs6, extensions