O'Reilly logo

Dreamweaver 8: The Missing Manual by David Sawyer McFarland

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Cascading Style Sheets Tutorial

In this tutorial, you'll create an external style sheet for a Web page on the National Exasperator Web site.

Note

As usual, this tutorial requires some half-finished starter documents from the Web. Using your Web browser, visit www.sawmac.com/dw8/. Click the Tutorials link to go to the tutorials page. Then, click the link for the Cascading Style Sheets Tutorial. When the files are downloaded and decompressed, you should have a folder named DWCSS on your computer, containing the Web pages and graphics for this tutorial.

Setting Up

Once you've downloaded the tutorial files and opened Dreamweaver, choose the DWCSS folder as your site folder, using the site-definition routine described on Section 5.7.1.2. (For a shortcut, choose Site New Site. In the Site Definition window, click the Advanced tab, type something like CSS Tutorial into the Site Name field, click the folder icon next to the Local Root Folder field, navigate to and select the DWCSS folder, and then click Choose or Select. Finally, click OK.)

To ensure that your files preview correctly, you'll need to make sure that a particular Dreamweaver preference is set:

  1. Press Ctrl+U (-U) to open the Preferences window.

    Alternatively, you can use Edit Preferences (Dreamweaver Preferences on Mac).

  2. Select the CSS Styles category and make sure the "Open CSS files when modified" checkbox is not turned on

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required