Page 289 - DCAP109_GRAPHIC_TOOLS
P. 289

Graphic Tools




                    Notes
                                                      Figure 12.13: CSS Rule Definition Dialog Box



































                                   Source: http://www.uwec.edu/help/Dreamweavercs3/css-create.htm
                                   You can view  the HTML code in Dreamweaver by selecting window > HTML Source.
                                   HTML style notation encloses the style element content (i.e.!—and __>). This avoids displaying
                                   the style sheet code in old browsers that do not support CSS.
                                   12.5.5 External Style Sheets using Dreamweaver


                                   If you want to apply the same styles to more than one page, you can create an external style sheet
                                   and link to several Web pages.

                                   1.  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.
                                   3.  Use the New button to add the style definitions. You can add multiple CSS.
                                   4.  When all styles are entered, export the CSS by selecting File > Export > Export CSS Styles.
                                   5.  The Export Styles as CSS File dialog box will display on your screen. Name the file with
                                       the CSS extension (for example, style1.css), and then click on the Save button.





                                      Task  Make distinction between internal and external style sheets.









          282                               LOVELY PROFESSIONAL UNIVERSITY
   284   285   286   287   288   289   290   291   292   293   294