💁🏻♂️《上海微型计算机周刊》2000年10月30日第44期 《主页制作经验拾遗》 福建农林大学 童建平
以下为文字版，扫描版请详见文末图片：
现在人人在做主页，关键是如何推陈出新、吸引匆匆过客，提高访问量。小弟不才，点滴经验愿与各位分享。
首先您选择的免费主页空间很关键，要求访问速度快，不至于使访问者失去耐心；而且容量要适当大，方便日后主页扩容，免得换空间影响访问量。要切合实际、高瞻远瞩地规划主页总体结构，避免日后因维护困难而夭折。设计主页时，java程序固然可以使您的主页增色不少，但java会使浏览速度减慢至少50% ，故每个页面最好不要使用超过2个的java程序，首页尽量不要使用java程序。没有图片的主页是不可思议的，但单张图片不要超过30k,动画图片控制在15K左右为宜，每页图片总量不要超过60k，其下载速度才是可以让人接受的。若切实需要使用大图片，应使用分割技术。应该尽量给每张图片加上注解，使包括设置了禁显图片在内的访问者在图片下载前能知道网页的结构。
我们崇尚学习、借鉴著名网站的设计，但不提倡抄袭，要体现您的个性与风格。很多网站都有"设为主页"、“添加收藏夹"的链接，不过多是介绍如何手工操作，下面的代码则将使您的主页呈现新意：
1
2
3
4
5
6
7
8
9
|
<a style="cursor:hand;color:blue" href onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://chinahacker2000.home.chinaren.com');">设为主页</a>
<script language="JavaScript">
function bookmarkit()
{
window.external.addFavorite('http://chinahacker2000.home.chinaren.com','童建平主页')
}
if (document.all) //判断是否IE，只有IE支持。
document.write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>')
</script>
|
您也应该有个"what’s new"页面，及时提供主页最近更新信息，若能配上滚动字幕显示，将更加醒目：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
<HTML>
<HEAD>
<TITLE>new message</TITLE>
<script language="JavaScript">
<!--
lstart=50
loop=true
speed=200
pr_step=5
function makeObj(obj,nest){
nest=(!nest)?'':'document.'+nest+'.'
this.css=(document.layers)? eval(nest+'document.'+obj):eval(obj+'.style')
this.scrollHeight=document.layers?this.css.document.height:eval(obj+'.offsetHeight')
this.up=goUp
this.obj=obj+"Object"
eval(this.obj+"=this")
return this
}
function goUp(speed){
if(parseInt(this.css.top)>-this.scrollHeight){
this.css.top=parseInt(this.css.top)-pr_step
setTimeout(this.obj+".up("+speed+")",speed)
}else if(loop){
this.css.top=lstart
eval(this.obj+".up("+speed+")")
}
}
function slideInit(){
oSlide=makeObj('divNews','divCont')
oSlide.css.top=lstart
oSlide.up(speed)
}
//-->
</script>
</HEAD>
<BODY bgcolor="#e6e6fa" OnLoad="slideInit()">
<div id="divCont" style="position:absolute;width:300;height:100;top:60;left:0;clip:rect(0,250,150,0)">
<div id="divNews"style="position:absolute;top:0;left:0">
<font face="Arial" color="#408080">
更新信息：<br>
改版主页全部上传完毕<br>
http://chinahacker2000.home.chinaren.com<br>
Your Message......<br>
Your Message......<br>
Your Message......<br>
Your Message......<br>
Your Message......<br>
Your Message......<br>
</font>
</div>
</div>
</BODY>
</HTML>
|
现在制作网页的软件俯拾皆是(有点夸张^_^),但小弟认为还是应该自己动手用HTML、DHTML等设计主页，才能创造出有特色的主页。这样有个好处，一些文字特效大可不必动用Photoshop等制图，用DHTML就可实现，同时省去了图片下载时间：
1
2
3
4
5
6
7
|
<font color="blue" style="width:50;height:0;filter:wave(Add=0,Phase=4,Freq=5,LightStrength=5,Strength=2)">水波</font>
<font color="red" style="width:50;height:0;filter:Blur(Add=1,Direction=45,Strength=8)">模糊化</font>
<font color="purple" style="width:50;height:0;filter:Glow(Color=#9966cc,Stength=8)">光照</font>
<font color="black" style="width:90;height:0;filter:DropShadow(Color=black,OffX=6,OffY=6,Positive=1)">阴影</font>
<font color="black" style="width:50;height:0;filter:Alpha(Opacity=0,FinishOpacity=75,Style=2)">透明化</font>
<font color="black" style="width:50;height:0;filter:Mask(Color=fuchsia)">反显</font>
<font color="maroon" style="width:80;height:0;filter:FlipH">水平倒影</font>
|
有人用小图片代替<ul>做段落标记，您可想过字体也可以用来做标记：
1
|
<FONT color=#ff0000 face=Wingdings>1</FONT>
|
最后，如果您自认为自己的主页做得不错，为防止您的主页被置于别人网页页面中—-作为其框架，可以在首页文件的
中加入如下代码：
1
2
3
4
5
6
|
<script language="JavaScript">
<!--
if (window.top.location.href!=window.location.href)
window.top.location.href=window.location.href;
-->
</script>
|
扫描版请详见如下：
