Add special effects to web images with Dreamweaver

dreamweaver| Special Effects | Web page We all know that Dreamweaver is a professional web design tool, provides a lot of convenient, practical functions, so that many of the previous implementation of the Web page effect from the cumbersome code to free out, as long as the mouse can be achieved.

Adding special effects to web images is one of its features, which can be used to add effects such as shadow, motion, wave, and fade. This effect does not increase the size of the image, and certainly does not affect its download speed.

Its specific implementation method is as follows:
1, in the Dreamweaver edit window, click the menu command "Window/css Styles" open style floating panel, in the floating panel click on the right menu in the "New style" option or click on the lower right corner with "+" button, open the New Style dialog box (Figure 1), in the Enter the new effect name in the Name field and select the first option for type: "Make custom Style," and then click the "OK" button and enter the file name in the Save dialog box that appears to save the style file.


[Figure 1 Fill in the effect name]

2. In the Style Definition Settings dialog box that appears, select the Last "Extensions" option in the Category list box (Figure 2) to open the extended Window Parameter Settings window, where the page break option is used to set the position before and after the style is applied, and you can not set the The "Cursor" under Visual Effect is used to customize the mouse pointer shape, with a total of 16 options for selecting the type of effect. After the user chooses the good effect type, will have the question mark place to change to oneself hoped the parameter, clicks "OK" namely completes the style the definition.



[Figure 2 Choosing Settings Parameters]

3, click the menu "Insert/image" to open the picture, select the dialog box to insert the image you want to apply the effect, and then select the image in the editing window, and click on the style floating panel just created the style, press the "F12" button, in the browser can see the final effect of the effects display. As shown in Figure 3, the filter type is "Wave", and the parameter is: "ADD=1,FREQ=6,LIGHTSTRENGTH=20,PHASE=8,STRENGTH=15" style is applied to the picture after the effect contrast.


[Figure 3 Final effect]

4, if the user is not satisfied with the effect of the application, you can in the Style floating panel click on the shortcut menu "Edit" option, reopen the style definition window to set parameters, until satisfied.