您的位置信息之舟电 脑硬件栏目首页网页制作DreamWeaver 收藏本页

→ Dreamweaver如何实现制作网页转场特效

www.kepusoft.com 信息之舟电脑软件应用栏目

    信息之舟电脑软件应用栏目编者按: 网页中经常会有一些像动画那样的刷新效果,如卷动、百页窗等。这样的网页看起来会更有动感,不过也要注意适可而止,否则太花哨的变化也容易引起浏览者的反感。

      效果说明

      建立两个页面,并在两个页面之间建立超链接,当单击超链接时,即可以动画的形式进入到另一个页面,如图 40-1 所示。

    建立两个页面,并在两个页面之间建立超链接,当单击超链接时,即可以动画的形式进入到另一个页面

      创作思想

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

      操作步骤

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

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

    在页面中添加“网页过渡”字样,并设置超链接链接到“

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

      ( 4 )插入代码。下面将实现网页过渡特效并在页面中插入 META 代码,如图 40-3 所示。

    插入代码

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

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

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

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

      提示:特效有 24 种可供选择,只要将 Transition 值改为相应的效果代号即可,具体效果和设置如表 40-1 所示。

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

www.kepusoft.com 信息之舟电脑之家收集整理推荐文章

相关文章:·怎样制作规范的电子邮件链接?如何制作“空链接”?
·用Dreamweaver批量做网页套用模版更新网页更方便
·怎样用DreamWeaver创建一个简单下拉菜单?
·Dreamweaver8动态网站开发视频教程
·如何设置可以关闭当前窗口的功能?水平线,为什么不能设置颜色?怎样加入注释内容?如何避免别人把你的网页放在框架中?如何定义网页的关键字(Keyname)?
·如何使文字和图片内容共处?如何在网页中隐藏一些内容?实现多个窗口的连接?
·如何把自己的ZIP或其他类型的文件供别人下载?怎样才能够保证网页中文字不跟随浏览器字体大小设置而变动?
·点击空链接时,页面往往重置到页首端,如何处理?如何定制可自由在页面内跳转的链接?
·定时自动关闭的窗口又是怎样的呢?如何更改浏览器中鼠标的"形状"?如何去除掉链接文字下面的下划线?
·Dreamweaver技巧之如何使用模板
→ DreamWeaver栏目列表:

DreamWeaver
FrontPage
FireWorks
Flash
HTML
CSS&其它

→ 赞助商链接:
→ 热门文章排行榜:
·怎样制作规范的电子邮件链接?如何制作“空链接”?
·用Dreamweaver批量做网页套用模版更新网页更方便
·怎样用DreamWeaver创建一个简单下拉菜单?
·Dreamweaver8动态网站开发视频教程
·如何设置可以关闭当前窗口的功能?水平线,为什么不能设置颜色?怎样加入注释内容?如何避免别人把你的网页放在框架中?如何定义网页的关键字(Keyname)?
·如何使文字和图片内容共处?如何在网页中隐藏一些内容?实现多个窗口的连接?
·如何把自己的ZIP或其他类型的文件供别人下载?怎样才能够保证网页中文字不跟随浏览器字体大小设置而变动?
·点击空链接时,页面往往重置到页首端,如何处理?如何定制可自由在页面内跳转的链接?
·定时自动关闭的窗口又是怎样的呢?如何更改浏览器中鼠标的"形状"?如何去除掉链接文字下面的下划线?
·Dreamweaver技巧之如何使用模板