数码首页>业界>网络>正文

科学画报

·手机炸死人续:为摩托罗拉产品
·6月受欢迎智能手机
·诺基亚9款新机火爆发布
·乐似狂潮惊天咏7月手机导购音乐篇
·与众不同的你冷门手机不完全推介
·专题:诺基亚错字门事件
·最畅销的低价手机全推荐
·市售最火的11款千元级智能手机
·暑促新亮点七喜39**酷睿新本评测
·最受欢迎笔记本降价排行榜

建站全攻略——从入门到精通

2007-06-29 18:30:54| 点击:818| 评论:0| 好评:0| 坏评:1|第1页/共3页 << 上一页|下一页 >>

侠客:飞翔宇宙
相关标签: 数码 | 业界 | 网络

当网页的内容很长,需要使用滚动条来浏览的时候,背景图片也会随之滚动,好像和文字说明粘合在一起似的。这样对于定位视线有些不良的影响,特别是色彩花哨的背景图片,感觉则更不适。对此,我们可以将背景和文字说明相分离,浮动在浏览器窗口里。

具体方法:

打开网页的HTML源文件,在标记里加上:

Bgproperties="fixed"

保存退出。

用wingdings字体作画

wingdings字体可以让普通的ASCII码以一些简单预定图形的方式在浏览器里显示,如果我们用Wingdings字体来替代部分图片的话,必然将大大加快网页的下载速度,因为只要看看HTML源文件就会知道网页上的图形只是一小段代码而已。

虽然大多数的图形都很简单,但是还是可以起到一些作用的,比如用“*”的Wingdings字体*表示E-mail或信箱,用“(”的Wingdings字体(表示电话号码,用“<” 的Wingdings字体<表示下载……具体应用就看大家的想象力了^_^

不过需要注意的是,IE对于Wingdings字体的支持很好,而Netscape可能会出现一些显示上的问题。附录部分Wingdings字体、ASCII码和普通字体的对照表(见附录1)。

网页变换效果 只要搭配得当,这些变换效果会给访客留下非常深刻的印象,即使是那些本来对你的站点没兴趣的访客。特别是喜欢学习网页制作的朋友,很可能就把你的网页复制下来,以供学习研究之用。其实你不过是加了短短一段代码而已^_^

网页变换效果(Trans)共分四大类:"进入网页"(Page-Enter)、"离开网页"(Page-Exit)、"进入站点"(Site-Enter)、"离开站点"(Site-Exit)。每一大类又分为25个小类,先用进入网页效果来举例说明:

进入网页时的效果

1.混合效果 代码如下:

<meta http-equiv="Page-Enter"

2.盒状收缩效果 代码如下:

<meta http-equiv="Page-Enter"

3.盒状放射效果 代码如下:

<meta http-equiv="Page-Enter"

4.圆形收缩效果 代码如下:

<meta http-equiv="Page-Enter"

5.圆形放射效果 代码如下:

<meta http-equiv="Page-Enter"

6.向上擦除效果 代码如下:

<meta http-equiv="Page-Enter"

7.向下擦除效果 代码如下:

<meta http-equiv="Page-Enter"

8.向右擦除效果 代码如下:

<meta http-equiv="Page-Enter"

9.向左擦除效果 代码如下:

<meta http-equiv="Page-Enter"

10.垂直遮蔽效果 代码如下:

<meta http-equiv="Page-Enter"

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

<meta http-equiv="Page-Enter"

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

<meta http-equiv="Page-Enter"

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

<meta http-equiv="Page-Enter"

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

<meta http-equiv="Page-Enter"

雅虎声明:侠客文章内容纯属作者个人观点,不代表雅虎任何观点及立场。
点击:818评论:0好评:0坏评:1

最新评论

标题作者发布时间

发表评论

您必须登录后才能发表评论,  请登录  新用户?注册