当前位置:首页 >> 资源中心 >> 多媒体 >> 实例技巧 >> 正文
站内搜索
今天是 欢迎访问中国教育网新版
Dreamweave MX实例教程:网页过渡特效制作
来源:eNet硅谷动力     2006-4-12 8:09:00
 
  网页中经常会有一些像动画那样的刷新效果,如卷动、百页窗等。这样的网页看起来会更有动感,不过也要注意适可而止,否则太花哨的变化也容易引起浏览者的反感。  

  效果说明 建立两个页面,并在两个页面之间建立超链接,当单击超链接时,即可以动画的形式进入到另一个页面,如图 40-1 所示。实际效果请欣赏随书光盘中《 Dreamweaver MX 2004 100 例》目录下的《实例 40 -网页过渡特效》文件。  

  
Dreamweaver 
 

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

  操作步骤  

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

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

  
Dreamweaver 
 

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

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

  
Dreamweaver 
 

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

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

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

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

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

  
Dreamweaver
■相关链接  
  • 轻松突破右键限制 无忧无虑下载任意网上美图
  • 网管必读 如何有效控制局域网其他主机流量?
  • 如何第一时间知道有人回你的帖子?
  • 网页制作样式进阶性教程 CSS的常规使用技巧
  • 优化你的宽带 提升Windows操作系统上网速度
  • EduOffice多媒体课件制作系统 2.0
  • 电法解释XP 3.03
  • MathType 数学公式编辑器 5.2
  • Sketchpad(几何画板) 4.01D
  • 站内资讯搜索:  
    考 试 课 堂 期 刊 软 件
    热点专题
    · 父母长期冷战 孩子可能会…
    · “科技大篷车”进校园
    · 留学快报:欧美顶尖商学院…
    · 六招让你从激烈的求职竞争…
    · 今年自考 新增6专业,停…
    · 郑州幼师强化学生职业理想…
    · 全国政协委员顾也力建议对…
    · 熊丙奇:高等教育的很多荒…
    · 省教育厅表彰2007年度基础…
    · 为了理想不要上万月薪工作…
    学习宝库
    热门推荐
    ·全国优秀培训机构
    ·中国教育网频道说明
    ·全国优秀教育机构推荐
    ·频道诚征兼职主管/主编
    ·职业、职称考试网络课程
    ·08年全国各地院校招生就业展
    ·08年全国各地院校招生计划展
    ·08年中国各地艺术院校推荐
    ·08中国**省十强中学评选展示

    严正声明 | 网站介绍 | 网站导航 | 信息发布 | 网站建设 | 广告服务 | 与我联系 | 付款办法 | 友情链接 | 本站首页

    中国教育家协会 教协会员理事  香港监制
    本站通用网址:中国教育网  网络实名:中国教育网站  中国教育在线
    香港通讯地址:香港兴发街邮政局38062号信箱 中国香港特区政府注册登记号:18159887-030-01-02-5
    业务及合作热线:010-64803658 客服电话:010-64803331
    信息发布:bj64803331@126.com 欢迎合作:E-mail/MSN:cn13801018949@hotmail.com