dreamweaver to make Web pages commonly used in transition effects tutorial

Source: Internet
Author: User
Tags dreamweaver

Production steps:

Open a page, this step is very critical. Why do you want to open a page instead of setting it in the editing process? This is because the code for a Web page transition must appear in some specific area of the code window to work. And just open the window, the cursor in the Code window at the top of the line, is one of the appropriate location, for those unfamiliar with the code, so simple, easy to operate. But some pages just open when the cursor is not the first line of the code window at the top, that is, through the border of the scroll bar to find the code, and then click at the front of the mouse, positioning the cursor in the Code window at the top of the line.

Clicking the Insert-html-Header tab in the Menu bar-meta pops up the Meta dialog box.

Select the Http-equivalent option in the Drop-down list of property options in the dialog box, and type Page-enter in the value grid to indicate a page transition effect when you enter the page. Type Revealtrans (duration=4,transition=2) In the content pane, duration=4 indicates that the duration of the Web page transition effect is 4 seconds, Transition represents the transition effect, and the value 2 indicates a circular contraction. The various effects of the digital code are as follows.

When you are finished, click OK to save. So when we get into this page, we can see the effect. You saw the effect just now! Or you can go back to the homepage and take a look at this page.

In addition, there are more than 20 kinds of effects for you to choose, as long as the value of transition to the corresponding effect of the code can be, the specific effects and settings as shown in the following table:

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.