Editing CSS Layouts in Dreamweaver CS3 and CS4

Posted by Janine Warner - September 3, 2012 - CSS, Dreamweaver CS3, Dreamweaver CS4, edit, Tutorials

Note: The CSS layouts in this tutorial are specific to version CS3 and CS4. Previous versions of Dreamweaver, including versions MX 2004 and 8, did not include the CSS Layouts featured in this column. This tutorial shows how to edit the CSS layouts in Dreamweaver CS5 and later versions. Whether you’re new to CSS, or […]

Comparing CSS Selectors in Dreamweaver 8 and CS3

Posted by Janine Warner - September 3, 2012 - CSS, Dreamweaver, Dreamweaver CS3, edit, Tutorials

What’s the best Selector: Class, Tag, or Advanced? Even if you’ve been working with CSS for a while, understanding (and remembering) the differences among the various types of style selectors can be a challenge. As you can see in this screenshot of Dreamweaver’s New CSS Rule dialog, the first thing you need to do is […]

Designing with CSS: The advantages of Cascading Style Sheets

Posted by Janine Warner - September 3, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, edit, Tutorials

The concept of creating styles has been around since long before the Web. Desktop publishing programs (such as Adobe InDesign) and even word processing programs (such as Microsoft Word) have long used styles to manage the formatting and editing of text on printed pages. When using styles in a word processor, you can create and […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6

Using Dreamweaver CS5 Inspect to test Cascading Style Sheets

Posted by Janine Warner - September 3, 2012 - CSS, Dreamweaver CS5, Dreamweaver CS6, Tutorials

If you’ve faced the frustration of designing a web page in CSS only to find it doesn’t look right in some web browsers, or your styles seem to be conflicting with each other, you may be happy to discover the CSS Inspect feature, added to Dreamweaver CS5 and available in later versions as well. How […]

Choosing the Best CSS Selector: Class, ID, Tag, or Compound

Posted by Janine Warner - September 3, 2012 - CSS, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials, Web Design

When you create a new style in Dreamweaver using CSS features, you will need to choose which type of style you want to create and which ‘selector’ you want to use. Understanding (and remembering) the differences between the various types of style selectors can be a challenge. That’s why I created this short tutorial on […]

Read More css, dwcs4, dwcs5, dwcs6, web design

Where to find fonts you can use on your website

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

You have to have the legal rights to publish fonts on a server and there are a number of complexities to hosting fonts in all of the formats you’ll need for them to work in all of the different web browsers out there. For all those reasons, most web designers turn to a hosted font […]

Read More css, dwcs5, dwcs6, mobile web design, wordpress

How to add fonts to a website with CSS3

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

Thanks to the latest advances in web browsers and CSS3, you can link almost any font to a web page. There are many ways to add fonts to your web pages today, but the simplest option is to use a font from one of the online collection websites. Follow this link to discover where you can […]

Read More css, dwcs5, dwcs6, mobile web design

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

"HTML was hard enough, but CSS was really making my head hurt...

So many CSS references seem like they're designed for people who already understand CSS. Then I found your videos.

You broke it down and got me up to speed on the basics so quickly. It all makes so much more sense now. Thank you!"

Rhonda, Newark, NJ

I have been buried in your CSS tutorials for the past week. Your teaching method is excellent!

I wanted to pass on a success story. Last evening, a new global customer called with an issue with their Dreamweaver site. The original author of the site was long gone and they had several companies take a look at the problem, but to no avail. They had a problem where many linked pages based on a template were not getting updated - there were 257 pages affected.

I recalled your troubleshooting tip to make sure all pages were published after updating a template. Your advice was right on target.

You are my hero - and now I am theirs! Thank you for presenting such an outstanding set of training classes!"

Dean Vincent, New Carlisle,OH