Accessibility

Table of Contents

  1. Introduction
  2. User Interface Changes
  3. Visual Display in Dreamweaver Design View
  4. The More Things Change, the More They Stay the Same
  5. Mini-Workflow Recommendations
  6. Quickly Generate Simple Styles and Build Upon Them
  7. Setting CSS While Adding Content to the Page
  8. Using Dreamweaver to Understand Rules
  9. Use the CSS Styles Panel to Create and Edit Properties
  10. Moving from Document Style Sheet to External Style Sheet

An Overview of CSS in Dreamweaver 8

Mini-Workflow Recommendations

In preparation for writing this article, I revisited the article I wrote for Dreamweaver MX 2004. With a certain amount of chagrin, I realized that I had not been following many of the workflow steps I suggested over these past months.

In the short time I have been using Dreamweaver 8, on the other hand, I have already changed my ways. In short, the user interface changes in this version better support a similar workflow. Most importantly, though, I don't intend to provide a single workflow. Follow the steps provided to test various workflows, but choose the one or ones that work best for you.

Create a CSS Test Site

You will use this same site to house the files you create in the following workflows. This is also the same site I used in my CSS article for the previous version of Dreamweaver. So, if you diligently followed my previous article, use the same site. The file names for this article are different (so everything will live happily together).

  1. Launch Dreamweaver 8 and choose Dreamweaver Site from the Create New column in the Start Page menu. Alternatively, once you launch Dreamweaver, choose Site > Manage Sites > New, then click Site. Click the Advanced tab if necessary.
  2. In the Site Name text box, type CSS test site.
  3. Click the file folder icon next to the Local Root Folder text box.
  4. In the Choose local root folder dialog box, browse to an appropriate place on your hard drive and click the New Folder icon to create a new folder called css_test.
  5. Select the css_test folder as the local root folder for your site.
  6. Click OK to accept these minimal settings. If you came to the Site Definition dialog box from the Manage Sites dialog box, click Done from within the Manage Sites dialog box.

Now that you have your site defined, I will guide you through the workflows in the next few pages.

Page 5 of 10
Previous Page
Next Page