Dreamweaver技巧:让你的图片下载更迅速

dreamweaver|技巧|下载

  有时在浏览网页时,常常因为网页中的图片文件过大而使下载时间较长,这样还没有下载完,就会有许多浏览者不耐烦地拂袖而去,从而损失了客户流。但要使图片文件变小,可能又要以牺牲图片质量为代价,这样势必使网页吸引力下降,同样不能使网页制作人员满意。

  怎样才能做到既有精美的图片,又不使下载时间过长呢?这可以通过调用Dreamweaver 中的Preload Images动作来实现,它可以把尺寸较大的图片预先载入到浏览器的高速缓冲存储器文件中,这可以防止下载图片延时。下面结合实例来介绍给朋友们:

  1. 运行Dreamweaver应用程序,并导入一张图片。

  2. 选中图片,单击行为标签,在此面板中,点击“增加事件”按钮,出现下拉菜单,如图所示。


下拉菜单

  3. 在菜单中单击“预先载入图像”命令,在出现的对话框中,单击浏览按钮,选择刚载入的图片文件,然后单击“确定”。

  这样就设置好了欲下载的图片,在浏览器中下载此图片时就会大大提高速度了。

时间: 2024-09-04 09:22:24

Dreamweaver技巧:让你的图片下载更迅速的相关文章

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

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

ASP实现强制图片下载函数_应用技巧

图片不进行处理,图片默认是用浏览器打开显示,如果希望图片变为下载可以使用以下代码 function downloadFile(strFile) strFilename = server.MapPath(strFile) Response.Buffer = True Response.Clear Set s = Server.CreateObject("ADODB.Stream") s.Open s.Type = 1 on error resume next Set fso = Serv

php实现的css文件背景图片下载器代码_php技巧

本文实例讲述了php实现的css文件背景图片下载器代码.分享给大家供大家参考.具体实现方法如下: 下载css文件里面的背景图片是我们这些盗版份子长期搞的事情,下载个css图片下载器常出现各种广告弹窗,实在扛不住.这里就提供了一个php版的css文件背景图片下载器给大家. 把文件放到php程序目录 dos下面 php.exe cssImages.php 0 http://www.xxxx.com/css/style.css \images\ 先在php程序目录建个images文件夹,呵呵,贴代码:

C#实现把图片下载到服务器代码_实用技巧

C#实现把图片下载到服务器代码 ASPX页面代码: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GetPictureByUrl.aspx.cs" Inherits="HoverTreeMobile.GetPictureByUrl" %> <!DOCTYPE html> <html xmlns="http://www.

php通过修改header强制图片下载的方法_php技巧

本文实例讲述了php通过修改header强制图片下载的方法.分享给大家供大家参考.具体实现方法如下: function downloadFile($file){ $file_name = $file; $mime = 'application/force-download'; header('Pragma: public'); // required header('Expires: 0'); // no cache header('Cache-Control: must-revalidate,

Dreamweaver技巧十二招

dreamweaver|技巧 对想要在可视化的环境下制作复杂网页的专业网页制作者来说,Dreamweaver 已经渐渐在网页编辑工具市场中展露头角,成为专业人士编写网页的最佳选择.以目前的情况来说,Dreamweaver 内建的功能可说是越作越多.越作越丰富.齐备.在这里我要向大家介绍的4.0版本中的一些应用小技巧. 1. 让网页页面更有弹性 有些网页开发者称以下要介绍的这种技巧为 liquid,我在这儿则把这种技巧叫做是 stretchy(弹性延伸的技巧).这是一种技巧,可在访客浏览器窗口大小

Dreamweaver技巧50问

dreamweaver|技巧 Dreamweaver一直是不少网友钟情的网页设计工具,除了它强大的动态效果制作能力外,方便简洁的操作界面更是独具特色,下面我们将以最新版本Dreamweaver4为例,并以提问的方式系统的介绍下,在设计过程中经常遇到的一些问题和技巧性的东西. 注意:为了方便,以下我们将Dreamweaver全部减缩为DW表示. 1> 在DW中,如何输入一个空格呢? 输入空格的问题,在DW似乎已成了一个老生常谈的问题,我们可能在许多介绍DW使用方面的书籍或文章中看到过N次. DW中

DREAMWEAVER 技巧(下)

dreamweaver|技巧 9)如何选择表格.层里面那些非常小的,比如 1X1px 的图片? 在表格的单元格中点击,然后按下" Shift "键,用箭头键移动即可选择. 也可先选定表格单元(按下 Ctrl 键,用鼠标点击相应单元)或者层,然后在" HTML Source Inspector "面板中选择高亮代码中的 < img src="..."> ,返回文档窗口,图片即被选择. 10)怎样编辑一个框架系的名字(Title)? 按&

教程/dreamweaver/技巧 你的网页“面目全非”过吗?

dreamweaver|技巧|教程|网页  如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的网页变得"面目全非",那多令人沮丧!下面我们以网页爱好者的常用工具Dreamweaver(以下简称DW)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助. 一.消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页,在全屏状态下浏览一切正常.但在改变浏览窗口大小之后,网页就变得"不堪入目"了,这是个很值得注意的