1、给图形增加缩略图
如果你在网页中插入了一幅大的图片,会严重影响下载速度,使用此功能可以避免这种现象。原理是:先显示此图的缩略图,当真正对此图感兴趣的人点击缩略图后,才下载真正的图片。方法是先插入该幅大图片,然后选中它,再按自动缩略图按钮,就会出现缩略图。当鼠标指针移动到其上时,会显示真实图片的文件大小。点击则显示实际图片。这一功能在制作图片素材类网站中特别有用。
图片操作技巧:
给图片加替代文字。当访问者关闭了图片下载功能以提高浏览速度时,你的图片将不会显示,我们需要为其指定说明文字。而且这一技巧可以在鼠标指向该图片时,显示一些提示性的信息,因而被广泛使用。具体方法是:右键单击图片,从弹出菜单中选择“图片属性”,在替代表示文本框中输入需要的文字即可。
图片的组合。一幅大的图片下载速度会很慢,可以切割成小图片然后组合,使其分片下载,以缓解浏览者等待的焦虑。组合时要使用表格进行,每个单元格的对齐方式要准确设置,单元格间距和边距、表格线宽度都要设为0。
多个网页使用同一幅图片时,在一个网页中的修改会影响到另一个网页,保存时务必重新命名,免得相互影响。
背景图片可以应用到网页、表格、单元格,而且是一平铺的方式,所以,如果不是特殊需要,图片尺寸尽量小一些为好。前面介绍的所有按钮对背景图片同样有效,而且使用工具按钮前如果没有选择前景图片,各种操作将对背景有效。
2、怎样插入竖直线
我们都知道用< hr >可以插入一条水平线,但如何插入一条竖直线呢? 我们既可以利用插入表格的方法,也可以利用< hr >的方法。 先看看用< hr >方法插入竖直线。建立一个表格,然后在某一单元格内插入一条水平线,然后将此线选中,单击鼠标右键,选择“水平线属性”命令,将其宽度设为1个像素,高度为100像素,一条高为100像素的垂直线就出来了。
 如果想要更长的线,只将高度设大是没用的,不信你试试,设置高度为200,但在 浏览器中只能看到100像素高。这是因为HTML只承认100像素高的水平线。这时你可以加回车键,然后再画一条同样的水平线,或者在竖直方向上的两个单元格内都加一条同样的水平线。我们还可以改变线的颜色,以达到不同的效果。 第二个办法也很简单,就是在一个表格中,单击鼠标右键,选“表格属性”,设置表格的单元格边距和间距均为0。
 再单击鼠标右键,选“单元格属性”,设置某一单元格的指定宽度为1个像素,高度为100个像素,并设置合适的背景色。

3、设置图片热点连接
有时你可能不希望一张图片都做上连接,只想为图片的某部分做上连接,这就叫做提片热点连接。如何做到呢?我们点击一下想要做热点连接的图片,你会看到Frontpage2000会自动在编辑区下面弹出一个工具栏。 你可以使用这些工具加工你的图片。而做热点连接我们只需要使用到工具栏的几个按纽。她们分别是可以选取各种形状来做热点连接。我们选择长方形的热点工具,在图片上拉取一个想要做连接的区域,它就会自动弹出一个超级连接的窗口来,为它做好连接之后你会发现做热点连接的图片多了一个热点区。 这样就表示热点连接已经做好了。浏览的时候你就会发现这张图片内只有热点区才有连接而热点区以外是没有连接的。
4、设置背景音乐
除了设置背景图象或背景颜色,你还可以设置一种背景音乐或声音。但这个设置是在页面属性对话框的“常规”标签下。所以,点击“常规”标签,在显示的对话框中下部你可以看到有一项是“背景音乐”,在该项目下面的“位置”框中你可以键入你所要加入的声音文件所在的路径和文件名。你也可以点击右边的“浏览”键,在弹出的对话框中选择文件所在的路径和文件名。在“循环次数”选单中你可以设定背景声音文件循环播放的次数,如果你选中“循环次数”右边的“不限次数”选框,则你所设定的背景声音将一直循环播放,直到你转到别的网页或网站浏览时为止。
5、插入Flash动画
点击“插入”菜单,然后选“高级”中的“插件”,这时会出现“插件属性”对话框,在“数据源”中填入待插入的Flash动画所在的路径,然后在“大小”中填入该动画的尺寸,其他都用默认的就行了。 这时页面中会出现一个大大的“插头”,看上去怪怪的,点一下预览看看,一切正常! 其实你还可以直接将〈p align=“center”〉〈embed width=“400”height=“400”src=“ccc2.swf”〉〈/p〉这段代码插入你网页的源代码中,注意“width”和“height”是你Flash动画的实际尺寸,“src”是你的Flash动画所在的路径,别搞错了!
6、文字上下移动
首先输入一行文字,如“上下移动”,将文字全部选中,然后单击“插入”菜单,选择“Web组件”命令,这时会出现一个“插入Web组件”对话框,在左边的列表框中选择“动态效果”,在右边的列表框中双击“字幕”,打开“字幕属性”对话框,我们可以看到文本的默认方向是向“左”移动的,把它改为“右”,这时我们还要切换到“html”窗口,找到“< marquee direction="right" >上下移动< /marquee >”,把里面的“right”改为“up”(或down),再切换到“预览”里,就可以看到字体上下移动了。
7、任意放置图片
在网页制作过程中,你是否遇到过这种情况:把一幅图片固定好以后,过一会儿又想把这幅图挪到另一个地方去,这可不是简单的事情。不过你可以试试绝对定位法,首先选中该图片,然后单击“格式”菜单下的“定位”命令,在弹出的“定位”对话框中,选择“定位样式”下的“绝对”,这时你可以在“位置与大小”中设置你想要的图片的大小和位置,就可以把图片放到你想要的地方去了。还有更简单的,选中“绝对”后,按下“确定”按钮,回到编辑区,然后把鼠标指针放到图片上面,就可以随意拖动到任意位置了。
8、如何去掉超链接的下划线
我们可以用CSS语法来控制超链接的形式、颜色变化。 下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。 实现方法很简单,在源代码的< head >和< /head >之间加上如下的CSS语法控制: < style type="text/css" > < !-- a:link { text-decoration: none;color: blue} a:active { text-decoration:blink} a:hover { text-decoration:underline;color: red} a:visited { text-decoration: none;color: green} -- > < /style > 其中: a:link 指正常的未被访问过的链接; a:active 指正在点的链接; a:hover 指鼠标在链接上; a:visited 指已经访问过的链接; text-decoration是文字修饰效果的意思; none参数表示超链接文字不显示下划线; underline参数表示超链接的文字有下划线 同样,如果讲none替换成overline则给超链接文字加上划线,换成line-through给超链接文字加上删除线,blink则使文字在闪烁。
|