CSS web page tools

Customize a layout from one of 48 presets

With Design Extender's CSS Sculptor wizard, you can select from 48 layout presets, each with a dozen color schemes.

Next you can edit your layout in the wizard to customize all of your CSS properties:

• Customize your page width, columns and positioning.
• Include header, navigation, sidebar and footer areas.
• Manage the properties for each div: name, dimensions, float, margins and paddings.
• Add JavaScript tab, accordion and collapsible panels into your layout.
• Determine type properties for all text, headings and links.
• Specify background colors and images for each div.
• Customize border properties.
• Configure your print style sheet.
• Choose your doctype.

The built-in Color Manager is incorporated to allow you to easily change colors used throughout your design, such as your backgrounds, fonts, borders, etc. You can use the Color Suggestions to inspire new ideas. Or import an image or a web page that you are inspired by - or that matches your corporate palette - and use the color picker to define your colors.

Save your layout as a preset or template

Like with many of our tools, you can save your customizations as a preset so that you can reuse it again. Also, once the page is generated, you can save it as a Dreamweaver template (DWT) or even as a PHP file to use with our framework tools.

Generate standards compliant CSS code

We partnered with renown CSS guru, Eric Meyer, on the HTML and CSS output so you can rest assured that your template will be generated with standards compliant, browser compatible code. You can choose to include comments in the CSS code so you can learn from an industry expert.

Next steps

While all of Design Extender's tools can be used stand alone, they can also be used in combination to produce totally custom websites. The next two tools you will likely want to use are Design Extender's menu navigation tools and site-building tools.