用Dreamweaver8制作网页中常用的过渡效果

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

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

制作步骤:

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

时间: 2024-10-30 07:07:07

用Dreamweaver8制作网页中常用的过渡效果的相关文章

Illustrator结合photoshop制作网页中的超漂亮的3D立体文字教程

给各位Illustrator软件的使用者们来详细的解析分享一下结合photoshop制作网页中的超漂亮的3D立体文字的教程. 教程分享: 先来看看最终的效果图!吧:   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的结合photoshop制作网页中的超漂亮的3D立体文字的教程解析分享的全部内容了,各位看到这里的使用者们相信各位现在是很清楚了制作方法了吧,那么各位就快去按照小编的教程去制作下自己想要的3D立体字吧.

网页字体在Frontpage2000制作网页中的讲解

运用Html,我们可以对字体的大小及字形进行简单的修改,但要进行统一地控制.创建特殊效果,就必须要用到css.它能让您更有效地控制网页外观,并可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力.考虑到用frontpage制作网页的人较多,同时它对其他网页编辑器的使用者也有一定的借鉴作用, 因此,我就讲解一下如何在frontpage2000中运用css设置网页字体. 我们可以用css设置出无数种网页字体,但万变不离其宗,任何的变化都要遵循css的基本语法.因此我们先来了解一下css的基本语法

使用Dreamweaver8在网页中轻松插入Flash视频

dreamweaver|dreamweaver8|插入|网页 在 Dreamweaver 的"文档"窗口中打开 index.html 页面,插入一个三列的表格,在由三列组成的表格的中间一列中放置的图形之上单击一次. 选择"插入">"媒体">"Flash 视频". 在"插入 Flash 视频"对话框中,从"视频类型"弹出式菜单中选择"渐进式下载视频". 关于

详解用Dreamweaver制作网页中的表格

dreamweaver|网页|详解 表格是现代网页制作的一个重要组成部分.表格之所以重要是因为表格可以实现网页的精确排版和定位.虽然现在都提倡WEB标准建立网站,但是有时在网页中还是会应用到表格的. 这个教程我们给大家讲解表格操作的基本方法.在开始制作表格之前,我们首先对表格的各部分的名称做一个介绍.(看下图) 一张表格横向叫行,纵向叫列.行列交叉部分就叫做单元格. 单元格中的内容和边框之间的距离叫边距.单元格和单元格之间的距离叫间距.整张表格的边缘叫做边框. 下面看看我们使用表格制作的页面的实

用Dreamweaver制作网页中的表格详解

表格是现代网页制作的一个重要组成部分.表格之所以重要是因为表格可以实现网页的精确排版和定位.虽然现在都提倡WEB标准建立网站,但是有时在网页中还是会应用到表格的. 这个教程我们给大家讲解表格操作的基本方法.在开始制作表格之前,我们首先对表格的各部分的名称做一个介绍.(看下图) 一张表格横向叫行,纵向叫列.行列交叉部分就叫做单元格. 单元格中的内容和边框之间的距离叫边距.单元格和单元格之间的距离叫间距.整张表格的边缘叫做边框. 下面看看我们使用表格制作的页面的实例 这幅页面的排版格式,如果用以前我

Dreamweaver8制作网页常用的过度效果

网页过渡是指当浏览者进入或离开网页时,页面呈现的不同的刷新效果,比如卷动.百叶窗等. 注通过模板所建网页无法添加网页过渡效果! 制作步骤 1. 打开一个页面,这一步非常要害.为什么要打开一个页面,而不是在编辑过程中进行设置呢?这是因为网页过渡的代码必须在代码窗口的一些特定区域显示才能起作用.而刚打开的窗口,光标在代码窗口的最上一行的最前边,是合适的位置之一,对于不熟悉代码者来说,这样简单.易操作.但有些网页刚打开时光标也不在代码窗口的最上一行的最前边,那要通过边框的滚动条找到代码的第一行,然后在

CSS网页制作教程:网页中常用的web安全字体

在Web编码中,CSS默认应用的Web字体是有限的,虽然在新版本的CSS3,我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体,但多数情况下,考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写,这里整理了19个Web安全字体,让你无需任何顾虑的情况下畅快使用. 1,  Arial 微软公司的网页核心字体之一,最常用的sans serif字体,当字号很小时不容易阅读.但是,大写的"I"和小写的"l"是无法区别的,你可以考虑用T

网页设计技巧总结:CSS制作网页中的三角形

网页制作Webjx文章简介:三角形我们经常用在列表.下拉提示.面包屑导航的位置,给用户以导向的引导作用,比如,在有下拉列表的地方,我们可以用向下的箭头,在列表的时候,我们能告诉用户每个列表项和下一个列表项的关系,当在面包屑导航中,能让用户了解他现在所处的栏目或者频道.我们有哪些 三角形我们经常用在列表.下拉提示.面包屑导航的位置,给用户以导向的引导作用,比如,在有下拉列表的地方,我们可以用向下的箭头,在列表的时候,我们能告诉用户每个列表项和下一个列表项的关系,当在面包屑导航中,能让用户了解他现在

用CSS简单制作网页中的翻转菜单

css|菜单|网页 如果用传统的方法制作这个翻转菜单,至少需要把图片切成10块,还要加上JS代码,在图片按钮上再加行为,现在完全用CSS来实现,图片只要一张,见下图: CSS代码:#imgmenu{width: 450px;height: 25px; /*高度是背景图片的一半*/background: url(../images/navbg.gif);list-style-type: none;padding: 0px;margin: 0px;} #imgmenu li{float: left;