建站全攻略——从入门到精通（实用技巧篇12-18）-优快云博客

本文介绍了一系列实用的网页设计技巧，包括标题栏跑马灯效果、自动滚屏、图片注释等功能实现方法，以及如何定义网页关键字提升搜索引擎排名。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

12．标题栏跑马灯网页的垂直版面是“寸土寸金”的宝地，往往是访客第一眼看到的内容，所以不能浪费在欢迎词和不太重要的消息发布上，那么只好来“开发”标题栏了！^_^

具体方法：

在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入：

<!--

var msg = "内容丰富，经常更新，时有抽奖，敬请光临！";

var speed = 300;

var msgud = " " + msg;

function titleScroll() {

if (msgud.length msgud = msgud.substring(1, msgud.length);

document.title = msgud.substring(0, msg.length);

window.setTimeout("titleScroll()", speed);

}

-->

</Script>

在网页HTML源文件的<body>标记里的空白处点击鼠标，输入：

onload="window.setTimeout('titleScroll()', 500)"

保存退出。其中“内容丰富，经常更新，时有抽奖，敬请光临！”就是滚动显示的内容。

14．自动跳出别人的Frame（框架）因为本身站点的内容太少，而把别人的网页当成自己的，并显示在自己网站的框架中的人还是大有人在的。如果你觉得这是对你劳动成果的不尊重，可以通过E-mail警告对方，也可以直接在自己的网页里加一句代码。

具体方法：

在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入：

<!--

if (top.location !== self.location) {

top.location=self.location;

}

-->

</Script>

保存退出。

或者在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入： <SCRIPT language="JavaScript">

<!--

if (parent.frames.length > 0) {

parent.location.href = location.href;

}

// -->

</SCRIPT>

保存退出。

15．网页自动滚屏在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入：

<!--

locate = 0;

function scroller()

{if (locate !=400 )

{locate++;scroll(0,locate);

clearTimeout(timer);

var timer = setTimeout("scroller()",3);timer;}

}

-->

</script>

在网页HTML源文件的<body>标记里的空白处点击鼠标，输入：

onload="scroller()"

保存退出。其中“locate！=400”控制文件的长度，“setTimeout("scroller()",3);”控制滚动的速度。

16．为图片加注释

这不但适用于图片，还可以针对网页上所有的链接，在浏览者将鼠标放在图片或链接上的时候自动显示的一小段预先准备的文本，可以是对图片本身的解释，也可以告知链接通向哪儿。

具体方法：

打开网页的HTML源文件，在<IMG>标记里加上：

alt=”image information”

保存退出。其中的“image information”替换为每个图片的具体解释。

如果是文字链接需要加注释，在<a>标记里加上：

title=”link information”

保存退出。其中“link information”就是注释内容。

17．显示替代图片

如果要显示的图片体积太大，可以用一个体积较小的图片在原图片位置先作替代性的显示，使浏览者可以在先看到这些信息的同时，再等待原图片的下载。

具体方法：

打开网页的HTML源文件，在<IMG>标记里加上：

LOWsrc="/Newhua_Files/Net_pic/2006-1/16/0611610403992949.gif"”就是用来替换的图片。

18．定义网页的关键字

网页的关键字（KEYWORD）是供搜索引擎（比如YAHOO、SOHU等）检索的文字说明，搜索引擎根据用户查找网页时提交的搜索关键字和网页所包含的关键字作比较，按照符合要求的程度不同而作相应的顺序排列。很显然，在网页的关键字上做些文章就能明显地改善网页在那些著名的搜索引擎中的“地位”，从而增加网站的访问率！所以，我总结了一部分搜索率较高的关键字供大家选择使用：“性”（sex）、“音乐”（music or mp3）、“电影”（movie、film or video）、“新闻”（news）、“图片”（picture or photo）、“明星”（star or art）、“军事”（military）、“小说”（novel）、“交友”（friend or love）、“电脑”（computer or IT）、“招聘”（invite）…………另外关键字也不是一成不变的，例如去年“克林顿”（Clinton）也成了关键字呢！至于原因嘛~~相信我不说大家也明白^_^

记住，具体问题具体分析总是不会错的，什么最热门，关键字就用什么，但是也别编造些自己站点上没有的“关键字”哦！因为即使别人上了一次当，让你的记数器跳了一格，但他应该再也不会是你站点的访客了！！！

其实，想用热门的关键字和去骗人并没有必然的联系，就拿“克林顿”来说吧，你可以在使用它做关键字后，对你的网站也做少许的修改，真的只是“少许的修改”，因为笔者的建议是：收集、整理一些克林顿绯闻的相关报道（SINA上面有得是），做成一个专题报告就行了。这样一来，既没有骗人，又成功地把网友吸引来了，即使你的克林顿专题报告做得不怎么样，但通过这个专题却让浏览者有机会看到你的站点上还有很多别的信息和资源。也就是把设立关键字作为一种提高访问量的手段，建立相关专题作为桥梁，把潜在的访客领到你的站点里来。

具体方法：

打开网页的HTML源文件，在标记里加上：

name=”keyword” content=”music, mp3, news, movie, photo, star”

保存退出。其中的“music, mp3, news, movie, photo, star”就是网页的关键字，可以根据需要修改（可以使用中文信息），但是字母区分大小写，长度以不超过255个字符为宜（因为即使为了面面俱到而加了上千个关键字，也会被搜索引擎的服务器删除的，所以应该尽量简洁明了，避免重复），每个关键字之间要用“，”分隔

出处：网文搜集作者：佚名