Vb教程 Vb.net教程 Vfp教程 C/C++教程 Vc/Vc++教程 Delphi教程 Java教程 Powerbuilder
  杀毒频道 | 短信频道 | 网络电视 | 论文中心 | 学上网 | 学软件 | 网页特效 | 电脑基础 | 论坛  
  NCRE | 软考 | CET | 职称英语 | 司法考试 | 报关员 | 公务员 | CATTI | CPA考试  
  Html教程 | Css教程 | Xml教程 | Asp教程 | Asp.net | Php教程 | Jsp教程 | Linux教程 | QQ技巧  
Photoshop Illustrator ImageReady Maya教程 3D Max教程 Lightscape Coredraw教程 Authorware Autocad教程 Freehand教程
Access教程 Mysql教程 Sql server Oracle教程 Word教程 Excel教程 Powerpoint Frontpage Asp.net源码 Php源代码
Flash教程 Fireworks Dreamweaver C#教程 outlook教程 系统安装 vbscript教程 Javascript Jsp源代码 Asp源代码
您的位置:首页 >> Frontpage教程 >> 正文

用FrontPage 2000使图像减肥

文章来源:赛迪 文/陈志坚

首先我要说说图形将对站点产生一些什么影响,这个很重要。

当您添加图形,如图片、动画和视频到自己的站点上时,主页空间的占用将会迅速增加。若Internet服务提供商限制主页空间大小,则图形的大小、质量、类型和数量就会是重要的考虑因素。因此,网页制作者一定要学会使图片文件变得较小的方法:

要使大图片变得较小可先采用调整大小和重新取样两种方法。

通过改变图形(如图片、动态GIF和视频)的高度和宽度属性来调整图形大小。虽然调整图形大小会更改HTML标记符(用来告诉Web浏览器如何显示图形),但实际的文件并不会更改。例如,您可减少含有大图片的网页的下载时间。若您只调整图片大小,它将会在站点访问者的屏幕上显示出较小的区域,但是它的文件大小和下载时间是不会更改的。

调整图形大小很容易操作,在图形上单击鼠标右键,单击快捷菜单上的“图片属性”,然后单击“外观”选项卡(图1)。选择“指定大小”复选框,指定是否要更改大小(像素值或百分比),然后在“宽度”和“高度”框中输入数值。


图1

若您想要保持高度与宽度的比例,可选择“保持纵横比”复选框。若您选择该复选框然后在“宽度”或“高度”框中输入像素值,FrontPage 2000会自动更改其他框中的数值以保持图形的比例。

直接调整图形大小。方法是:单击图形,然后单击并拖动图形上的控点来调整其大小。要调整图形大小和保持它的比例(纵横比),可拖动角部的控点。注意:拖拉侧边控点时,该图形将会变形。

调整图片大小只是在站点访问者的Web浏览器中改变图片的显示方式。因此,若您只将大图片的大小调整为较小尺寸,图片文件大小仍然较大。要减少图片的文件大小和下载时间,您必须在调整大小后对图片重新取样。

重新取样图片会改变它的像素大小来匹配其当前显示的大小。例如∶若将图片大小调整到它原来大小的50%,图片会在网页上变小,不过文件大小是不变的——调整图片大小只能改变HTML标记来告诉Web浏览器如何显示这张图片。但是,当您重新取样图片后,文件大小便会减少以匹配较小的尺寸。

重新取样同样简单,在网页视图模式下,单击已经调整好了大小的图片。在“图片”工具列上,单击“重新取样”(图2)就行了。

另外,将图片转换为JPEG格式并且降低质量设置,图片文件的压缩率会增加从而文件大小也会大大减少。


图2

将图片转换成JPEG格式。在网页视图模式下,在图片上单击鼠标右键,然后单击快捷菜单上的“图片属性”。

在“常规”(图3)选项卡中,请进行下列之一的操作:可单击“JPEG”。您也可以通过在“质量”框中输入从1到100的值来指定JPEG图片的质量。该数值越大,文件的压缩率就越小,文件就越大。在“渐进式变化”框中,您可以指定Web浏览器在下载它时解析图片的变化次数。设置完成后点击确定即可。

注意,某些Web浏览器不支持渐进式变化。

图形的下载时间往往会很长,特别是对于使用低速Internet连接的站点访问者。下面的方法能使站点访问者较容易地下载有图形的网页:

快速下载有图形的网页。创建缩略图。缩略图是能快速下载的,通过查看缩略图,站点访问者可决定是否要下载图片完整大小的版本。使用自动缩略图功能可以自动创建缩略图,缩略图具有指向原始图片的超链接(创建缩略图的具体方法本报曾作过详细介绍)。

另外,您还可以在站点访问者的Web浏览器下载最后的版本时,同时显示图形的低分辨率版本。

当然,首先您必须创建图片的低分辨率版本。在绘图程序中打开图片,并减少图片中的颜色深度(颜色数目)。您为低分辨率版本图片指定的颜色越少,在Web浏览器中它就会显示得越快。因为低分辨率的图片是用来为高分辨率图片占位的,所以不应该更改图片的高度或宽度。

在网页视图模式下,在图片上单击鼠标右键,单击快捷菜单上的“图片属性”,然后单击“常规”选项卡。

在“低分辨率”(图3)框中,键入另一低分辨率图片的文件名或单击“浏览”来找到它。若图片在站点中,浏览到包含图片的站点和文件夹,然后选择您想要的图片。若图片在您的局域网上,则单击“从计算机上选择一个文件”,然后从局域网上浏览到您想要的图片。若图片在全球广域网上,则单击“使用Web浏览器来选择网页或文件”。在您的Web浏览器中,浏览到您想要的图片,然后切换回到FrontPage 2000,您已访问过的网页位置将会显示在“URL”框中。


图3

对于大型图片或高分辨率图片该功能很有用。如果图片是图像映射,则使用低速Internet连接的站点访问者能单击基于低分辨率图片的热点,而不用去等待整个高分辨率图片完成下载。

指定文本以代替图形显示也是一个好办法,这里不再多述。

[返回]

编程语言 web开发 数据库 网络技术 操作系统 服务器 网页设计 图形设计 办公软件 常用软件 学电脑

Copyright© www.bianceng.cn Powered by 编程入门网 All Rights Reserved.
关于本站 | 版权声明 | 联系我们 | 友情链接 |
编程入门网 版权所有