精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>建站指南>建站经验>正文

建站全攻略——从入门到精通(实用技巧篇19-27)


来源:不详 时间:06-10-30 点击: 点击这里收藏本文

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)">

11.水平遮蔽效果 代码如下:

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">

12.横向棋盘式效果 代码如下:

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">

13.纵向棋盘式效果 代码如下:

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">

14.随即分解效果 代码如下:

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">

15.左右向中央缩进效果 代码如下:

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">

9 7 3 1 2 3 4 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.