Web网页配色方案及安全色谱

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

　　关于网页加密，一般是使用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 必需的。要生成的输出文件的名称，包括相对于当前目录的任何需要的路径信息。

　　如今，互联网越来越走近我们的生活，网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷，涌现出大量优秀精美的网页。大量网络信息的呈现，无非就是通过文本、图像、Flash动画等，其中,文本是网页中最为重要的设计元素。对于网页设计初学者而言，了解和掌握网页设计中的文字排版设计就显得尤为重要，下面笔者想谈谈一己之见。

　　文字的格式化

　　1.字号、字体、行距

　　字号大小可以用不同的方式来计算，例如磅(Point)或像素(Pixel)。因为以像素技术为基础单位打印时需要转换为磅，所以，建议采用磅为单位。

　　最适合于网页正文显示的字体大小为12磅左右，现在很多的综合性站点，由于在一个页面中需要安排的内容较多，通常采用9磅的字号。较大的字体可用于标题或其他需要强调的地方，小一些的字体可以用于页脚和辅助信息。需要注意的是，小字号容易产生整体感和精致感，但可读性较差。

　　网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。

　　从加强平台无关性的角度来考虑，正文内容最好采用缺省字体。因为浏览器是用本地机器上的字库显示页面内容的。作为网页设计者必须考虑到大多数浏览者的机器里只装有三种字体类型及一些相应的特定字体。而你指定的字体在浏览者的机器里并不一定能够找到，这给网页设计带来很大的局限。解决问题的办法是：在确有必要使用特殊字体的地方，可以将文字制成图像，然后插入页面中。

　　行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12，即用字10点，则行距12点。这主要是出于以下考虑：适当的行距会形成一条明显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。

　　除了对于可读性的影响，行距本身也是具有很强表现力的设计语言，为了加强版式的装饰效果，可以有意识地加宽或缩窄行距，体现独特的审美意趣。例如，加宽行距可以体现轻松、舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。另外，通过精心安排，使宽、窄行距并存，可增强版面的空间层次与弹性，表现出独到的匠心。

　　行距可以用行高(line-height)属性来设置，建议以磅或默认行高的百分数为单位。例如：｛line-height：20pt｝、｛line-height：150%｝。

　　文字的整体编排

　　页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局中的作用。从艺术的角度可以将字体本身看成是一种艺术形式，它在个性和情感方面对人们有着很大影响。在网页设计中，字体的处理与颜色、版式、图形等其他设计元素的处理一样非常关键。从某种意义上来讲，所有的设计元素都可以理解为图形。

　　1.文字的图形化

　　字体具有两方面的作用：一是实现字意与语义的功能，二是美学效应。所谓文字的图形化，即是强调它的美学效应，把记号性的文字作为图形元素来表现，同时又强化了原有的功能。作为网页设计者，既可以按照常规的方式来设置字体，也可以对字体进行艺术化的设计。无论怎样，一切都应围绕如何更出色地实现自己的设计目标。

　　将文字图形化、意象化，以更富创意的形式表达出深层的设计思想，能够克服网页的单调与平淡，从而打动人心。

　　2.文字的叠置

　　文字与图像之间或文字与文字之间在经过叠置后，能够产生空间感、跳跃感、透明感、杂音感和叙事感，从而成为页面中活跃的、令人注目的元素。虽然叠置手法影响了文字的可读性，但是能造成页面独特的视觉效果。这种不追求易读，而刻意追求“杂音”的表现手法，体现了一种艺术思潮。因而，它不仅大量运用于传统的版式设计，在网页设计中也被
广泛采用。

　　3.标题与正文

　　在进行标题与正文的编排时，可先考虑将正文作双栏、三栏或四栏的编排，再进行标题的置入。将正文分栏，是为了求取页面的空间与弹性，避免通栏的呆板以及标题插入方式的单一性。标题虽是整段或整篇文章的标题，但不一定千篇一律地置于段首之上。可作居中、横向、竖向或边置等编排处理，甚至可以直接插入字群中，以新颖的版式来打破旧有的规律。

　　4.文字编排的四种基本形式

　　页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局中的作用。

　　两端均齐：文字从左端到右端的长度均齐，字群形成方方正正的面，显得端正、严谨、美观。　　一个网站要想成功注册，它起码应具备两个条件，一是网站本身要有较好的内容和设计，二是网站没有作弊行为。这里所谓的“作弊”，是指采用一些特殊的、有悖常规的网页设计手法，以期提高网站排名的行为。如何设计好网站，相关的资料很多，本文就不废话了。这里主要谈谈后者，即在提高网站排名的同时，如何避免被搜索引擎视为作弊而拒绝注册。 那么，在搜索引擎看来，哪些行为算作弊呢？这里罗列了一下，从中你可看到，现在有些人还视为“密技”的东西，其实已经过时了。　

