图形文件减肥妙法
时间：2006-12-11 来源：mosquito_2006
从事网页制作、多媒体幻灯制作等工作时常常会应用大量的图片素材，如果图片不能很好的进行压缩，则往往造成文件“臃肿”，或者网页运行速度极慢，或者不得不用好几张盘去拷贝一个多媒体幻灯文件。如何为图形文件减肥呢？
我们知道，一般文件存为JPEG格式时所占空间最小，所以首先将图形文件转换为JPEG格式，然后用图片浏览软件ACDSee对图片文件进行压缩。具体方法是：运行ACDSee程序，找到图片文件，按鼠标右键，在“Convert”处按鼠标左键，在出现的对话框中点击“Option”，出现如图所示的对话框，将上面移动块向左拉。根据我的经验，最小可拉至15时，图片不会有明显质量下降。如图片质量下降较严重，可将此值加大，直至找到合适的值为止。连续点“OK”即可。注意，最好先备份一下图片文件，以免压缩不合适不能修改。
网页技巧：给文字加上即时提示
即时提示是Windows应用软件的一种富有人情味的特色设计。当用户不知道一个文字或图片按钮的功能时，只要把鼠标移动到这个按钮，就会出现一个即时提示短语。在制作网页时，同样可以借助HTML语言给网络文档加上即时提示功能。下面介绍两种实现方法：
一、在鼠标旁边显示即时提示信息
这种方法是巧妙地利用HTML语言提供的标题元素〈TITLE〉...〈/TITLE〉。
在新的HTML 4.0规范中，〈TITLE〉...〈/TITLE〉可以支持几乎所有的元素，
在本例中是将它与行内元素〈SPAN〉...〈/SPAN〉配合使用。〈SPAN〉...
〈/SPAN〉元素是HTML 4.0规范新增加的通用行内容元素，在本例中利用它将
要设置提示信息的单词隔离开并分别设置各单词的TITLE属性。
实现的源代码如下：
〈HTML〉
〈HEAD〉
〈TITLE〉网页即时提示演示〈/TITLE〉
〈!STYLE元素定义顶级元素BODY与行内元素SPAN的样式〉
〈STYLE〉
BODY {cursor:default}
SPAN {background-color:yellow}
〈/STYLE〉
〈/HEAD〉
〈BODY〉
〈H3〉Unit 14 Lesson 54〈/H3〉
〈P〉
〈!用行内元素SPAN将各个要设置提示的单词单独括起来并用TITLE元素设置提示信息〉〈!本例中要设置提示信息的单词分别为Christmas、festival、Britain〉
〈SPAN TITLE="Christmas--n.圣诞节"〉Christmas 〈/SPAN〉 is an important
〈SPAN TITLE="festival--n.&&&&adj.节日(的);喜庆(的)"〉festival 〈/SPAN〉
in 〈SPAN TITLE="Britain--n.英国;不列颠"〉Britain 〈/SPAN〉 and many other parts of the world.
〈/P〉
〈/BODY〉
〈/HTML〉
二、在窗口状态行显示提示信息
在上例中，提示信息是出现在鼠标旁边。但如果要将提示信息都显示在浏览窗口的状态行，那该怎样实现呢？在本例中实现的方法是将各个要设置提示信息的单词都用超链接元素〈A〉...〈/A〉设置成超链形式，并在各个链接的onMouseMove与onMouseOut事件中相应设置窗口WINDOW的STATUS属性值（表示状态行）。
实现的源代码如下：
〈HTML〉
〈HEAD〉
〈TITLE〉网页状态行提示演示〈/TITLE〉
〈STYLE〉
BODY {cursor:default}
〈/STYLE〉
〈/HEAD〉
〈BODY〉
〈H3〉Unit 14 Lesson 54〈/H3〉
〈P〉
〈!用超链元素A.../A将要设置提示信息的单词分别设成超链形式〉
〈!HREF元素的值设置为"javascript:void(null)"表示该链接为空链接，不链接到其他地方〉
〈!onMouseMove事件设置鼠标移动到该链接时的提示信息〉
〈!onMouseOut事件设置鼠标离开该链接时的提示信息为空白，即将提示信息清除〉
〈!window.status="某个字符串"表示在状态行设置提示信息〉
〈A HREF="javascript:void(null)"
onMouseMove="window.status=’Christmas--n.圣诞节’"
onMouseOut="window.status=’ ’"〉Christmas 〈/A〉 is an important
〈A HREF="javascript:void(null)"
onMouseMove="window.status=’festival--n.&&&&adj.节日(的);喜庆(的)’"
onMouseOut="window.status=’ ’"〉festival 〈/A〉 in
〈A HREF="javascript:void(null)"
onMouseMove="window.status=’Britain--n.英国;不列颠’"
onMouseOut="window.status=’ ’"〉Britain 〈/A〉 and many other
parts of the world.
〈/P〉
〈/BODY〉
〈/HTML〉
弹出式菜单代码
代码如下：
参数解释如下：
’index.htm’ 弹出窗口的目标文件名
’title’ 弹出窗口的标题
height 弹出窗口的高度
width 弹出窗口的宽度
top 弹出窗口与屏幕上方的距离
left 弹出窗口与屏幕左侧的距离
toolbar=no 是否显示工具栏，如果显示则为yes
menubar=no 是否显示菜单栏，如果显示则为yes
scrollbars=no 是否显示滚动条，如果显示则为yes
location=no 是否显示地址栏，如果显示则为yes
status=no 是否显示状态栏，如果显示则为yes
resizable=no 是否允许改变窗口大小，如果允许则为yes
我们知道，一般文件存为JPEG格式时所占空间最小，所以首先将图形文件转换为JPEG格式，然后用图片浏览软件ACDSee对图片文件进行压缩。具体方法是：运行ACDSee程序，找到图片文件，按鼠标右键，在“Convert”处按鼠标左键，在出现的对话框中点击“Option”，出现如图所示的对话框，将上面移动块向左拉。根据我的经验，最小可拉至15时，图片不会有明显质量下降。如图片质量下降较严重，可将此值加大，直至找到合适的值为止。连续点“OK”即可。注意，最好先备份一下图片文件，以免压缩不合适不能修改。
网页技巧：给文字加上即时提示
即时提示是Windows应用软件的一种富有人情味的特色设计。当用户不知道一个文字或图片按钮的功能时，只要把鼠标移动到这个按钮，就会出现一个即时提示短语。在制作网页时，同样可以借助HTML语言给网络文档加上即时提示功能。下面介绍两种实现方法：
一、在鼠标旁边显示即时提示信息
这种方法是巧妙地利用HTML语言提供的标题元素〈TITLE〉...〈/TITLE〉。
在新的HTML 4.0规范中，〈TITLE〉...〈/TITLE〉可以支持几乎所有的元素，
在本例中是将它与行内元素〈SPAN〉...〈/SPAN〉配合使用。〈SPAN〉...
〈/SPAN〉元素是HTML 4.0规范新增加的通用行内容元素，在本例中利用它将
要设置提示信息的单词隔离开并分别设置各单词的TITLE属性。
实现的源代码如下：
〈HTML〉
〈HEAD〉
〈TITLE〉网页即时提示演示〈/TITLE〉
〈!STYLE元素定义顶级元素BODY与行内元素SPAN的样式〉
〈STYLE〉
BODY {cursor:default}
SPAN {background-color:yellow}
〈/STYLE〉
〈/HEAD〉
〈BODY〉
〈H3〉Unit 14 Lesson 54〈/H3〉
〈P〉
〈!用行内元素SPAN将各个要设置提示的单词单独括起来并用TITLE元素设置提示信息〉〈!本例中要设置提示信息的单词分别为Christmas、festival、Britain〉
〈SPAN TITLE="Christmas--n.圣诞节"〉Christmas 〈/SPAN〉 is an important
〈SPAN TITLE="festival--n.&&&&adj.节日(的);喜庆(的)"〉festival 〈/SPAN〉
in 〈SPAN TITLE="Britain--n.英国;不列颠"〉Britain 〈/SPAN〉 and many other parts of the world.
〈/P〉
〈/BODY〉
〈/HTML〉
二、在窗口状态行显示提示信息
在上例中，提示信息是出现在鼠标旁边。但如果要将提示信息都显示在浏览窗口的状态行，那该怎样实现呢？在本例中实现的方法是将各个要设置提示信息的单词都用超链接元素〈A〉...〈/A〉设置成超链形式，并在各个链接的onMouseMove与onMouseOut事件中相应设置窗口WINDOW的STATUS属性值（表示状态行）。
实现的源代码如下：
〈HTML〉
〈HEAD〉
〈TITLE〉网页状态行提示演示〈/TITLE〉
〈STYLE〉
BODY {cursor:default}
〈/STYLE〉
〈/HEAD〉
〈BODY〉
〈H3〉Unit 14 Lesson 54〈/H3〉
〈P〉
〈!用超链元素A.../A将要设置提示信息的单词分别设成超链形式〉
〈!HREF元素的值设置为"javascript:void(null)"表示该链接为空链接，不链接到其他地方〉
〈!onMouseMove事件设置鼠标移动到该链接时的提示信息〉
〈!onMouseOut事件设置鼠标离开该链接时的提示信息为空白，即将提示信息清除〉
〈!window.status="某个字符串"表示在状态行设置提示信息〉
〈A HREF="javascript:void(null)"
onMouseMove="window.status=’Christmas--n.圣诞节’"
onMouseOut="window.status=’ ’"〉Christmas 〈/A〉 is an important
〈A HREF="javascript:void(null)"
onMouseMove="window.status=’festival--n.&&&&adj.节日(的);喜庆(的)’"
onMouseOut="window.status=’ ’"〉festival 〈/A〉 in
〈A HREF="javascript:void(null)"
onMouseMove="window.status=’Britain--n.英国;不列颠’"
onMouseOut="window.status=’ ’"〉Britain 〈/A〉 and many other
parts of the world.
〈/P〉
〈/BODY〉
〈/HTML〉
弹出式菜单代码
代码如下：
参数解释如下：
’index.htm’ 弹出窗口的目标文件名
’title’ 弹出窗口的标题
height 弹出窗口的高度
width 弹出窗口的宽度
top 弹出窗口与屏幕上方的距离
left 弹出窗口与屏幕左侧的距离
toolbar=no 是否显示工具栏，如果显示则为yes
menubar=no 是否显示菜单栏，如果显示则为yes
scrollbars=no 是否显示滚动条，如果显示则为yes
location=no 是否显示地址栏，如果显示则为yes
status=no 是否显示状态栏，如果显示则为yes
resizable=no 是否允许改变窗口大小，如果允许则为yes
相关阅读 更多 +
