Dreamweaver制作网页打开特效教程

   下图就是一个特效,这是从一个页面切换到另一个页面的效果。

  1、按快捷键ctrl+n新建一个页面,选择基本页 html,创建。


  2、接着我们插入一个图片使得我们的效果更好看出来。点击插入——图像。


  3、在插入图片对话框中选择一个图片,我们选择du小策的艺术照一张。


  4

  插入图片以后,我们在图片上方输入du小策和du帮帮。


  5、按快捷键ctrl+s,储存,文件名为du小策。


  6、同样的方法我们建立du帮帮的个人页面。


  7、接着我们给du小策这几个字添加指向“du小策.html”的文件的链接。如图所示,我们选中du小策这几个字,然后拖动链接匡右侧的小圆圈,拖到du小策这个文件处。


  8、同样的方法把du帮帮这几个字做一个链接,指向du帮帮的页面。接下来我们要添加特效,点击插入——html——文件头标签——meta。


  9

  弹出这个对话框中,属性选择http_equivalent,值你要自己输入Page-Enter。内容你要填“Revealtrans(Duration=4,Transition=2),Duration=4”,这段代码的意思是:duration指的是特效持续时间,transition指的是效果样式,我们在参考资料中的表格中可以看到特效值对应的特效。我们使用的特效是第三个,圆形收缩。


  10、同样的方法我们给du小策的页面也添加特效。然后按快捷键F12看看效果,点击du小策和du帮帮在他俩之间切换,笔者提示你注意,由于本地浏览无法看到特效,你需要发布网页以后看效果,不过你学会了这个技术及可以了。


  注意事项

  transition的特效值介绍,以上所有用的图片来自网络搜集。

时间: 2025-01-25 12:20:29

Dreamweaver制作网页打开特效教程的相关文章

用Dreamweaver制作网页表格示例教程

  DreamWeaver是个原本由Macromedia公司所开发的著名网站开发工具.它使用所见即所得的接口,亦有HTML编辑的功能.它现在有Mac和Windows系统的版本.随Macromedia被Adobe收购后,Adobe也开始计划开发Linux版本的Dreamweaver了. Dreamweaver自MX版本开始,使用了Opera的排版引擎 "Presto" 作为网页预览.使用Dreamweaver来制作网页,非常的简单快捷,能够很好的提高网页制作的效率,对网页感兴趣的朋友可以

用Dreamweaver制作网页超链接示例教程

  要想用Dreamweaver来制作网页,首先要安装Dreamweaver网页制作的工具,那是必备的哦,可以去官网里面去下载即可.第一步是打开Dreamweaver工具; 然后在Dreamweaver选项的中,选择新建一个Html文件,这个是制作网页的前提哦; 在Dreamweaver代码的主界面中,在代码.拆分.设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的问题; 首先我们要了解Dreamweaver的整体框架,了解在哪里编写代码; 找到设置超链接的选项,进

在PowerPoint2010中简单制作文字闪烁特效教程

  很显然,需要制作不停闪烁的动画,就得先制作出一个闪烁的动画,然后让它一直重复这个动画即可.当然,这只相当于一个方法简介,在任何版本的PowerPoint中都是行得通的,本教程就为大家介绍在PowerPoint2010中简单制作文字闪烁特效方法,感兴趣的朋友可以参考本文,希望能对大家有所帮助! 方法/步骤 1.在计算机桌面双击PowerPoint2010图标将其打开运行,在启动的PowerPoint2010演示文稿编辑软件窗口,依次点击"文件"-->"新建"

Dreamweaver制作网页小技巧汇集

本文汇集了一些Dreamweaver制作网页时的可以用的一些小技巧.希望对您有所帮助. 1)怎样将 Dreamweaver 集成到 IE 浏览器? Dreamweaver 安装程序会在上下文选单增加一个" Edit with Dreamweaver "命令,我们还可以修改 Windows 的注册表使它与 IE 集成.就象 MS Word . Frontpage 和 Notepad 一样,通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页. 将下面文本的最后一行要改

使用Dreamweaver制作网页时文字自动换行的小技巧

在使用Dreamweaver制作网页时,遇到制作表格的时候,内部的文字没有自动换行,我应该怎么做呢?下面提出两种解决方案,大家可以参考!在这里你如果知道该技巧,你可以略过!如果你不知道,不要说什么现在网页中已经没有表格了这样绝对的话啊?Web标准时代网页中照样应该是不能把表格完全抛弃的!呵呵. 解决表格中文字自动的换行的情况有两种可能: 第一种,你用CSS把表格内文字的字体设置成了英文字体,这样在Dreamweaver里表格内的文字不会自动换行,但这仅是Dreamweaver里的显示效果,在IE

Dreamweaver制作网页的图片应用技巧

dreamweaver|技巧|网页 加快图片下载速度 如果网页中有过多的图片,就会影响浏览的速度. Dreamweaver 可以轻松设置预载图片,加快图片下载速度,让站点以最快的速度出现在用户面前. 效果说明:建立文件,先预载图片,使图片预先下载到缓存中,加快图片下载速度. 创作思想:打开 Dreamweaver MX 2004 软件新建页面,再打开标签面板,在[行为]中选择[预先载入图像]选项,加快图片下载速度. 操作步骤 ( 1 )新建文件,操作如图1 所示. ( 2 )保存页面并插入图片.

Dreamweaver制作网页技巧之对进行网页优化

dreamweaver|技巧|网页|优化 我们为了优化网页.加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化.在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的 我们为了优化网页.加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化.在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的.下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少

Photoshop制作霓虹灯文字特效教程

PS教程介绍利用对Photoshop制作霓虹灯文字特效.本PS教程属于基础教程,适合初学者! 先看效果图 图0 1.选择"文件/新建"菜单,打开"新建"或者Ctrl+N对话框 名称为:制作荧光字效果,宽度:为960像素,高度:为501像素,"分辨率"为72 , "模式"为RGB颜色的文档,如图1所示. 图1 2.执行菜单:"文件"/"导入",导入素材,调整其到适合的位置及大小,选择素材图

Photoshop结合Dreamweaver制作网页相册方法

dreamweaver|网页 Photoshop(以下简称PS)的批处理功能是很强大的,如果利用好可以做为我们做很多工作.今天我们介绍"PS批处理设计制作网页相册".    一.准备好自己要做相册的素材,产品展示.案例展示.照片展示等都可以,统一将这些图片放在一个文件夹下,我这里将这个文件叫做"Res_IMg",这里面放的都是大的图片,小图片一会儿ps会为我们做的.     二.打开PS,选择菜单如下:       三.这个就是PS制作图片展示的主要界面啦,主要有以