我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地:首页 > 网络学院 > 网页设计 > dreanweaver > Dreamweaver制作网页之图片应用技巧
热门文章排行
热门文章排行 在Dreamweaver中插入背景音乐的方法(11-25)
使用Dreamweaver插件制作滚动文字效(11-23)
Dreamweaver中怎样使用模板(11-25)
Dreamweaver基础技巧(10-16)
用DreamweaverMX轻松操作表格(11-25)
精采文章排行
精采文章排行 Dreamweaver 基础 :DW的"文档"工具(11-01)
Dreamweaver 基础 :DW的"文档"窗口(11-01)
Dreamweaver 基础:了解DW的状态栏(11-01)
Dreamweaver 基础:DW的工作区布局(11-01)
Dreamweaver MX教程:在居中页面使用(11-01)
技术专题推荐
网管论坛交流
 

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

作者:   来源:   点击:   日期:2006-10-16

加快图片下载速度

如果网页中有过多的图片,就会影响浏览的速度。 Dreamweaver 可以轻松设置预载图片,加快图片下载速度,让站点以最快的速度出现在用户面前。

效果说明:建立文件,先预载图片,使图片预先下载到缓存中,加快图片下载速度。

创作思想:打开 Dreamweaver MX 2004 软件新建页面,再打开标签面板,在【行为】中选择【预先载入图像】选项,加快图片下载速度。

操作步骤

( 1 )新建文件,操作如图1 所示。

 

 

( 2 )保存页面并插入图片。为了在插入图片时不提示相对路径,先保存页面为“ test1.htm ”。然后插入要预载的图片,如图 2 所示。

 

 

( 3 )添加“预先载入图像”功能。使用 Dreamweaver 的行为面板添加“预先载入图像”功能,如图 3 所示。

 

 

( 4 )选择要预载的图片,操作如图 4 所示。

 

 

提示:如果站点上有几张大图片,可以单击【预先载入图像】上方的【 + 】图标,添加多张预载图像,具体操作与图 4 所示相同。

( 5 )保存文件完成操作。这样就可以加快图片的下载速度,让用户在浏览网页时不会等太久,这对于提高网站的效能具有非常重要的意义。

随机广告图片

浏览者浏览网页时可以发现,网页中动态更新的广告图片比静态固定的图像更具有活力和吸引力。如何制作网页中的随机广告图片是本实例所要研究的问题。

效果说明:在浏览网页时,网页的 banner 区域将出现一张广告图片,随后每两秒更新一次广告图片,而且广告图片是以随机的方式出现的。

创作思想:通过使用 Macromedia 的扩展插件 Adv_Random_Images ,可以轻松地完成网页中随机广告图片的制作。

操作步骤:

( 1 )安装插件。使用菜单栏中的【命令】|【扩展管理】命令调出【 Macromedia 扩展管理器】对话框,安装 Adv_Random_Images 扩展,如图1、2 所示。

 

 

 

 

 

( 2 )调用命令。新建立一个HTML文件起名为 banner.htm 文件,将光标置于要插入广告的位置上,并调出【 Random Images 】命令,如图3 所示。

 

 

( 3 ) 设置图像。 在弹出的【 Random Images 】对话框中对图片变换属性进行设定,如图4 所示。

 

 

( 4 )添加图片。添加第一张广告图片,如图5 所示。

 

 

( 5 )接着用同样的方法添加其他图片,添加完成后单击【 OK 】按钮确定操作。

( 6 )然后保存页面文件并进行预览,随机广告图片的效果就制作出来了。

本实例所讲的技术常用于各类的网站中,如国内几个较大的门户网站上,几乎在他们的每个页面中都可看到这些变换广告,读者可参考这些内容来多加练习。



文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   相关文章:
·Dreamweaver经典问题(2) ·用Dreamweaver MX制作文字特效
·Dreamweaver经典问题(1) ·Dreamweaver制作网页实用七招
· 精彩网页菜单轻松完成 ·Dreamweaver查找替换的技巧

   文章评论:(条)
  
 请留名: 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。