设计中国
新闻教程设计招聘下载培训图书会员博客聚合
热门文章
·Dreamweaver插件制作个性...
·教你用Dreamweaver制作电...
·Dreamweaver CS3 Beta界面...
·网页视觉设计小技巧
·Dreamweaver轻松制作网页...
·Dreamweaver制作随机播放...
·美化网页,制作精美圆角表...
·Dreamweaver使用快技法十...
·寻找Dreamweaver鲜为人知...
·使用Dreamweaver轻松实现...

文章搜索

教程推荐





论坛精华
·国外优秀CorelDRAW作品欣...
·《描点大法》升级版
·CD功能之1——POWERCLIP
·各位盟友请将PS大赛作品望...
·NO.2号MM制作过程
·叶子,问个问题?
·FH制作荷花。(简易)
·兔子--再现
·海底世界制作教程
·我的第一副手绘作品,大家...
·很久没来,贴图一张
·翻译了一篇头发教程
·新作一幅!沌鼠标手绘!!!
·Adobe Illustrator 10 发...
·这是我学习ps以来的第一幅...

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

作者:闪电儿     日期:2006-04-06 10:21     点击:
字体大小:      


加快图片下载速度

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

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

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

  操作步骤

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

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

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

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

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

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

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

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

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

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

  随机广告图片

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

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

  创作思想:通过使用 Macromedia 的扩展插件 Adv_Random_Images ,可以轻松地完成网页中随机广告图片的制作。 点击这里下载本教程所使用的插件

  操作步骤:

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

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

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

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

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

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

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

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

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

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

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

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

来源:网页教学网


相关文章

·Dreamweaver插件制作个性化IE滚动条 ·Dreamweaver轻松制作网页滚动布告栏
·教你用Dreamweaver制作电子相册 ·使用Dreamweaver轻松实现交替图像按钮制作
·使用Dreamweaver轻松实现网页中透明Flash效果 ·巧妙运用Dreamweaver制作地图连接的方法
·教你如何用Dreamweaver制作特色分隔线 ·解决Dreamweaver8中CSS应用无效问题
·Dreamweaver网页设计制作技巧与提高 ·Dreamweaver网页设计制作技巧

其他文章



发表评论: 匿名发表 用户名:    查看评论

验证码:
· 您将承担一切因您的行为、言论而直接或间接导致的民事或刑事法律责任
· 留言板管理人员有权保留或删除其管辖留言中的任意内容
· 本站提醒:不要进行人身攻击。谢谢配合。


网站介绍  |  广告业务  |  设计业务  |  免责声明  |  版权声明  |  联系我们

华人设计门户  |  © 2000-2005 设计中国 版权所有