Browse > Home / Web Development / Dreamweaver’s Approach To Css

Dreamweaver’s Approach To Css

December 28, 2007

Because of its ability to separate design from content, Cascading Style Sheets (CSS) has become an extremely important technology in web development. A single CSS document can contain information regarding the position of elements on all the pages in a web site as well as style information such as font, sizes and colours. In terms of building websites, CSS definitely represents the future.

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.

One of the most noticeable changes in this the latest version of Dreamweaver is that users are now positively encouraged to create web pages using CSS for page layout rather than tables. Each time a new web page or template is created, Dreamweaver offers you a choice of basing the page on one of about thirty preset CSS layouts with names like “3 Column Elastic” and “3 Column Fixed”.

CSS page layout is based in the DIV element, an HTML container which can be used to hold an arbitrary amount of web content. The CSS rules control the appearance and positioning of DIVs on the page. Dreamweaver CS3’s preset CSS layouts create a series of DIVs containing placeholder text and basic formatting. The placeholder text, as well as the code underlying the page, both contain useful explanations of how the page has been constructed and a few tips on how to personalise them.

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.

The The writer of this article is a training consultant with Macresource Computer Solutions, an independent computer training company offering Adobe Dreamweaver training courses in London and throughout the UK.

Posted by Andrew Whiteman · Filed Under Web Development 

Related Posts

3 Responses to “Dreamweaver’s Approach To Css”

  1. cheap apartment san francisco on December 30th, 2007 8:25 pm

    CitiApartments Offers Free Rent for…

    CitiApartments Offers Free Rent for DecemberEmediawire (press release), WA -Dec 13, 2007″We encourage anyone looking for a great apartment in some of…

  2. Anonymous on December 31st, 2007 1:49 pm

    Google…

    Google is the best search engine Google…

  3. os marine engine on January 11th, 2008 8:37 pm

    Army Buys Macs to Beef…

    Well, if they mix the OS-vendors like they (finally) mix aircraft-engine suppliers [aviation.com], it will be harder for an…

Got something to say?