Page 290 - DCAP109_GRAPHIC_TOOLS

Unit 12: Dreamweaver – Layers and Style Sheets

12.5.6 Linking External Style Sheets to an HTML File using Notes
Dreamweaver

In Dreamweaver, open the HTML document to which you want to link the external style sheet
you previously created.
1. To open the CSS palette, go to Window > CSS palette. Select the “Open Style Sheet” icon.
2. The Edit Style Sheet dialog box will display on your screen. Click on Link.

Figure 12.14: Edit Style Sheet Dialog Box

Source: http://faculty-staff.ou.edu/P/Catherine.L.Pierson-1/2011/Classes/DWnotes/dw1/11.htm
3. The Link External Style Sheet dialog box will display on your screen. Click on the Link
radio button to the right of Add As and then click on Choose.

4. Choose the name of the CSS you wish to link
5. Click OK

12.5.7 Converting CSS into HTML using Dreamweaver

You can change CSS into HTML to help with using Dreamweaver. Dreamweaver creates a new
document with HTML, leaving the CSS document in its original form. To convert the document,
select File > Convert > 3.0 Browser Compatible. When the Convert to 3.0 Browser Compatible
dialog box appears, select the CSS Styles to HTML Markup and click OK. Your new document,
written in HTML, will appear on your screen.

LOVELY PROFESSIONAL UNIVERSITY 283