系统下载、安装、激活,就到系统天地来!

所在位置: 首页 — 系统文章 — 软件教程

利用Dreamweaver如何制作网页中常用的过渡效果

作者:系统天地 日期:2019-09-28

Dreamweaver是第一套针对专业网页设计师特别发展的视觉化网页开发工具,也是目前最新版本利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。网页过渡是指当浏览者进入或离开网页时,页面呈现的不同的刷新效果,比如卷动、百叶窗等。

 

利用Dreamweaver如何制作网页中常用的过渡效果

 

注:通过模板所建网页无法添加网页过渡效果!

制作步骤:

1、 打开一个页面,这一步非常关键。为什么要打开一个页面,而不是在编辑过程中进行设置呢?这是因为网页过渡的代码必须在代码窗口的一些特定区域显示才能起作用。而刚打开的窗口,光标在代码窗口的最上一行的最前边,是合适的位置之一,对于不熟悉代码者来说,这样简单、易操作。但有些网页刚打开时光标也不在代码窗口的最上一行的最前边,那要通过边框的滚动条找到代码的第一行,然后在最前边点击鼠标,把光标定位在代码窗口的最上一行的最前边。

2、单击菜单栏中的插入-HTML-文件头标签-Meta,会弹出Meta对话框。 

3、在对话框中的属性选项的下拉列表中选HTTP-equivalent选项,在值一格中键入Page-Enter,表示进入网页时有网页过渡效果。 在内容一格中键入 Revealtrans(Duration=4,Transition=2),Duration=4 表示网页过渡效果的延续时间为4秒,Transition表示过渡效果方式,值为2时表示圆形收缩,各种效果数字代码如下。 

4、输入完后单击确定,保存。这样当我们进入这个页面时就可以看到效果了。刚才你看到效果了吧!要不然你再回到主页,再到这一页看一下。

5、另外还有二十多种效果供你选择,只要将Transition的值改为相应的效果的代号即可,具体效果和设置如下表所示 : 

效果  Transition   效果 Transition

盒状收缩  0  溶解 12

盒状展开  1  左右向中部收缩  13

圆形收缩  2  中部向左右展开  14

圆形展开  3  上下向中部收缩  15

向上擦除  4  中部向上下展开  16

向下擦除  5  阶梯状向左下展开 17

向左擦除  6  阶梯状向左上展开 18

向右擦除  7  阶梯状向右下展开 19

垂直百叶窗 8  阶梯状向右上展开 20

水平百叶窗 9  随机水平线  21

横向棋盘式 10 随机垂直线  22

纵向棋盘式 11 随机 23

以上就是关于利用Dreamweaver制作网页中常用的过渡效果的方法,有想要了解怎么利用Dreamweaver制作网页中常用的过渡效果的用户,可以尝试以上的方法操作看看,希望以上的方法可以给大家带来更多的帮助。