现在的位置: 首页 > 架构设计 > 正文

怎样使用Dreamweaver轻松实现网页过渡效果

2020年06月19日 架构设计 ⁄ 共 926字 ⁄ 字号 评论关闭

  网页中经常会有一些像动画那样的刷新效果,如卷动、百页窗等。这样的网页看起来会更有动感,不过也要注重适可而止,否则太花哨的变化也轻易引起浏览者的反感。下面学步园小编来讲解下怎样使用Dreamweaver轻松实现网页过渡效果?

  怎样使用Dreamweaver轻松实现网页过渡效果

  效果说明:建立两个页面,并在两个页面之间建立超链接,当单击超链接时,即可以动画的形式进入到另一个页面,我们可以看到网页之间的动态过渡效果。

  创作思想:打开DreamweaverMX2004软件,新建两个页面,然后分别为其建立对应的超链接并插入图片,执行【插入】=>【HTML】=>【文件头标签】=>【Meta】命令,在打开的【META】对话框中输入参数,最后保存文件完成制作。

  操作步骤

  (1)打开DreamweaverMX2004软件新建两个基本的HTML文件。为了在插入图片时不提示相对路径,可以先保存页面为“test1.htm”和“test2.htm”。

  (2)添加超链接并插入图片。在页面中添加“网页过渡”字样,并设置超链接链接到“test2.htm”页面,然后插入图片使网页过渡特效更加清楚。

  怎样使用Dreamweaver轻松实现网页过渡效果

  (3)然后对“test2.htm”文件执行相同的操作,不过文字的超链接网址为“test1.htm”。

  (4)在test1.htm文件中插入代码。下面将实现网页过渡特效并在页面中插入META代码,

  提示:图2中添加的Revealtrans(Duration=4,Transition=2),Duration=4代码是网页过渡特效的参数。

  (5)对照上面的操作步骤,对“test2.htm”文件执行相同的操作,但输入的内容为“Revealtrans(Duration=4,Transition=7),Duration=4”。

  (6)保存文件,完成特效制作。

  实现网页过渡特效,可以增加网页的动态,但它也有弊端,会减慢浏览速度,所以应适当使用。

  以上就是关于“怎怎样使用Dreamweaver轻松实现网页过渡效果”的内容,希望对大家有用。更多资讯请关注学步园。学步园,您学习IT技术的优质平台!

抱歉!评论已关闭.