创建优秀网页的6个好习惯

　　我在网上也经常看到，有的朋友对图象压缩似乎并未太多用心，比如用Photoshop存储JPEG格式吧，我猜想大多数情况下都是直接用Save as或Save a copy as这样的命令。当选择压缩比率时，软件仅提供了十个等级，压缩后的效果也不能马上看到，另外，如果是Photoshop4.0或5.01版，对JPEG的压缩，运用于网络也不算理想。网络图象，较大的也就是接近1024x768。因为显示器目前较大的就是17寸。更多的，则是在600或700点左右，这时，压缩成JPEG格式，弄不好就会把图象搞得模糊。至于GIF格式，它的压缩手段主要在颜色数和颜色表的选择等方面，经常使用GIF的人不一定就对它有很好的控制。而GIF的压缩方式及效果，在不同的软件里往往不同，大家还是应该稍加注意。有位网友在首页上用了一幅图象，也就是页面的五分之一，但首页下载速度相当慢。我把图象存下来一看，居然有85K。我重新把它存了一下，也就是24K左右。我是用Photoshop5.5存储这幅图象的。

　　Photoshop5.5已经发布很长时间了，不过，当中文版的5.01流行之后，许多人不大关心5.5英文版。实际上这是个大失误，尤其对各位网友们更是如此。因为，Photoshop5.5最大的变化，就是对网络的支持。近来，Adobe对网络的关心是大大增加了，Golive的出现、ImageStyler给网页美术带来的方便、ImageReady2.0与Photoshop5.5的捆绑，都能说明问题。

　　在5.5版里，无论是Photoshop还是ImageReady，当你输出JPEG或GIF文件时，你将得到完全的自由控制权。ImageReady2.0还能极容易地制作动画GIF，想了解这方面内容，请看我的《用ImageReady2.0作动画》，这里对ImageReady2.0不作介绍了，反正，这两个软件几乎没什么界面上的差别。

　　至于Photoshop5.5，当你将文件存储时，不论是JPEG还是GIF，建议你用File里的Save for Web命令。会出现一个新的控制板，左侧的大块面积是图象的预览效果，注意请选择左上角的Optimized显示方式，这时你看到的图象就是目前压缩比率下的效果，下方还有文件压缩后的大小及在不同传输速率下的传输时间。右边，是压缩控制区，我已将它剪切下来，请仔细看看，并不复杂。输出JPEG时，你可以控制压缩比率，从1%到100%，随你选择，同时，可以观察压缩效果，Blur是模糊度选择，当图象太硬，也就是说锐化程度过高时，可以稍微加一点模糊度。其它各项大家自己研究一下，不难理解的。需要说明的一点是，当你输出较大的图象时，不要选择Progressive复选框，这样，图象会随着下载过程一部分一部分地显示。如果你选择了Progressive，则只好等图象全部下载后才能显示了。

　　对于GIF，情况与JPEG类似。这时你控制的是颜色数，不再是压缩比率。 Photoshop5.5的GIF压缩很聪明，假如你的图象只用了两种颜色，并且尺寸很大，上面画了些光滑曲线。这时，如果存成JPEG，线条将很容易模糊，大面积的等值色块也将出现色斑。要避免这种问题，必须选择GIF格式。将颜色数选为2或4，你设定的那两种颜色会很好地保留下来，而文件又小，你该满意了，并且感谢Adobe吧。

　　当然，无论是JPEG还是GIF，图象压缩的程度，除了你的控制因素外，还与图象本身的具体情况有关。所谓压缩，是指程序将每一行像素点中相同的连接部分以简单的数字进行记录，JPEG则在这个基础上加入了特殊的算法。比如你画了一条水平线，压缩程序会记录这条线的颜色，长度等内容，而无须按每个像素的方式重复记录，这是压缩的基本原则。所以，当图象的色调变化非常大时，即使只占据了整个画面的一部分，压缩时，那些多色调区必须一点一点地记录，所以，文件也将较大的。编辑图象时须考虑到这一点。

