Dreamweaver:图片应用技巧

  加快图片下载速度

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

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

  操作步骤

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

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

  图 36-2  插入图片

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

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

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

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

  随机广告图片

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

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

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

  操作步骤

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

  ( 2 )调用命令。打开本实例源文件夹中的 banner.htm 文件,将光标置于要插入广告的位置上,并调出【 AdvancedRandomImages 】命令,如图 38-4 所示。

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

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

  提示:本实例所用到的图片放于本实例素材文件夹中的 banner 文件夹中。

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

  ( 6 )然后保存页面文件并进行预览,随机广告图片的效果就制作出来了。读者可参考本实例素材文件夹中的 bannerok.htm 效果文件,看制作的结果是否正确。至此本实例制作完成。

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

时间: 2024-10-23 08:35:08

Dreamweaver:图片应用技巧的相关文章

IOS图片拉伸技巧

IOS 图片拉伸技巧 对于有些图标等按钮 在美工设计的按钮下可以通过拉伸效果处理所需效果,最熟悉的莫过于微信聊天的 椭圆背景,也是通过这个这个原理进行背景图片.  如对该图片拉伸,如何操作? 首先找到要拉伸的部分,很明显 两侧椭圆是不变 要拉伸的是中间部分,如何指定中间部位,先看下图 指定这4个宽度后 会形成黑色模块 直白点就是 这块内容就是拉伸后中间那块不断填充的部分 具体代码: 1 UIImage* img=[UIImage imageNamed:@"2.png"];//原图2 U

Cognos报表展示图片小技巧

场景:在销售行业,比如手机,服装行业,如果仅仅的显示数字.文字那就显得不是很生动了,例如可以显示一下图片,那种样子的产品受大家喜欢. 样例1:在报表头都喜欢加上一些公司的logo,让报表看上去专业点. 这样就可以选中区域,添加背景图像,指定url 为图像添加URL路径(../samples/images/) 样例2:根据图像显示销售数据,如图 表设计如下: 需要设置的:选中图像,URL来源来自数据项 Cognos报表展示图片小技巧,布布扣,bubuko.com

Android图片压缩技巧

请尊重他人的劳动成果,转载请注明出处:Android图片压缩技巧 http://blog.csdn.net/fengyuzhengfan/article/details/41759835 当需要将Android客户端的图片上传到服务器时,往往需要将图片进行压缩,关于图片的压缩方法,小编分享几种常用的方式: 第一种方式:裁切以达到压缩的目的 我曾在<Android开发之裁剪照片>一文中详细介绍过如何裁切照片,感兴趣的朋友可以去看一下. 第二种方式:将图片进行降质处理(即降低图片的质量)以达到压缩

从源代码分析Android-Universal-Image-Loader图片下载技巧

在手机上尤其需要考虑网络对图片下载的影响,常见的情况是在2G网络.在3G网络需要不同的下载策略,也就是说在慢速网络与快速网络中下载需要考虑不同的策略.一种常见的策略就是Android客户端和服务端相配合的方式,针对慢速网络对图片进行优化(让图片的质量低一点,保证能下载),但是这种情况不在本文讨论的范围中.在本文中主要讨论针对不能改变的服务器图片质量(图片的大小 xx KB),Android-Universal-Image-Loader所采取的下载策略. 需要具体考虑网络情况有:快速.慢速.无网络

关于移动端图片处理技巧

最近做移动端的项目,需要做一些CSS动画,免不了用到一些PNG透明的图片作为元素, 一开始用的PNG8的,显示效果不理想,杂边很突出的,图片大小20多K, 后面使用PNG24,效果好了,但图片太大了134K,最后又回到PNG8,发现导出的时候,添加杂边到背景色,再结合背景图,效果很不错. 不过需要注意的是,添加杂边到前景色,用在背景颜色不固定的效果会很差(比如按钮,图标之类的),本来灰色的杂边会变成你添加的颜色 关于移动端图片处理技巧

Dreamweaver MX实例:图片应用技巧

加快图片下载速度 如果网页中有过多的图片,就会影响浏览的速度. Dreamweaver 可以轻松设置预载图片,加快图片下载速度,让站点以最快的速度出现在用户面前. 效果说明 建立文件,先预载图片,使图片预先下载到缓存中,加快图片下载速度.实际效果请浏览随书光盘中< Dreamweaver MX 2004 100 例>目录下的<实例 36 -加快图片下载速度>文件. 创作思想 打开 Dreamweaver MX 2004 软件新建页面,再打开标签面板,在[行为]中选择[预先载入图像]

禅说派-全图型PPT之图片处理技巧精粹

图片是提高幻灯片视觉化效果的一部分.图片虽然有天生的优势:高色彩,高质感等,但是放在幻灯片中还需要有巧妙的方法,使幻灯片又自然,画面的优势被更突出.今天开始的未来十天,我们每天分享一则图片在幻灯片中的表现技巧,希望大家要持续阅读,注意积累. 我最近喜欢上一本书<女人人生的12信条>,看过以后有很多感悟,所以将里面的内容归纳整理,就作为这十则图片技巧的具体内容. 第一则:禅说派-加尔雷纳德提倡的简约横幅 〉〉操作步骤 这是一张全图型幻灯片.全图型要求:图片占到80%以上,画面质量一定要高,视觉效

京东后台图片优化技巧

文档主要包括以下几方面内容: 基本概念 位图 实际应用 什么时候应该使用PNG 什么时候应该使用JPG 总结 Photoshop中各种参数的含义及设置技巧 1.基本概念 位图 位图又叫像素图或栅格图,它是通过记录图像中每一个点的颜色.深度.透明度等信息来存储和显示图像.一张位图就好比一幅大的拼图,只不过每个拼块都是一个纯色的像素点,当我们把这些不同颜色的像素点按照一定规律排列在一起的时候,就形成了我们所看到的图像.所以当我们放大一幅像素图时,能看到这些拼片一 样的像素点(如下图).在web页面中

Windows10设置禁止IE浏览器显示图片的技巧

一位win10 32位系统用户反馈自己因为某些原因,必须要在电脑上使用移动数据流量上网.而此时,IE浏览器若是显示图片的话,就会造成流量消耗过快的问题.那么,在Win10上该如何设置IE浏览器禁止显示图片呢?下面,就随系统城小编来看看具体操作方法吧! 操作方法: 1.点击IE浏览器设置. 2.在设置菜单中,选择Internet选项. 3.选择高级选项卡. 4.在多媒体项目下,取消勾选365bet显示图片. 5.点击确定. 通过上述几步的简单操作,我们就能在Windows10系统下设置禁止IE浏览