|
建站全攻略从入门到精通（技巧篇19-27）(1) 19．防止背景图片滚动
当网页的内容很长，需要使用滚动条来浏览的时候，背景图片也会随之滚动，好像和文字说明粘合在一起似的。这样对于定位视线有些不良的影响，特别是色彩花哨的背景图片，感觉则更不适。对此，我们可以将背景和文字说明相分离，浮动在浏览器窗口里。
具体方法：
打开网页的HTML源文件，在标记里加上：
Bgproperties="fixed"
保存退出。
20．用wingdings字体作画
wingdings字体可以让普通的ASCII码以一些简单预定图形的方式在浏览器里显示，如果我们用Wingdings字体来替代部分图片的话，必然将大大加快网页的下载速度，因为只要看看HTML源文件就会知道网页上的图形只是一小段代码而已。
虽然大多数的图形都很简单，但是还是可以起到一些作用的，比如用“*”的Wingdings字体*表示E-mail或信箱，用“（”的Wingdings字体(表示电话号码，用“<” 的Wingdings字体<表示下载……具体应用就看大家的想象力了^_^
不过需要注意的是，IE对于Wingdings字体的支持很好，而Netscape可能会出现一些显示上的问题。附录部分Wingdings字体、ASCII码和普通字体的对照表（见附录1）。 21．网页变换效果 只要搭配得当，这些变换效果会给访客留下非常深刻的印象，即使是那些本来对你的站点没兴趣的访客。特别是喜欢学习网页制作的朋友，很可能就把你的网页复制下来，以供学习研究之用。其实你不过是加了短短一段代码而已^_^
网页变换效果（Trans）共分四大类："进入网页"（Page-Enter）、"离开网页"（Page-Exit）、"进入站点"（Site-Enter）、"离开站点"（Site-Exit）。每一大类又分为25个小类，先用进入网页效果来举例说明：
进入网页时的效果
1．混合效果 代码如下：
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
2．盒状收缩效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)">
3．盒状放射效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">
4．圆形收缩效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)">
5．圆形放射效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
6．向上擦除效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
7．向下擦除效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
8．向右擦除效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
9．向左擦除效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
10．垂直遮蔽效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
|