　　最后，谈谈网站速度的问题。朋友说我们的网站下载速度较快，这是可能的，虽然并不总是这样。我们的网站是正式申请的，交了钱，从域名可以看得出来。选择的服务商也较新，先进的技术，先进的设备，无疑起了大作用。这一点，免费站点是作不到的。如果你对自己的网站怀着极大的期望与信心，劝你想点办法，申请一个正式的域名吧，当然，要谨慎选择服务商。

　　注意：本文讨论的是关于网页代码级的加密方法，而非程序级的加密索

　　关于网页加密，一般是使用unescape函数，它只是简单地将一些特定的符号、中文、字符变换成特定的编码，而对于英文，则基本上是原文显示，加密效果对比如下：

原代码：

＜html＞
＜head＞
＜/head＞
＜body＞
＜b＞ok＜/b＞
＜/body＞
＜/html＞

加密后的代码：

＜script＞
＜!--
document.write(unescape("%3Chtml%3E%0D%0A%20%20%3Chead%3E%0D%0A%20%20%3C/head%3E%0D%0A%20%20%3Cbody%3E%0D%0A%20%20%20%20%3Cb%3Eok%3C/b%3E%0D%0A%20%20%3C/body%3E%0D%0A%3C/html%3E"));
//--＞
＜/script＞


　　需要指出的是，这种在线加密一般同时也都提供了解密功能，所以，这种加密是没有什么意义的，徒增了网页的体积而已。

　　下面我来介绍另一种加密方式：JSCRIPT.ENCODE & VBSCRIPT.ENCODE（注意：它要求浏览者必需使用IE5及其上的浏览器）

　　它可以将JS或VBS或ASP代码编译成一串完整的状如乱码的字符串，对其中任何一个字符的修改将直接导致整个代码的不可用。它的安全性和保证代码的完整性方面是前一种方法所不可比拟的。其加密效果对比如下：

原代码：

alert("hello")

加密后的代码：

＜script language=jscript.encode＞#@~^EwAAAA==C^+.D`rt+^VKE#p@#@&EwUAAA==^#~@＜/script＞
　

　　从中找不到一点原代码的影子。

　　要使用这种加密方式，首先需要到微软网站下载一个SCRENC脚本编码器，请注意，它是一个在DOS提示符下使用的命令，但安装之后，会有相关的非常详细的图形界面下的帮助文件。

　　以下是该程序的语法解释：

　　描述
　　对脚本编写源代码进行加密，使其不会轻易地被用户查看或修改。

　　语法
　　SCRENC [/s] [/f] [/xl] [/l defLanguage ] [/e defExtension] inputfile outputfile

　　脚本加密程序语法的组成部分如下：

　　部分 描述

　　/s 可选的。 开关，它指定脚本加密程序的工作状态是静态的，即产生无屏幕输出。如省略，缺省为提供冗余输出。

　　/f 可选的。指定输入文件将被输出文件覆盖。 注意，该选项会破坏您原来的输入源代码。如省略，输出文件不会被覆盖。

　　/xl 可选的。指定不把 @language 伪指令添加到 .ASP 文件顶部。如省略，@language 指令添加到所有的 .ASP 文件中。

　　/l defLanguage 可选的。指定在加密过程中使用的缺省脚本编写语言 （JScript? 或 VBScript）。被加密文件中的脚本块如不包含语言属性，即被认为是由指定语言写成。 如省略，JScript 是 HTML 页和脚本小程序的缺省语言，VBScript 是动态网页的缺省语言。对于普通文本文件，由文件扩展名 （ .js 或 .vbs）决定缺省脚本编写语言。

　　/e defExtension 可选的。把输入文件与一个特定的文件类型相关联。当输入文件的扩展名不能明显显示出文件的类型时，即，当输入文件扩展名不是可识别的扩展名，但文件内容又可以归为可识别的类型时，使用该开关。该选项无缺省值。如果遇到一个带不可识别的扩展名的文件，且该选项未被指定，则脚本加密程序不能处理该不可识别的文件。可识别的文件扩展名有 asa、asp、cdx、htm、html、js、sct和 vbs。
inputfile 必需的。要被加密的文件名称，包括相对于当前目录的任何需要的路径信息。
outputfile 必需的。要生成的输出文件的名称，包括相对于当前目录的任何需要的路径信息。