Shulou(Shulou.com)06/02 Report--

This article mainly explains the "DreamWeaver Operation Skills Complete Book". The explanation content in this article is simple and clear, easy to learn and understand. Please follow the ideas of Xiaobian slowly and deeply to study and learn the "DreamWeaver Operation Skills Complete Book" together.

1. Design Web pages that automatically adjust flexibly with Dreamweaver 4.0

The first thing you need to make sure is that your page content is formatted as a table, and then open the page you want to edit, press Ctrl+F6 or the menu "View→TableView→Layout?" View"Switch to Layout View. You can see the column width of the cell, and there is a small drop-down arrow next to the column width number. Click the small arrow above the column you want to set elastic display, and then select "Make Column Autostretch." A wavy line appears above the column box instead of the number that indicated the column width. When you're done, your page becomes a flexible page. In addition, be careful not to have pictures that are too size on the page.

2. Making Flash Button with Flashing Effect by Dreamweaver 4.0

Select Insert→Interactive? Images→Flash? Button You can see which buttons are embedded. In the pop-up dialog box, you can select the button style you want in the "Style" list, and you can see how this style works in the Sample window. After choosing, click on the Button. Text"window input button above the text, in the"Font"window select font, in the"Size"window input text size, in the"Link"window input link target, in the"Target"window select link open way, in the"BgColor"select button background color, in the"Save? The As window enters the name of the saved file. Once you've done that, press the OK button and you're done with a Flash button. This button will also be automatically inserted into your web page, and then select the button you just made in Dreamweaver editing window, the properties window will display the properties of this button, click the "Play" button above, you can preview the flashing effect of this button directly in the editing window. Do you need Dreamweaver? 4.0 This feature does not support Chinese fonts.

3. Customizing keyboard shortcuts in Dreamweaver 4.0

Select the menu Edit→Keyboard? Shortcuts", a list of currently enabled and changeable shortcuts will be listed in the dialog box, where you can change the shortcut keys to your own habits. If you want to change a shortcut key, first select the command you want to change, then select the current shortcut key, this shortcut key will appear in the "Shortcuts" list, then enter the shortcut key you want to use in the "Press Key" window, and then click the "Change" button to change it. You can also use the "+" and "-" buttons to add or delete current shortcuts.

4. Dreamweaver? 4.0 Integration with Fireworks

If you have Dreamweaver/Fireworks installed on your computer, you can use Dreamweaver? 4.0 Integrated Fireworks functionality provided by. Using this feature you can modify your GIF images to make them more attractive and easily animate them. Select the GIF image you want to modify in the Dreamweaver editing window, and then click the Edit button in the image properties window. Fireworks will automatically start editing the image. If you look closely, you'll notice that Editing? appears in Fireworks 'picture editing window. From? Text and graphics like Dreamweaver, that is, this image is for Dreamweaver page image editing. Now we select the picture to edit in Fireworks and select the menu Modify→Animate→Animate? Selection"。Set the animation properties in the pop-up window: frame number of selected animation, direction of animation movement, transparency, etc. Then export the modified file. In this way, the Dreamweaver editing window will automatically update the file you just modified, making your page image move.

5. Skillful use of website reporter

In Dreamweaver? 4.0 Web site reporter provides a website reporter that can help you quickly find and fix errors in your website's many files. Click the menu "Site→Reports" to launch the Reporter, select the item you want to check, and click the "Run" button to find out about general problems on your website. You can also write your own reporter to detect specific problems on your website (common problems are usually some missing text or unnamed documents).

6. Fast recovery from multiple operations

When making a page, we may need to constantly modify the page, sometimes we have to restore the past operation, we can use the "Undo" command in the "Edit" menu, but this command can only be restored once at a time, if we need to restore multiple operations, then we have to keep "Undo", it is too annoying. In Dreamweaver? 4.0 A History window is provided in which we can easily resume multiple operations. Select "History" in the "Windows" menu to open this history window. In this window every time you keep the operation down, using the sliding pointer on the left side of the window, you can keep restoring, but also can undo every operation, including saved. And you can save that history and share it.

7. Hide Floating Panel

Open Dreamweaver, give the first impression is a bunch of floating panels, often make you dazzled, although it can be dragged open, but after all, occupy the already very limited screen, if it is closed, wait for it to open again. In fact, all you have to do is press F4, and all the floating panels disappear. Press F4 again and they all reappear on the screen.

8. Quick preview of web pages

