Skills for creating Dreamweaver Web pages 36

Source: Internet
Author: User
Tags dreamweaver
1. Use Dreamweaver 4.0 to easily design webpages that will be automatically adjusted

First, make sure that the content of your page is in the table format. Then, open the page you want to edit and press Ctrl + F6 or choose View> TableView> Layout from the menu? View to the layout View. At this time, we 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 the auto display, then, select "Make Column Autostretch ). There will be a wavy line above the box in the column, instead of the number representing the column width just now. After that, your page becomes an elastic page. In addition, please note that the page should not contain images of too large size.

2. Use Dreamweaver 4.0 to create Flash buttons with flashing effect

Choose Insert → Interactive? Images → Flash? Button to see which embedded buttons are available. In the pop-up dialog box, you can select the desired button Style in the "Style" list, and you can see the effect of this Style in the preview window. After selection? In the Text window, enter the Text above the button, select the Font in the Font window, enter the Text Size in the Size window, and enter the Link target in the Link window, in the "Target" window, select the link opening method, select the button background color in "BgColor", and click "Save? In the As window, enter the saved file name. After that, press the "OK" button to complete a Flash button. This button will be automatically inserted into your webpage, and then select the button you just created in the Dreamweaver editing window. The properties window will display the properties of this button, click the "Play" button above to preview the flashing effect of this button in the editing window. What should be noted is Dreamweaver? The 4.0 feature does not support Chinese fonts.

3. Customize keyboard shortcuts in Dreamweaver 4.0

Select "Edit → Keyboard? "Shortcuts", the list of currently enabled and changeable shortcut keys will be displayed in the dialog box. You can change the shortcut keys to your preferred ones here. To change the shortcut key, select the command you want to change, and then select the current shortcut key, which will appear in the "Shortcuts" list, in the "Press Key" window, enter the shortcut Key you want to use, and click "Change" to Change the Key. You can also use the "+" and "-" buttons to add or delete the current shortcut keys.

4. Integrate DreamweaverMX4.0 with Fireworks

If Dreamweaver/Fireworks is installed on your computer at the same time, you can use Dreamweaver? 4.0 provides integrated Fireworks functions. With this function, you can make your GIF image more appealing and easily implement the animation effect. Select the GIF image you want to modify in the Dreamweaver editing window, and click "Edit" in the image properties window. The system automatically starts Fireworks to Edit the GIF image. Take a closer look, you will find that the text and drawings such as Editing-From-Dreamweaver appear in the Fireworks image Editing window, that is, the picture is edited for the Dreamweaver page. Now, in Fireworks, select the image to be edited and choose "Modify> Animate? Selection ". In the pop-up window, set the animation attributes: the number of frames of the selected animation, the animation movement direction, transparency, and so on. Then, export the modified file. In this way, the modified file will be automatically updated in the Dreamweaver editing window, so that your page image can be moved.

5. Website reporter

In Dreamweaver? 4.0 provides a website report, which can help you quickly locate and fix errors in many files on your website. Click "Site → Reports" to start the report server, select the project you want to check, and click the "Run" button to locate common problems on your website. You can also write a report to find out some special problems on the website (the general problem is that some text is lost or the document is not named ).

6. Quick recovery of multiple operations

When creating a page, we may need to constantly modify the page, and sometimes restore the previous operations. We can use the "Undo" command in the "Edit" menu, however, this command can only be restored once at a time. If we need to recover multiple operations, it will not stop "Undo", which is too annoying. In Dreamweaver? 4.0 provides a History window that allows us to easily restore multiple operations. Select "History" in the "Windows" menu to open this History window. Each operation is retained in this window. You can use the sliding pointer on the left of the window to restore the operation and cancel each operation, including the operation that has been saved. In addition, you can save and share this historical record.

7. Hide floating panel

When you open Dreamweaver, the first impression is a pile of floating panels, which often make you dazzled. Although it can be dragged away, it occupies a very limited screen after all, if you disable it, open it again later. In fact, you only need to press the F4 key, and all the floating panels will not be seen, and then press F4 and they will all be reproduced on the screen.

8. Quick preview of web pages

After learning Dreamweaver, you often cannot find the preview menu and have to start IE to preview the actual effect of the webpage.

<

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.