Dreamweaver, Flash, Photoshop, CSS, Fireworks and HTML Tips & Tricks » cs4 http://www.livetrainingsession.com/tips Get Quick Tips & Tricks on Web Applications Development Tools Thu, 29 Jul 2010 21:16:48 +0000 en hourly 1 http://wordpress.org/?v=3.0 Using Dreamweaver CSS Layout Templates http://www.livetrainingsession.com/tips/2009/11/using-dreamweaver-css-layout-templates/ http://www.livetrainingsession.com/tips/2009/11/using-dreamweaver-css-layout-templates/#comments Mon, 09 Nov 2009 23:13:18 +0000 Alex http://www.livetrainingsession.com/tips/?p=3 dreamweaver_css_layouts Dreamweaver CS4 is shipped with a load of pre-designed CSS layouts you can use to position the main blocks of your website/blog design with just a few clicks.

Open a new document then choose the appropriate options for the new web page you are about to design:

  • New document Type
  • Page Type
  • CSS layout
  • Document Type Definition
  • Linked or Embedded CSS

No matter how complex your website layout appears to be, you will for sure find the CSS layout that matches your design’s wireframes including the typical main containers such as the header, navigation bar and page content area. Smaller elements can then be wrapped by those main blocks.

Those Dreamweaver CSS layouts are cross-browser compatible therefore saving you time and the frustration of having to test your layout again all popular web browsers. All you need is make a few easy tweaks from the Dreamweaver CSS panel to update the dimensions, background styles and you can start adding your design elements.

]]> http://www.livetrainingsession.com/tips/2009/11/using-dreamweaver-css-layout-templates/feed/ 0