Dreamweaver beginners, often can not find the preview menu, had to start another IE browser to preview the actual effect of the web page. In fact, Dreamweaver preview menu to the File menu, to preview the page being edited, press the F12 key on it, very convenient! It can also be set to preview in different browsers. Select Edit Browser List in Preview in Browser under File menu to select different browsers for preview. To test the adaptability of your web pages to different browsers.

9. Display line numbers and word wrap in HTML checkouts

Although Dreamweaver Behaviors is a huge set of javascript Mini programs, many javascript programs that achieve special web page effects do not need to be programmed, but sometimes when you need to write a little Mini programs, it is particularly necessary to display the number of program lines, especially when the program has errors, there is often a prompt in "XX line has errors," if line by line to count the number of lines is not only too tired but also easy to count wrong, in FrontPage always wrong number of lines and trouble. This is convenient in Dreamweaver, as long as in the HTML source code viewer window, select the "Line Numbers" check box, the source code viewer window will automatically display the line number for each HTML statement, at a glance. Also sometimes a line of code is too long, as long as in the HTML source code viewer window, check the "Warp" check box, will activate the window's automatic wrapping feature, too long code will automatically wrap around the edge of the window.

10. How to get color hexadecimal code

In the design of web pages, sometimes to use the hexadecimal color code, often headache for this matter before, in Dreamweaver as long as the property panel by the "bg" side of the small box in the lower right corner of the small triangle, in the pop-up color board, where the mouse points, immediately can display the corresponding color hexadecimal code, really convenient.

11. Making background music

Inserting background music in Dreamweaver is very easy to achieve, here are two ways to choose from.

(1)Insert an empty layer in an inconspicuous place on the page, and put an ActivX object in the layer, double-click the object, select a MIDI music file in the open dialog box, then set its visibility to "Hidden" in the Layer Object Properties Panel, save the changes, press F12 to preview the page, listen for music.

(2)Another method is to use Dreamweaver's "Behaviors" behavior editor, click the "+" button, select the "Play Sound" option, and select a music file in the pop-up dialog box. Try it yourself!

12. Make the background image not scroll

Unlike FrontPage, background images inserted in Dreamweaver scroll with text. Sometimes we need to create a fixed background image, how to do it? First define a background image, press "F10" to open the HTML source file, find the sentence defining the background image, for example, background="images/background.JPG", and add a sentence bgproperties="fixed" after it. Let's see if it's a little bit of a sense of accomplishment.

13. Define text with constant size

Why is it that text on other people's web pages is so beautiful that no matter how much you press the font button on your browser, their font size doesn't change. They actually use the "CSS" style sheet technology in web pages, which is very simple to implement in Dreamweaver. First press F7 or select Style Sheet option in Window menu to open Style Sheet Editor, click right mouse button in window and select New, input the name of style sheet to be defined in pop-up dialog box, press OK, and select the first item Type in list, and define parameters for specific text attribute (Generally speaking, the size of the text is more appropriate when selecting 10.5 in the 800×600 screen). After pressing OK, the defined style sheet will appear. Select the text in the page edit window, click the new style sheet name, you can see the selected text changes. To preview, try defining text font size that doesn't change with browser font size selection.

14. Insert Flash animation

Macromedia Flash animation because of its interactive, fast transmission speed and other characteristics, has gradually become a new weapon in web page production, if you can insert a Flash animation on the web page, then it will certainly make your work a lot of color. It is very easy to insert SWF format animation produced by Flash in Dreamweaver. Click Flash logo on object toolbar or click Flash under Media to open dialog box for selecting SWF animation file. After selecting file, you can set playback parameters in its property panel, that is, you are done.

15. Leave the form blank

When entering text on a new web page in Dreamweaver, the default format is indomitable, which is very unattractive. It is easy to avoid this flaw, as long as you use the form tool well. The specific method is: insert a centered table on the new page. In order to make the table easy to control, it is best to set the odd number series, and the value is not too large. In this way, the text entered in the cell is limited to an area where the width can be adjusted at will, so there is no worry about the text not listening.

16. Change status bar prompt text

In general, when the browser loads a page, the address name of the page is displayed on its status bar, which is very rigid. Have you ever thought about adding a bit of personality to your browser status bar? If so, please follow the steps below to customize your favorite text! First open the Behaviors behavior editing window, click the + button, select the Text Of Status Bar option under Set Text Set, and then enter your own text in the box, such as "Welcome to My Home Page", and click OK.

Thank you for reading, the above is the content of "DreamWeaver operation skills", after the study of this article, I believe that everyone has a deeper understanding of DreamWeaver operation skills, the specific use of the situation also needs to be verified by practice. Here is, Xiaobian will push more articles related to knowledge points for everyone, welcome to pay attention!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.