• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Frontpage教程 > 用FrontPage 2000使图像“减肥”

用FrontPage 2000使图像“减肥”

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-07-06

本文主要包含用FrontPage 2000使图像“减肥”等相关知识,佚名希望在学习及工作中可以帮助到您
首先我要说说图形将对站点产生一些什么影响,这个很重要。

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

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

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

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



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

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

调整图片大小只是在站点访问者的Web浏览器中改变图片的显示方式。因此,若您只将大图片的大小调整为较小尺寸,图片文件大小仍然较大。要减少图片的文件大小和下载时间,您必须在调整大小后对图片重新取样。 重新取样图片会改变它的像素大小来匹配其当前显示的大小。例如∶若将图片大小调整到它原来大小的50%,图片会在网页上变小,不过文件大小是不变的——调整图片大小只能改变HTML标记来告诉Web浏览器如何显示这张图片。但是,当您重新取样图片后,文件大小便会减少以匹配较小的尺寸。

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

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



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

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

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

图形的下载时间往往会很长,特别是对于使用低速Internet连接的站点访问者。下面的方法能使站点访问者较容易地下载有图形的网页: 快速下载有图形的网页。创建缩略图。缩略图是能快速下载的,通过查看缩略图,站点访问者可决定是否要下载图片完整大小的版本。使用自动缩略图功能可以自动创建缩略图,缩略图具有指向原始图片的超链接(创建缩略图的具体方法本报曾作过详细介绍)。

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

当然,首先您必须创建图片的低分辨率版本。在绘图程序中打开图片,并减少图片中的颜色深度(颜色数目)。您为低分辨率版本图片指定的颜色越少,在Web浏览器中它就会显示得越快。因为低分辨率的图片是用来为高分辨率图片占位的,所以不应该更改图片的高度或宽度。 在网页视图模式下,在图片上单击鼠标右键,单击快捷菜单上的“图片属性”,然后单击“常规”选项卡。

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



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

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

您可能想查找下面的文章:

相关文章

  • 2017-07-06FrontPage10全透视教程(9)
  • 2017-07-06Frontpage中的各种回车
  • 2017-07-06FrontPage 2002扩充插件(五)
  • 2017-07-06谈FrontPage的模板功能
  • 2017-07-06FrontPage巧制网站目录
  • 2017-07-06精彩新思路:Frontpage XP玩特效
  • 2017-07-06FrontPage10全透视教程(16)
  • 2017-07-06用FrontPage 2003来制作网络申请系统
  • 2017-07-06在一张图片上制作多个超级链接
  • 2017-07-06FrontPage:如何将多个超链接加在一张图片上

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Frontpage制作电子邮件提交表单
    • FrontPage 2002扩充插件(三)
    • FrontPage2002简明教程五:样式表的应用
    • FrontPage巧制网站目录
    • 用FrontPage轻松转换图片格式
    • Frontpage2000中文教程(5)---制作你的第一个主页
    • 认识FrontPage 2002扩充插件之六
    • 利用FrontPage2003来制作站内信息搜索平台
    • Frontpage教程:制作网页中的书签
    • FrontPage 2000 技巧三则

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有