三九宝宝网宝宝成长宝宝手工

Dreamweaver制作网页常用的过渡效果

11月09日 编辑 39baobao.com

[Dreamweaver制作网页13种技巧详解]1、灵活运用样式熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。...+阅读

制作步骤:

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

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

3、在对话框中的属性选项的下拉列表中选-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制作网页的20个小技巧1)怎样将 Dreamweer 集成到 IE 浏览器?Dreamweer 安装程序会在上下文选单增加一个“ Edit with Dreamweer ”命令,我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS...

推荐阅读
图文推荐