用FrontPage制作缩略图和图片重叠效果

作者:陈志坚 来源:cpcw 时间:2007-11-18 14:45:00 

一、图像缩略图的编辑

图像的缩略图是指把图像按原比例缩小,可作为原图的预览,这在网络速度比较慢时可快速地显示图片的概图。当你的网页上有大型图片时,这可能让访问者花费很长的时间来下载,此时缩略图就很有用。与其强迫站点访问者来下载大图片,还不如提供一个缩略图,让访问者先睹为快,然后再来选择是否要单击它来观看其完整版本。

制作缩略图其实很简单,步骤如下:在FrontPage 2000中选中图片,然后单击鼠标右键,在弹出的菜单中选择“图片属性”(或者直接按快捷键“Alt+Enter”),调出图片属性设置对话框,点选其中的“外观”标签。在“大小”栏中,选中“指定大小”和“保持纵横比”,按自己的实际需要确定照片的宽和高即可。

然后点击“常规”标签,在“替代表示”栏中的“低分辨率"(即缩略图)框里填入缩略图的位置,在“文本”框中填入说明文字,再确定超链接的位置,单击“OK”,完成。

还有更简单省事的方法呢!在网页视图模式下,单击“图片”,在“图片”工具栏,单击第三个按钮——“自动缩略图”,FrontPage2000就会自动创建缩略图图片和指向原始图片的超链接,一切都无需你去操心!

当然在创建缩略图之前,你可首先设置好创建缩略图的属性。也就是说,你可以指定FrontPage2000 要如何去创建你所想要的图片缩略图。在“工具”菜单上,单击“网页选项”,然后单击 “自动缩略图” 选项卡。在“设置”框中,单击你想要用以指定大小的选项,然后在“像素”框中,输入像素值。例如你想要缩略图图片为 80 像素宽,可单击 “宽度” 然后输入 “80”。缩略图的高度将会自动调整。或者,你在“设置”项的下拉菜单中选择 “最短的一边”,然后输入 “80”,那么任一缩略图图片的最短边(无论是高度或宽度)都将是80像素。你还可以指定缩略图的边框,可选择“边框粗细”,然后在 “像素” 框中,输入以像素为单位的边框粗细值。若你还想要图形具有更强的视觉效果,可选择 “边缘凹凸效果”。若你还指定了边框粗细,则缩略图将会在边框内部有漂亮的边缘凹凸效果。而且,对缩略图属性所做的任何更改都不会影响到已经创建的缩略图。

但是要提醒你,“自动缩略图” 在以下情况将不会有作用:
  1.若你选择的图片已经小于缩略图;
  2.图片上有超链接或热点设置;
  3.该图片是动画,比如gif格式

二、图片重置效果的实现

这种特殊效果非常别致,而且实现也很容易。
  具体实现的步骤如下:

1.先画一个表格,大小根据你的具体需要而定;

2.然后把图像放到表格里,最好是透明背景的gif格式动画,这样将会更加生动活泼;

3.接着在表格里面单击鼠标右键,在弹出的菜单中选择“表格属性”,调出表格属性设置对话框,把其中的“布局”中的“单元格边距”、“单元格间距”以及“边框”中的“粗细”的参数都改成“0”;

4.再将“背景”栏中“使用背景图像”一项勾上,然后点击右侧的“浏览”按钮,选择自己喜欢的图像作背景,就可以使两幅图像重叠了。

这里我首先选择的是一个小妹妹坐在一弯金黄的月牙上悠闲的荡啊荡的gif动画,然后用Photoshop自制了一幅月朗星稀的夜景作背景,在FrontPage 2000中合成后,多么美妙啊……

标签:FrontPage,缩略图,图片
0
投稿

猜你喜欢

  • SQL学习笔记一SQL基础知识

    2011-09-30 11:24:33
  • 防止别人iframe的js

    2008-09-26 17:19:00
  • Linux操作系统下MySQL数据库的使用方法

    2008-12-26 09:24:00
  • 情感的容器 被寄托了的QQ2010视觉设计

    2010-02-03 14:51:00
  • asp如何实现按照输入汉字提示拼音功能?

    2010-05-18 18:37:00
  • [原创][分享]数字格式化转换

    2011-07-04 12:20:15
  • 如何修改Linux的下MySQL 5.0的默认连接数

    2012-01-29 18:07:04
  • 编码问题引起的折腾

    2009-07-03 12:43:00
  • 网页设计之文字的辨识度与可读性

    2007-10-26 16:19:00
  • 如何快速地更新网页内容?

    2010-01-01 15:12:00
  • CSS模块化设计—从空格谈起

    2007-12-15 09:41:00
  • 解决SQLServer最大流水号的两个好方法

    2009-01-13 14:15:00
  • 科学与艺术兼顾的有效网页视觉设计

    2007-09-18 18:03:00
  • ASP 改良版MD5、SHA256多重加密类(二次及多次)

    2012-11-30 20:26:47
  • Oracle的数据字典技术简析

    2010-07-20 13:03:00
  • IE6 bug: 消失的绝对定位元素

    2009-12-04 12:11:00
  • 提供效率的几个ASP编程技巧

    2010-05-03 11:11:00
  • asp使用模板生成静态页面方法详解

    2007-09-24 12:29:00
  • Javascript命名禁区[110407.updated]

    2011-04-28 09:48:00
  • XML教程—编写结构完整的XML文档

    2008-10-11 13:43:00
  • asp之家 网络编程 m.aspxhome.com