Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

An Overview of CSS in Dreamweaver MX 2004 – Quickly Generate Simple Styles and Build Upon Them

Quickly Generate Simple Styles and Build Upon Them

This may be how developers accidentally use Dreamweaver MX 2004 at first. Although the style attributes you can define within the Property inspector are limited, it is easy enough to add attributes to existing selectors. And, let’s face it: it sure is handy.

Determine the Overall Appearance of the Page:

  1. With the CSS test site active, create a new HTML file. Again, this is easy to do from the Start Page if that is showing, but you can also choose File > New; then from the Basic page category, choose HTML. Click Create.
  2. Save the file into the CSS test site as sampler.htm.
  3. In the Property inspector, click the Page Properties button to open the Page Properties dialog box. The Appearance category appears by default.
  4. Specify the following settings:
    • Page font: Verdana, Arial, Helvetica, sans-serif
    • Size: 10 pixels
    • Text color: #996600
    • Background color: #FFFFCC
    • Left Margin, Right Margin, Top Margin, Bottom Margin: 0 pixels
  5. Switch to the Links category, and specify the following settings:
    • Rollover links: #CC9900
    • Visited links: #CCCC99
    • Underline style: Hide underline on rollover
  6. Switch to Headings category, and specify the following setting:
    • Heading font: Courier New, Courier, Mono
  7. Click OK.
  8. Switch to Code view and look in the head region of sampler.htm. The CSS code is efficiently written (and note that the TD and TH tags are included with the body tag to receive the appearance stylings).
  9. Switch back to Design view.