　　堆砌页面关键字：为了增加某个词汇在网页上的出现频率，而故意重复它。这是有人常用的花招，不过，现在很多搜索引擎都能识破它。它们通过统计网页单词总数，判断某个单词出现的比例是否正常。一旦超过“内定标准”，就对你的网页说“ByeBye”了。 　

　　放置隐形文本：所谓的“鬼页法”。为了增加关键字数量，网页中放一段与背景颜色相同的、包含密集关键字的文本，访客看不到，可搜索引擎却能找到，过去一度还真能提高网站排名，但现在，主要搜索引擎都能识别出来，照样玩不通了。 　

　　安插微型文本：与“鬼页法”相似，只是文本更些?⒏?分散、更隐蔽。但是，对于敏感的搜索引擎来说，仍然是枉费心机。 　

　　网页重定向：使用META刷新标记、CGI程序、Java、Javas cript或其它技术，当用户点击一个链接时，自动跳到另一个网页。有人正是用这种方法，欺骗人们进入并不想去的地方。因此，有些搜索引擎（如Infoseek），对此类网页也很反感，一般不予登记。
　
　　滥用Meta标记关键字：有人为增加关键字的出现次数，在语句中，重复关键字，或者加入与网站内容毫不相关的热门词汇。这种作弊行为，大部分搜索引擎也能识破。 　

　　滥用门户网页：门户网页（也称“桥页”），是指为了获得好的排名，而专门针对各搜索引擎排序算法设计的网页。尽管今天，多数搜索引擎并不反对这种作法。但俗话说：“物极必反。”建立太多具有相近关键字的门户网页，会招致搜索引擎的反感而无法成功注册。 　

　　连续注册：有人为加大保险系数，在一天之内，将一个网页重复提交给同一个搜索引擎，其实，这种作法适得其反。
　
　　重复注册：有人以为，将一个网页简单复制成多个网页，然后，给它们安上不同的名字，并分别予以注册，会增大访问量，结果，搜索引擎会认为你在滥用它，而拒绝登记你的网站。

　　偷换网页：是指一个网页成功注册并获得较好排名后，用另一个内容无关的网页（如产品广告）来替换它的行为。 　

　　张冠李戴：上面提到的门户网页，只适用于Altavista这类自动登录的搜索引擎，如果提交给Yahoo这类人工分类的目录式搜索引擎，它就会认为你在作弊。 　

　　突破页数限制：一些搜索引擎允许每个用户每天或每周提交的网页数量是有限制的。例如，Altavista每天允许10页；HotBot允许每天50页；Excite允许每周25页；Infoseek允许每天50页（但使用e-mail注册，没有页数限制）。请注意，这并不是说，搜索引擎每天或每周只能为你登录以上页数，而只是允许你提交的页数。还不明白？那就举个例吧，对于Excite而言，每周只允许你提交25页，如果你的网站有1000页，那该怎么办呢？就提交25页即可！余下的Excite会自己检查到，并将编入索引中。如果你强行突破这个限制，那么，搜索引擎就会认为你在作弊，反而不予注册。　

　　上面这些条款似乎很明显、很容易区分，但有时我们却可能不知不觉犯上。例如，你有一个网页，背景是白色，在这个网页上，你设计了一个表格，其背景为蓝色、文字为白色，这种设计应该说也是完全正常的，但如果你到搜索引擎Infoseek去注册，它却不理你。为什么呢？它认为你在作弊！在Infoseek看来，表格中的白色文本，实际是置于白色的网页背景上，也就是说，网页文本与背景颜色相同，这就符合“鬼页法”的作弊特征。而这一点，可能你自己根本没有意识到。还有一例，有时因设计需要，或者网站已迁移到其它地方，通常我们会用到网页重定向，但对于Infoseek等搜索引擎而言，这也是不可容忍的作弊行为。另外，Infoseek等搜索引擎还要求，不要在多个网页上布置指向同一个网页的链接。例如，很多人喜欢在各个网页放上“返回主页”的链接，其实就属于这种情况。这种司空见惯的设计，居然也被看成作弊，真是太苛刻了。不过，对此Infoseek在真正执行时，似乎也并不是很严格，一些这样设计的网页，它照样登录了（你也碰碰运气？）。总体上说，这些限制都是为了对付真正的作弊者，使搜索引擎的检索结果更加准确有效，但事实上，的确也错怪了一些好人。如果万一你碰上这种情况怎么办，搜索引擎到底会怎样处罚你呢？ 　

　　跟不少网主一样，笔者以前对此不甚了解，以为自己的某个网页违项，会导致整个网站被封杀。其实，事实并非如此！因为运作搜索引擎的人也知道，有时他们搜索引擎判定的“作弊”，实际是一种正常合法的设计，只是因为搜索引擎自身还不够“聪明”，无法准确判断是故意作弊，还是偶然巧合。所以，他们通常不会因为某网页象在作弊，就拒绝登记整个网站，而只是对有违规嫌疑的网页进行处罚——降低排名或不予登记，而其它的合法网页不会受到影响。此时，你只需将这个网页修改，并重新注册即可。