通行证:用 户 密 码 注册 www.pconline.cn 汽车网 游戏网 时尚女性
  太平洋电脑网
首 页 |
论 坛 |
今日报价 | 产业资讯 | 产品库 | 数 码 | 硬 件 | 软 件 | 下 载 | 招聘培训 | 摄 影
网络设备 | 办公设备 | 服务器 | 二 手 | 游 戏 | 通 信 | 评测室 | 渠道商情 | 视 频
分站:北京 上海 广州 深圳 香港 广西
重庆 山东 江苏 辽宁 福建 成都 西安
手机
手 机
数码相机
数码相机
随身听
随身听
笔记本
笔记本
台式机
台式机
DIY配件
DIY配件
摄像机
摄像机
数字家庭
数字家庭
精品廊
精品廊
 
 
   
首页 新闻 应用 评测 教你学电脑 信息安全 创意设计 开发特区 下载 专题 社区  
 
特色专区:QQ大本营 | msn总动员 | 精品导用 | 组网专栏 | 设计素材 | Flash剧场 | Photoshop专区 | 视频专栏 | CG专栏 | KC通讯
 
您现在的位置: 软件资讯 > 创意设计 > 网站设计 > Dreamweaver
Dreamweaver轻松制作网页转场特效
作者:4u2v工作室 责任编辑:xietaoming

  本文选自4u2v工作室编写的《Dreamweaver网页设计与制作100例》(人民邮电出版社出版,ISBN: 7115142394 )。未经著作权所有者书面授权许可,禁止转载本文。

  购买地址:点击访问

-----------------------

  网页中经常会有一些像动画那样的刷新效果,如卷动、百页窗等。这样的网页看起来会更有动感,不过也要注意适可而止,否则太花哨的变化也容易引起浏览者的反感。

  效果说明

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

点击放大图片

  创作思想

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

  操作步骤

  ( 1 )打开 Dreamweaver MX 2004 软件新建两个基本的 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 所示。

点击放大图片

[+放大表格]

  更多实例请阅读《Dreamweaver网页设计与制作实例精选》。

  下一篇:Dreamweaver制作地图链接综合实例  
更多相关搜索: Dreamweaver    网页设计    特效    转场   
正在加载评论,请稍候…

  发给好友 我要报错 投稿给我们 加入收藏 返回顶部  

本栏今日更新
相关文章
·分享美图:腾讯QQShare对决Google Hello
·313页超详细Vista产品特性指南发布!
·2008年推出:Vista下一代操作系统代号曝光
·终结辉煌:微软7月正式停止支持98/ME
·免费总动员:101款免费软件(上)
·高手之路: TC插件详解—使用方法篇(中)
·初学必备!Photoshop实用小技巧八十条
·爱情的墙-只是朋友
·Dreamweaver制作地图链接综合实例
·用Dreamweaver插件轻松制作随机广告图片
·如何用Dreamweaver加快网页图片下载
·在Dreamweaver中为网页插入Java小程序
·用Dreamweaver为自己网站制作个性小图标
·教你如何用Dreamweaver制作特色分隔线
·用Dreamweaver轻松实现个性化鼠标指针
·使用Dreamweaver插件个性化IE滚动条
关于我们 | 网站地图 | 广告指南 | 联系我们 | 招聘精英 | 合作联系


广东省通信管理局
ICP证粤B2-20040647
互联网清理整顿
技术支持与报障:support@pconline.com.cn
        020-87568837         
对本站有任何建议、意见或投诉,请点这里在线提交.
本网站简体、繁体两种版本,以简体版为准
PConline版权所有,未经授权禁止转载、摘编、复制或建立镜像.如有违反,追究法律责任__