天
天 剑
制作个人主页的技巧
在电脑网络这个虚拟世界里，个人主页如雨后春笋，蓬蓬勃勃、生
机盎然！那么如何才能“俏立笋尖”呢？请随我来：
1.首先主题选择不要落俗! 现在许多的个人主页就象"大锅饭".题
材包罗万象,内容雷同无味.让我一看就赶紧"back",我可是花钱上网的
噢!题材的选择少而精,又能坚持天天更新的话,会很快受到大家的欢迎，
就象书路的电子图书,龙翔的游戏资讯.另外提醒您的一点就是,最好不
要在主页里设有关hacker(解密,注册码)的资料,国内大部分的免费空
间提供商都不接受含此类信息的站点.
2.如果您准备建立新的个人首页，千万不要立刻开始制作页面。一
定要好好的想一想，总体规划一下整个网站的结构。特别要考虑到网站
的维护更新方便。一时兴起，想到什么就作什么，往往会使您的网站，
虎头蛇尾，条理混乱，最终因维护困难而夭折。
3.开始制作请您千万不要急着许多页面一起制作.许多新手会及不可
待的将收集到的各种资料填入各个页面.转眼首页速成,成就感喔!可等您
回过味来想要修改一些页面元素时,却发现一页一页改的好辛苦! 建议您
先制作有代表性的一页,将页面的结构,图片的位置,链接的方式统统设计
周全,例如:每页设置"返回首页"的链接,Email地址,版权信息等.然后copy
成N个页,再将相应的内容"填空".这样制作的主页,速度快,整体性强.如果
您能结合borders的使用,可以天天轻松改变站点的风格.
4.制作时,内容不要全搬照抄他人的内容,适当加入一些自己的文章,评
论和见解,会使大家更加相信您,尊重您.例如翻译一些英文教程,写作一些
软件的用法,分析一些实例制作过程.毕竟是个人主页,要体现您的个性,风格,
让大家了解,接受您的观点,是个人主页的精神所在!
5.每个页面不要使用超过2个的java程序,能够用javascript替代效果
的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍
受.java会使您的网页速度减慢至少50%.由于浏览器的版本,有时候等候半
天,却告诉您java applent不能启动,这种经历相信您也有!
6.单张图片不要超过30k,每页图片总量不要超过60k(一般情况).据统
计分析,每页不超过60k图片的网页,其下载速度是可以让人接受的.所有的
图片都必须"减肥"小图片(100x40)一般可以控制在6k以内,动画控制在15K
以内,较大的图片可以"分割"成小图片.合理采用jpg和gif格式也是至关重
要的,色彩鲜艳高分辨率的用jpg,色彩单调低分辨率的用gif,采用gif89a
格式的图片在download时能交错显示.
7.设置一个专门的"what's new"页面.及时醒目的告诉来访者您主页
最新更新的内容,这样能方便常客浏览和寻找他们所需要的内容.许多好的
主页干脆将首页的内容作成"what's new",如"欢乐天地""华军主页",让您
一目了然,不致于层层深入,一无所获.
8.为您的图片加注解.图片的下载较慢,在没有显示出来时注解的标注
有助于让浏览者知道这是关于什么的图片,是否需要等待,是否可以点击.特
别考虑到纯文本浏览者浏览的方便,您千万抽空为图片加一个注解.这是一
个小地方,却体现一个网页的制作水准哦!
9. 备份您的主页.您要说了,这也算窍门?象在凑数!千万千万不要这样
想."机有不测风云",现在系统大战,软件Bug百出,病毒横行的年代,您保不
准什么时候机器罢工,辛辛苦苦制作的网页付之东流.这样的“惨痛教训”
我可不止一次了.算俺罗唆也好,杞人忧天也好,您就备份了罢!
再讲讲版面设计的几点小体会
版面设计，根据个人爱好以及网页内容的不同，版面的设计布置千变
万化，换一下背景就是另一种感觉，怎样的布局好看，没有定式。
1。“简单就是美”，这是设计者追求的最高境界，不要将版面弄的过
分花俏，不要将大量的与主题无关的图片堆砌；
2。善用表格。采用表格可以将各元素排版的整齐服贴；
3。选定你的主色调，就是指主页的色彩。一般不要超过3种，下列色彩
组合较易使版面醒目：黑白，蓝白，黑灰白，蓝黑，紫黄；
4。不要使用大幅面的Java程序。java的运行速度太慢，往往使浏览者
没有耐心等页面全部显示出来，这样你的精心设计便毫无效果啦！
5。 设计Web页面时，一定要用640×480和800×600的分辨率来分别观
察。许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一些Web
页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。作一点小小
的努力，设计一个在不同分辨率下都能正常显示的网页。
还有图形处理的几种方法和技巧
随着 Internet的不断发展壮大，Internet 上的网页制作成了一门新兴
科学。网页中不可避免地包含着一定数量的图形，因为较多的图像在增加吸引
力的同时能给访问者提供更多更直接的信息，同时图像也较少受计算机平台、
地域和语种的限制，能使网页更多地显示出制作者的创造力。
虽然图像具有上述优势，但是由于图像是在Internet网络上传送，而Int-
ernet线路目前的传输速率还不理想，特别是国内大多数用户是通过慢速拨号
连入本地的ISP,因此图像的大小在很大程度上影响着网页的下载时间，制作不
好的图像文件下载时更会浪费Internet的带宽。
由此可见我们在制作网页时优化图像的大小是非常关键的，优化后的图像
也许仅仅减少了几千个字节，但当页面中不只是一幅图像，或不止一个用户且
不止一次地访问该页面时，节省的下载时间和通道带宽将是巨大的。下面笔者
就浅谈一下制作网页时几种用来优化图形的常用格式。
GIF格式：
GIF(Graphic Interchange Format图形互换格式)是为跨平台消费市场
开发的，当时消费者还没有机会使用“高档”的图形卡，大多数计算机的图形
颜色比256色还少，所以256色被作为可显示的最高数目。GIF也是Internet上
使用最早、应用最广泛的图像格式。GIF格式储存8位／点至l位／点的图像。
其原理是减少每点的存储位数以减小图像文件的大小，这就是我们通常所说的
减色抖动dithering。准确地说，GIF减少了图像调色板中的色彩数量，从而在
存储时达到减小图像文件大小 的目的。该调色板通常并非Windows本身提供的
标准凋色板，而是图像优化处理后的调色板。
现在假定我们制作一幅全色图像（用photoshop的术语就是“RGB模式”），
原图为120k的“PSD格式”，准备作成一份GIF的文件之前，必须将它用一个相
关的颜色图转换成为一个受限制的8位图像（用photoshop的术语说就是工作于
“索引颜色模式”）
尽管支持的颜色数目较少，GIF格式仍然因拥有一些Ｗeb上使用很广泛的特
殊效果而留存至今。如：交错效果、透明颜色效果以及GIF89a(动画)效果。
交错：
交错即图像下载时从模糊逐渐到清晰的过程。
当你查看一幅本地系统的图像时，通常图像都是一下子就全部显示出来而
与用什么方式储存关系不大，但是在Internet网络上就不一样，当通过Inte-
rnet慢慢地下载一个包括图像的文件，浏览器能边下载边显示收到的内容，此
时就可以看到图像文件显示的顺序，GIF默认的存储图像顺序为从上到下、从左
到右。当下载到一半时，只显示上半部图像。如果下载得慢而下半部图像是关键
部位，则必须等待下半部图像的出现，这对用户来说是相当烦人的。
GIF允许图像进行交错处理，此时不再严格地从上到下、一行像素一行像素
地显示，而且每隔八行处理一次，然后再填补其间的空隙直到清晰为止。下载过
程好比是一幅粗线条的素描变成色彩分明的图像，交错后的GIF文件容量并不变
化。这种效果处理主要用于处理一些尺寸比较大的图像。
JPEG格式：
由Joint Photographic Experts Group提出并因此而得名，是在Internet
上被广泛支持的图像格式，JPG支持16M色彩也就是通常所说的24位颜色或真彩色，
其典型的压缩比为4:1。由于人类眼睛并不能看出存储在一个全图像文件中的全部
信息，可以去掉图像中的某些细节，并对图像中某些相同的色彩进行压缩。JPG是
一种以损失质量为代价的压缩方式，压缩比越高，图像质量损失越大，适用于一
些色彩比较丰富的照片以及24位图像。
JPEG只能对具有连续色调或连续灰阶的 24位图像进行压缩，对由8位转化成
24位的图像没有优势。原因在于8位色彩的图像中相邻点的颜色变化比 24位大，
JPEG对这类非连续色调图像的压缩将造成一种既占空间又损失图像质量的结果，
在这种情况下JPEG的压缩效果可能比Gif更差。
由以上可看出 ：
１.GIF和JPEG虽然能使图像文件变小，但是对图像的质量均有一定的影响，
因此我们在处理图像GIF和JPEG格式之前最好先把图像原件备份。同时JPEG是一
种积累压缩的方法，所以我们应尽可能地从原图一次压缩，而不要对已经压缩过
的图像再进行压缩。
２.在GIF和JPEG之间进行选择时，要记住你的目标是在质量可以接受的情况
下使图像的容量变为最小，通常是单调的颜色表示你能够大幅度减少颜色的数目，
也就是说可以考虑使用GIF压缩。一条用黑与白绘制的线，最适合使用GIF，因为
总的颜色数目可以减少。用JPEG处理照片（包括绘画的照片）比较合适，因为它
们的阴影与色彩中包含有许多缓和的变化。高对比的“艺术”照片则例外，因为
它们里面有单调区域，所以适合用GIF处理。
好了，朋友————你可以尽情发挥啦！
在电脑网络这个虚拟世界里，个人主页如雨后春笋，蓬蓬勃勃、生
机盎然！那么如何才能“俏立笋尖”呢？请随我来：
1.首先主题选择不要落俗! 现在许多的个人主页就象"大锅饭".题
材包罗万象,内容雷同无味.让我一看就赶紧"back",我可是花钱上网的
噢!题材的选择少而精,又能坚持天天更新的话,会很快受到大家的欢迎，
就象书路的电子图书,龙翔的游戏资讯.另外提醒您的一点就是,最好不
要在主页里设有关hacker(解密,注册码)的资料,国内大部分的免费空
间提供商都不接受含此类信息的站点.
2.如果您准备建立新的个人首页，千万不要立刻开始制作页面。一
定要好好的想一想，总体规划一下整个网站的结构。特别要考虑到网站
的维护更新方便。一时兴起，想到什么就作什么，往往会使您的网站，
虎头蛇尾，条理混乱，最终因维护困难而夭折。
3.开始制作请您千万不要急着许多页面一起制作.许多新手会及不可
待的将收集到的各种资料填入各个页面.转眼首页速成,成就感喔!可等您
回过味来想要修改一些页面元素时,却发现一页一页改的好辛苦! 建议您
先制作有代表性的一页,将页面的结构,图片的位置,链接的方式统统设计
周全,例如:每页设置"返回首页"的链接,Email地址,版权信息等.然后copy
成N个页,再将相应的内容"填空".这样制作的主页,速度快,整体性强.如果
您能结合borders的使用,可以天天轻松改变站点的风格.
4.制作时,内容不要全搬照抄他人的内容,适当加入一些自己的文章,评
论和见解,会使大家更加相信您,尊重您.例如翻译一些英文教程,写作一些
软件的用法,分析一些实例制作过程.毕竟是个人主页,要体现您的个性,风格,
让大家了解,接受您的观点,是个人主页的精神所在!
5.每个页面不要使用超过2个的java程序,能够用javascript替代效果
的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍
受.java会使您的网页速度减慢至少50%.由于浏览器的版本,有时候等候半
天,却告诉您java applent不能启动,这种经历相信您也有!
6.单张图片不要超过30k,每页图片总量不要超过60k(一般情况).据统
计分析,每页不超过60k图片的网页,其下载速度是可以让人接受的.所有的
图片都必须"减肥"小图片(100x40)一般可以控制在6k以内,动画控制在15K
以内,较大的图片可以"分割"成小图片.合理采用jpg和gif格式也是至关重
要的,色彩鲜艳高分辨率的用jpg,色彩单调低分辨率的用gif,采用gif89a
格式的图片在download时能交错显示.
7.设置一个专门的"what's new"页面.及时醒目的告诉来访者您主页
最新更新的内容,这样能方便常客浏览和寻找他们所需要的内容.许多好的
主页干脆将首页的内容作成"what's new",如"欢乐天地""华军主页",让您
一目了然,不致于层层深入,一无所获.
8.为您的图片加注解.图片的下载较慢,在没有显示出来时注解的标注
有助于让浏览者知道这是关于什么的图片,是否需要等待,是否可以点击.特
别考虑到纯文本浏览者浏览的方便,您千万抽空为图片加一个注解.这是一
个小地方,却体现一个网页的制作水准哦!
9. 备份您的主页.您要说了,这也算窍门?象在凑数!千万千万不要这样
想."机有不测风云",现在系统大战,软件Bug百出,病毒横行的年代,您保不
准什么时候机器罢工,辛辛苦苦制作的网页付之东流.这样的“惨痛教训”
我可不止一次了.算俺罗唆也好,杞人忧天也好,您就备份了罢!
再讲讲版面设计的几点小体会
版面设计，根据个人爱好以及网页内容的不同，版面的设计布置千变
万化，换一下背景就是另一种感觉，怎样的布局好看，没有定式。
1。“简单就是美”，这是设计者追求的最高境界，不要将版面弄的过
分花俏，不要将大量的与主题无关的图片堆砌；
2。善用表格。采用表格可以将各元素排版的整齐服贴；
3。选定你的主色调，就是指主页的色彩。一般不要超过3种，下列色彩
组合较易使版面醒目：黑白，蓝白，黑灰白，蓝黑，紫黄；
4。不要使用大幅面的Java程序。java的运行速度太慢，往往使浏览者
没有耐心等页面全部显示出来，这样你的精心设计便毫无效果啦！
5。 设计Web页面时，一定要用640×480和800×600的分辨率来分别观
察。许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一些Web
页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。作一点小小
的努力，设计一个在不同分辨率下都能正常显示的网页。
还有图形处理的几种方法和技巧
随着 Internet的不断发展壮大，Internet 上的网页制作成了一门新兴
科学。网页中不可避免地包含着一定数量的图形，因为较多的图像在增加吸引
力的同时能给访问者提供更多更直接的信息，同时图像也较少受计算机平台、
地域和语种的限制，能使网页更多地显示出制作者的创造力。
虽然图像具有上述优势，但是由于图像是在Internet网络上传送，而Int-
ernet线路目前的传输速率还不理想，特别是国内大多数用户是通过慢速拨号
连入本地的ISP,因此图像的大小在很大程度上影响着网页的下载时间，制作不
好的图像文件下载时更会浪费Internet的带宽。
由此可见我们在制作网页时优化图像的大小是非常关键的，优化后的图像
也许仅仅减少了几千个字节，但当页面中不只是一幅图像，或不止一个用户且
不止一次地访问该页面时，节省的下载时间和通道带宽将是巨大的。下面笔者
就浅谈一下制作网页时几种用来优化图形的常用格式。
GIF格式：
GIF(Graphic Interchange Format图形互换格式)是为跨平台消费市场
开发的，当时消费者还没有机会使用“高档”的图形卡，大多数计算机的图形
颜色比256色还少，所以256色被作为可显示的最高数目。GIF也是Internet上
使用最早、应用最广泛的图像格式。GIF格式储存8位／点至l位／点的图像。
其原理是减少每点的存储位数以减小图像文件的大小，这就是我们通常所说的
减色抖动dithering。准确地说，GIF减少了图像调色板中的色彩数量，从而在
存储时达到减小图像文件大小 的目的。该调色板通常并非Windows本身提供的
标准凋色板，而是图像优化处理后的调色板。
现在假定我们制作一幅全色图像（用photoshop的术语就是“RGB模式”），
原图为120k的“PSD格式”，准备作成一份GIF的文件之前，必须将它用一个相
关的颜色图转换成为一个受限制的8位图像（用photoshop的术语说就是工作于
“索引颜色模式”）
尽管支持的颜色数目较少，GIF格式仍然因拥有一些Ｗeb上使用很广泛的特
殊效果而留存至今。如：交错效果、透明颜色效果以及GIF89a(动画)效果。
交错：
交错即图像下载时从模糊逐渐到清晰的过程。
当你查看一幅本地系统的图像时，通常图像都是一下子就全部显示出来而
与用什么方式储存关系不大，但是在Internet网络上就不一样，当通过Inte-
rnet慢慢地下载一个包括图像的文件，浏览器能边下载边显示收到的内容，此
时就可以看到图像文件显示的顺序，GIF默认的存储图像顺序为从上到下、从左
到右。当下载到一半时，只显示上半部图像。如果下载得慢而下半部图像是关键
部位，则必须等待下半部图像的出现，这对用户来说是相当烦人的。
GIF允许图像进行交错处理，此时不再严格地从上到下、一行像素一行像素
地显示，而且每隔八行处理一次，然后再填补其间的空隙直到清晰为止。下载过
程好比是一幅粗线条的素描变成色彩分明的图像，交错后的GIF文件容量并不变
化。这种效果处理主要用于处理一些尺寸比较大的图像。
JPEG格式：
由Joint Photographic Experts Group提出并因此而得名，是在Internet
上被广泛支持的图像格式，JPG支持16M色彩也就是通常所说的24位颜色或真彩色，
其典型的压缩比为4:1。由于人类眼睛并不能看出存储在一个全图像文件中的全部
信息，可以去掉图像中的某些细节，并对图像中某些相同的色彩进行压缩。JPG是
一种以损失质量为代价的压缩方式，压缩比越高，图像质量损失越大，适用于一
些色彩比较丰富的照片以及24位图像。
JPEG只能对具有连续色调或连续灰阶的 24位图像进行压缩，对由8位转化成
24位的图像没有优势。原因在于8位色彩的图像中相邻点的颜色变化比 24位大，
JPEG对这类非连续色调图像的压缩将造成一种既占空间又损失图像质量的结果，
在这种情况下JPEG的压缩效果可能比Gif更差。
由以上可看出 ：
１.GIF和JPEG虽然能使图像文件变小，但是对图像的质量均有一定的影响，
因此我们在处理图像GIF和JPEG格式之前最好先把图像原件备份。同时JPEG是一
种积累压缩的方法，所以我们应尽可能地从原图一次压缩，而不要对已经压缩过
的图像再进行压缩。
２.在GIF和JPEG之间进行选择时，要记住你的目标是在质量可以接受的情况
下使图像的容量变为最小，通常是单调的颜色表示你能够大幅度减少颜色的数目，
也就是说可以考虑使用GIF压缩。一条用黑与白绘制的线，最适合使用GIF，因为
总的颜色数目可以减少。用JPEG处理照片（包括绘画的照片）比较合适，因为它
们的阴影与色彩中包含有许多缓和的变化。高对比的“艺术”照片则例外，因为
它们里面有单调区域，所以适合用GIF处理。
好了，朋友————你可以尽情发挥啦！