Part II: Appreciating Web Design Options in Java

Draw QR Code JIS X 0510 in Java Part II: Appreciating Web Design Options

Figure 6-21: To edit a style, double-click the name of the style in the CSS Styles panel; it opens in the CSS Rule Definition dialog box

You can rename a style in the CSS Styles panel in much the same way you d rename a filename in the Files panel, by clicking to select the name and then typing a new name Take care, however, that renaming a style this way doesn t change its corresponding reference in the HTML code for your Web pages If you change a name in the CSS Styles panel, you must also change the name in the corresponding page code, or reapply the style using the Property inspector which can get complicated if you ve used the style in many places For example, let s say you create a class style and name it caption and then apply it to the text under the photos in your Web page using the Property inspector (as I did in the first exercises in this chapter) Then suppose you decide later on to change the name of the style to imagecaption Changing the name in the CSS Styles panel is easy enough, but then you have to make

sure that every place you ve used that style in your site is updated either by reapplying the style using the Property inspector or by changing the name in the code wherever the style has been applied If you want to change the name of a class style, Dreamweaver includes a feature that updates the corresponding code automatically, but only if you change the name using the right-click or (Control-click) option and only for class styles If you change the name of an ID style or a compound style, you must reset the style using the Property inspector, or change the corresponding references in the code manually using code view or the Quick Tag Editor To rename a class style and update the style references in the code at the same time, open any page where the style is used and follow these instructions: 1 Open the CSS Styles panel by choosing Window CSS Styles 2 Right-click (Control-click) the name of the class style in the CSS Styles panel 3 Choose Rename Class, as shown in Figure 6-22 The Rename dialog box opens

Figure 6-22: To rename a class style and change the style name automatically in the page codel, right-click (Controlclick on a Mac) and choose Rename Class

4 Type a new name in the New Name field and click OK If you ve already applied the style and the style is saved in an external style sheet, a dialog box opens, offering to Use Find and Replace to fix the documents that use this style If the style you want to rename is saved in an internal style sheet, the name will change automatically anywhere the style is applied in the code With internal style sheets, the Find and Replace dialog box does not open; then you don t have all the options shown in these steps However, any changes appear in the Results panel, which opens automatically at the bottom of the workspace 5 Click Yes to automatically update references to the style in the code with the new style name The Find and Replace dialog box opens (see Figure 6-23) with the name of the style already filled in Don t change these settings unless you know what you re doing with these advanced search strings and want to alter the way Dreamweaver renames the style

Figure 6-23: Dreamweaver sets up the needed search strings in the Find and Replace dialog box when you use the Rename Style option to change the name of a class style