• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 7. Advanced Page Formatting Usin... > Designing CSS Using Dreamweaver and ...

Designing CSS Using Dreamweaver and the CSS Styles Panel

In Chapter 3, “Building a Web Page,” we discussed the fact that Dreamweaver incorporates two modes of development within its framework. Earlier, I mentioned that Dreamweaver allows you to work in a traditional HTML formatting environment that also incorporates CSS instead of HTML whenever an element from the Properties Inspector is selected for formatting purposes. Out of the box, Dreamweaver attempts to wean developers away from traditional methods of development to a more innovative one in CSS by enabling the Use CSS Instead of HTML Tags option in the Preferences dialog. If you remember, we manually went into the Preferences dialog and disabled the Use CSS Instead of HTML Tags option so that we could discuss the traditional methods up front before moving into CSS. From now on, however, all formatting will be done using CSS. With that said, now would be a good time to revert the Use CSS Instead of HTML Tags option in the Preferences window back to its original state. To do this, choose Edit, Preferences and choose the General category. Enable the Use CSS Instead of HTML Tags check box and click OK to close the Preferences dialog and commit the changes.

You won't notice any changes up front, but be aware that significant changes in the way Dreamweaver formats documents and ultimately writes its code under the hood have been made. To prove this point, we'll use the Properties Inspector to format some text just as we've done thus far in the book. To follow along, review these steps:


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint