首页 - 快讯 - 钢琴 - 曲谱 - 童画 - 教案 - 国画 - 书法 - 素描 - 色彩 - 雕塑 - 版画 - 漫画 - 设计 - 高考 - 简章 - 考分 - 院校 - 考题 - 考点 - 图库 - 名家 - 下载 - 论坛
河南艺术网
幼儿教案 - 小学教案 - 初中教案 - 高中教案 - 美术论文 - 国画教程 - 书法教程 - 色彩教程 - 雕塑教程 - 版画教程 - 素描教程 - 漫画教程 - 童画教程 - 设计学院
photoshop Fireworks flash sdmax Illustrator CorelDraw PhotoImpact maya AutoCAD Dreamweaver
高考频道
您现在的位置: 河南艺术网 >> 教程 >> 设计学院 >> Dreamweaver >> 正文

Dreamweaver8制作网页常用的过度效果
http://www.henanart.com 2007-10-21 19:19:04 佚名

网页过渡是指当浏览者进入或离开网页时,页面呈现的不同的刷新效果,比如卷动、百叶窗等。

  注:通过模板所建网页无法添加网页过渡效果!

   制作步骤:

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

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



   3、在对话框中的属性选项的下拉列表中选HTTP-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


  • 上一篇教程:

  • 下一篇教程:
  •   网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
     热 门 文 章
    普通教程Dreamweaver进阶:标签选择器的妙用
    普通教程Dreamweaver也能轻松制作Flash相册
    普通教程网站制作中的版式原理和版式原理
    普通教程Dreamweaver中灵活使用网页表格
    普通教程Dreamweaver技巧之如何使用模板
    普通教程十二个Dreamweaver使用小秘诀
    普通教程Dreamweaver制作网页经典问题大整理
    普通教程Dreamweaver8创建自定义代码片段的方法
    普通教程Dreamweaver轻松制作网页页内连接
    普通教程Dreamweaver轻松制作网页页内连接
     相 关 文 章
    Fireworks教程:制作图标-金属锁教程
    Fireworks制作“回形针卡照片”特效教程
    用Fireworks打造漂亮流光吊坠教程
    CorelDRAW浮雕图案教程
    CorelDRAW透明图案教程
    Dreamweaver进阶:标签选择器的妙用
    Dreamweaver也能轻松制作Flash相册
    Dreamweaver中灵活使用网页表格
    Dreamweaver技巧之如何使用模板
    CorelDRAW 12合并打印使用方法及应用实例教

    河南艺术网

    豫ICP备05020495号
    版权所有 河南艺术网(HenanArt.Com)
    网站推广:河南天艺文化传媒有限公司 联系电话:0371-65257910
    Copyright © 2006 - 2008 henanart.com Inc. All Rights Reserved
    关于我们 | About HeNanArt | 服务条款| 广告服务| 招聘信息 | 公益事业| 客服中心| 网站导航