Dreamweaver CS3 and Cascading Style Sheets

Cascading Style Sheets (CSS) is a W3C standard mark-up language for defining the appearance of web pages. The use of CSS allows developers to fully separate the content of the page from its presentation, speeding up the development process and also making the pages load more quickly in the browser. Whereas 20th century websites typically used tables to construct web pages and position elements, CSS now provides a cleaner and more efficient way of controlling all aspects of web page layout.

The range of computer users who have some involvement in building web pages and web sites is vast and a good many of these users choose Dreamweaver as the software tool that helps them create the web content they need without needing to become an expert on underlying technologies such as CSS. Dreamweaver CS3 includes better support for Cascading Style Sheets than previous versions. However, there is still room for improvement.

Previous versions of Dreamweaver assumed that most users would be using tables to control the layout of their web pages. Dreamweaver CS3 is the first version of the program which encourages users to create CSS-based web page layouts. When the users create a new web page, they are offered a series of CSS layouts, on which they can base the new page, consisting of single, double and three column designs.

Instead of using tables to control positioning of web page content, CSS page layout makes extensive using of the DIV element an HTML construct which can contain just about anything, including other DIVs. The preset pages created by Dreamweaver CS3 contain a series of DIV element with the CSS code that controls their positioning. The placeholder text within the DIVs includes useful tips on customising the preset pages for your own use.

The CSS code for pages created using Dreamweaver's preset layouts is embedded in the page itself. If a user creates a series of such pages, each one will have its own CSS code making updating very time-consuming. It is far more efficient to have all of the CSS code in one external file and link each page to this one file. At present, Dreamweaver doesn't really make this clear to new users. However, it does have an excellent feature for moving embedded CSS code into an external file. You simply select all of the CSS definitions you wish to externalise then choose Text - CSS Styles - Move CSS Rules.

Although this ability to move CSS around is really great, it's not something that beginners will necessarily think of doing. It points to the fact that Dreamweaver could still do with a few enhancements to its implementation of CSS.

It is also disappointing that Dreamweaver still automatically generates CSS styles called "style1", etc. each time the user applies a font or colour to selected text. Surely it would be easier to simply remove these basic attributes and just let the user either apply a style to the selection or, if no styles exist, create a new one. Perhaps this will be introduced in the next release of this excellent program.

Cascading Style Sheets Basics
If youre not a web designer, but have nevertheless experimented with HTML or popular editors like FrontPage to try to build a website, if you didnt use cascading style sheets you probably came across most of the common problems that cascading style sheets were created to solve...
The Low Down on Cascading Style Sheets
CSS has been around for more than 10 years already beginning in its development in 1997 but it seems it has been in the public consciousness for only a relatively short time. The reason for this is because it wasnt until the year 2000 that many web browsers began...
How To Design Your Web Site With CSS
Cascading Style Sheets (CSS) allows you to create fast loading pages, increase your search engine rankings, and modify your whole site with one style sheet. So why don?t more people use them? This is because they got so used to html design and are afraid or too lazy to upgrade their skills...
Search Engine Friendly Web Design - 3 Ways to Use CSS
This article will point out 3 simple and highly effective web design techniques that use cascading style sheets to improve your web design and make your website perform better in the major search engines.
Why Dreamweaver Has Become So Popular
When we run Dreamweaver training courses, we are always amazed at the number of different types of Dreamweaver user who attend our courses. There is simply no longer a typical Dreamweaver user. We get people working from all types of organisation in all types of role. Private individuals, accounts s...
Cascading Stylesheets Advantages
If you think that CSS is something to be ignored then think again. This interesting article will show you all the advantages of CSS and will explain how it can help you.
Cross Browser Compatibility
If you want everybody to have access to your site, youd better make sure it is recognized by all existing browsers. These useful tips will help you check yourself.
Cascading Stylesheets Advantages: 5 Reasons To Use CSS
If you are not quite sold on why you should start using CSS then take a look at this interesting article. It might be all you need to convince you that it is time to try something new.
Cascading Stylesheets Advantages: 5 Reasons To Use CSS
Because you are able to create a separate Stylesheet and link it to all your webdocuments, you have great control over how your website looks. So if you want to change a certain aspect of your page, you only need to alter one file: your Stylesheet!
Web Design The Easy Way - Some Quick Tips To Get Started
This article gives you Web Design the Easy Way - Some Quick Tips to Get Started. The author makes an easy to read statement that is rich with the wisdom of getting to basics from the most practical point of view.