用FrontPage 2000使图像“减肥”

frontpage

  首先我要说说图形将对站点产生一些什么影响,这个很重要。
  当您添加图形,如图片、动画和视频到自己的站点上时,主页空间的占用将会迅速增加。若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连接的站点访问者能单击基于低分辨率图片的热点,而不用去等待整个高分辨率图片完成下载。

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

时间: 2024-12-21 21:48:12

用FrontPage 2000使图像“减肥”的相关文章

用FrontPage 2000做样式表

frontpage|样式表 Dreamweaver以其强大的功能正在扩张到更多"网虫"的硬盘里,然而Dreamweaver并非每个功能都那么出色.至少,在样式表(CSS)设置方面就显得太专业,让这些英文不好的"虫虫"们大伤脑筋.经过N次下载.安装,到头来我才发现原来最好的早已在自己的手中,那就是被我封存很久的-- FrontPage2000.下面就让我带领大家一块来分享"傻瓜"化软件带来的快乐吧. 一.三种添加CSS的方式 在FrontPage

用FrontPage 2000巧做样式表

frontpage|样式表 Dreamweaver以其强大的功能正在扩张到更多"网虫"的硬盘里,然而Dreamweaver并非每个功能都那么出色.至少,在样式表(CSS)设置方面就显得太专业,让这些英文不好的"虫虫"们大伤脑筋.经过N次下载.安装,到头来我才发现原来最好的早已在自己的手中,那就是被我封存很久的-- FrontPage2000.下面就让我带领大家一块来分享"傻瓜"化软件带来的快乐吧. 一.三种添加CSS的方式 在FrontPage

网页设计规范 用FrontPage 2000做样式表

frontpage|规范|设计|网页|网页设计|样式表    Dreamweaver以其强大的功能正在扩张到更多"网虫"的硬盘里,然而Dreamweaver并非每个功能都那么出色.至少,在样式表(CSS)设置方面就显得太专业,让这些英文不好的"虫虫"们大伤脑筋.经过N次下载.安装,到头来我才发现原来最好的早已在自己的手中,那就是被我封存很久的-- FrontPage2000.下面就让我带领大家一块来分享"傻瓜"化软件带来的快乐吧. 一.三种添加C

在FrontPage 2000中插入Flash动画

flash动画|frontpage|插入 尽管FrontPage 2000和Flash同属于网页设计软件,但两者的兼容性不是很好.使用FrontPage 2000中的"插入"菜单,无论是图片,还是文件,或者不能直接插入SWF文件,或者插入后无法正常显示,笔者通过探索.尝试,找到了以下4种办法,可以在FrontPage 2000中使用Flash动画: 图1设置动画输出的属性 1.在Flash动画制作结束时,输出为GIF动画.如果要透明,必须在"Export GIF"对

FrontPage 2000小技巧

  1.很多人为了优化系统,会适当删除一些字体.如果你顽固地认为浏览器的默认字体绝对不适用于你的主页,而又不愿让删除了该种字体的访问者失望,大可以使用FACE=″″来指定一系列字体类型,按优先级依次排列中间用逗号分开.例如:welcome . 2.慎用软回车.例如:我们在FrontPage 2000的表格中输入一段文字时,到达表格边界后文字会自动换行,这在IE中浏览时是没有什么毛病的,然而在NC和Opera中,他们会一行到底!要解决这个问题可以在每行的结尾按住Shift加个硬回车,或者直接在源文

如何使用Microsoft FrontPage 2000制作动态按钮

frontpage|按钮|动态 你一定看到过很多网页上的动态按钮效果,一般而言实现它需要后台的JavaScript(或VBScript)网页脚本语言支持,对于只懂使用初级的"所见即所得"网页编辑器的人来说确实是个难题.现在我们就来学一学制作动态按钮的"傻瓜式"方法.我们以制作一个中英文切换的按钮为例. 其实,动态按钮的实现原理都是一样的,首先制作按钮的图片,然后通过脚本语言捕获鼠标在按钮上的事件,对事件做出交换图片的响应.在Frontpage 2000里有交换图片的

FrontPage 2000+DB2实现数据库信息发布

问题的提出 如何实现DB2数据库信息的共享 我们组建mis系统,主要是为了信息共享,以提高办公效率,那如何实现DB2数据库的信息共享呢?随着WEB技术的日益发展,b/s模式已经被广泛地采用,但是传递单向的静态的WEB页面无法实现交互功能,企业需要动态地将信息发布到网上.这就需要我们将数据库与WEB连接起来,供用户查询,企业的主要工作是对修改数据库中的内容进行维护.b/s模式的特点有: 1.不需要安装客户端程序,只要有通用浏览器就可以,由于它的功能都在WEB服务器上实现,也大大减少了维护工作: 2

转msdn: Visual InterDev 6.0 versus FrontPage 2000: Your Choice [2]

frontpage|interdev|visual       Figure 6: The Project Deployment Explorer         Visual InterDev also contains the Document Outline page and the Project Deployment Explorer. You can control a site from this Explorer, and change deployment mode in a

转msdn: Visual InterDev 6.0 versus FrontPage 2000: Your Choice [1]

frontpage|interdev|visual Visual InterDev 6.0 versus FrontPage 2000: Your Choice Alexander Maltsev   Visual InterDev 6.0 and FrontPage 2000 are two tools used by Web professionals, but they offer complementary functions. The best one to choose depend