技巧文章：网站设计与功能如何结合

网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。

　　从网络的发展来看，网页设计从无到有，从低级到高级，是基于技术的原因而受到客观的限制的，因为受传输带宽的限制，最早的网页是纯字母和数字的，没有图片和声音更别说是动画了，只能将占用空间很小的数字和字母来进行传输。

　　由此看来网页最初就是在功能性的基础之上发展起来的。到今天同样上网也离不开使用它的功能，所以网页的审美就首先要考虑其功能的要素（例如很多国外的大公司的网站也是这样做的）。那么从功能出发来看待网页设计，我们就必须考虑，使用者如何从网页中得到功能，如何更好的得到功能。这就需要站在使用者的角度来看待网页设计，才能使自己做出的网页受欢迎，从而达到基本的目的。有的网页设计师说：我是设计师，我站得比普通人高，欣赏水平也比他们高，应该引导潮流，应该引导他们学会欣赏美的网页。作为设计师引导潮流没有错，但是不应该采用居高临下的方式，而是要贴近自己的使用对象，想他们所想，急他们所急，方便他们的使用，适时的将自己的设计风格融入到作品中去，接受他们的检验，只有经得起考验的设计才是好的设计。而不是所谓的阳春白雪，成为孤家寡人，不适用。作为设计师来说，就是要把自己的网页做得美一些（基于功能性的）。

　　谈到美，网页这种特殊环境下的美于传统的艺术上的审美有着明显的区别，因为一般的艺术上的美是海阔天空，无所顾忌的，只要符合人们的欣赏的习惯，能够在欣赏者的心里产生共鸣就是美的；而网页的布局上的审美却要受到很多的限制，当然它也有优于传统艺术的地方，最明显的就是它的交互性和更新速度的快捷，纯艺术很大程度上是作者的自我宣泄，但是网页设计直接面对的是大量用户，随时都会反馈回来对网页的批评建议等，可以根据实际情况进行修改，比如在建站时考虑不周到的地方，设计时没有得到重视的地方，可以根据要求进行调整。同样不损整体效果，却可以使使用者用起来更加的方便。这个过程可以在很短的时间里完成。同时网页能融合文字、图片、声音、动画于一身。这是传统艺术所达不到的。当然最根本的在使用方面就限制了它不能够随意的挥洒自如，任设计师自由的发挥。以下针对网络环境下的审美。

　　首先：要考虑上网者的环境，通常可见的情况是：上网者眼睛盯着一个冷冰冰的电脑屏幕，手移动鼠标，保持一定的姿势，而且一般是连续很长的时间。在这种情况下，假如连接的网站的网页做得很差，不考虑排版布局的形式美的要素，一味的以刻板的文字或者是图片来充斥这个页面，那么使用者看久了就会厌倦，甚至讨厌。同样在网络世界里，五花八门，涉及到各方面的内容，使用者通常是打开很多的窗口，在一种纷繁复杂的情况下接受信息。这样假如他们浏览的网页是设计得又是特别花哨，图片、文字、动画等等堆砌的极为杂乱，那么更加剧了这种心理上的厌烦感，这种网页能算得上美吗？所以从使用环境里的功能的因素来考虑美才是最根本的。

其次：考虑使用对象本身也是网页审美的一个重要方面，网页设计都是为每个具体的网站的做宣传，那么不考虑对象就如同闭门造车，这样会造成其根本的功能的损失，使使用者浏览起来困难。例如一个儿童网站，设计得如同一些新闻专题的网页一样，纯粹是文字。那么使自己的使用对象－儿童在浏览该网站的时候毫无兴趣，阻碍了网站的基本的目的，因为该网站的目的就是要使更多的儿童来光临这个网站，从而扩大网站影响。从这个功能层面上来理解，设计的美是同使用对象分不开的。

　　再者：网页设计的美其实是一个满足使用者需求的过程，能够使他们使用起来方便快捷，排除他们使用中的问题，这就是美的，这就是纯粹从功能上的要求出发的。就是最根本的功能被满足就是最根本的美。不是吗？假如我想上一个体育的网站了解一下当天的足球战报，那么我上网的目的性就是非常的明确，直接看足球的结果。那么考虑一下我的上网过程就是先敲入网址，到主页上，然后尽快的找到足球的栏目，再找到比分的链接。那么设计师如果考虑到上这个网站的很多人都非常想知道足球的比分，那么在主页上放上一个流动的临时更新的框，就可以使上站的使用者直接在主页上看到想要看的东西，这样快速而又方便的结果，其实质上是一个网页设计的成功的地方，这种网页就是美的，反之假如把网页设计得非常的“漂亮”（这里指的是纯粹的从艺术审美上的漂亮，满足一般的形式美的要求的，而不考虑使用环境的情况），但是把该链接做到不容易找到的地方，或者是由于满足“漂亮”的要求，增加了几级的链接，从而增加了使用者的不方便，这种网站也是不美的，至少它没有为自己的使用对象考虑，就是失败。 　　还有一个美的因素也不能不考虑，就是网站本身，其实也是功能来决定的，作为网站的目的就是要通过使用者的使用来得到体现，如何使更多的人来使用和使他们浏览过之后记住这个网站？也就是通过自己的设计使网站的形象得到提升，使网站的形象在每个使用者的心目中扎根。这是现在网页设计中普遍不受重视的，也许是还欠缺这种意识，才出现这种情况，有些网页做得很有味道，不管是用色还是布局的编排，都是非常的讲究，但是却没有注意到网站的本身的东西，例如网站的名称或者是网址没有得到强化，尽管使用了之后觉得好，但是第二次使用时却记不起是什么网站了，因为上网通常要看很多的网站，每一个都记录下来是非常不方便的，很多网友也不愿意这样做，再说收藏夹里收藏太多了也找起来来也不方便。还要定期不定期的进行整理，也挺麻烦

　　网站需要保卫么？推广还来不及呢，哪能拒客于门外。不过网站的确需要保护，不然……

　　1.防网页框架

　　这年头，流氓都没人管，或者说，有后台的流氓都没人管。于是各种各样形形色色的流氓遍地开花。借网摘之名，收流量之名，于是，你就被框框们框住了。

　　防网页框架对策

　　这年头，法律不保护你，只能自己保护自己。网页中写入如下代码即可防止被框

　　＜script type="text/javascript"＞if (top.location !== self.location) ＜/script＞

　　2.防域名捆绑

　　国人眼中 .com 才是正牌域名，所以大部分情况下是同一个域名 .com 被抢注，而 .net .org 等域名安然无恙。不要以为自己捡了便宜。当你用 xxx.net 红火发展的时候，别人就会用 xxx.com 解析到你的网站，如果你熟视无睹甚至还洋洋得意，那就等着付学费吧，等人们都熟悉 xxx.com 访问时，他们就会向你高价出售该域名，不买的话，等着流量被劫持吧。

　　防域名捆绑对策

　　网页可判断服务器SERVER_NAME变量，如果不包含自己的域名则进行跳转。服务器端 ASP代码 将www.target.com换成自己的网址

　　Dim strServer_Name strServer_Name = LCase(Trim(Request.ServerVariables("SERVER_NAME"))) If strServer_Name ＜＞www.target.com Then Response.Redirect "http://www.target.com" End If

　　网页客户端 将www.target.com换成自己的网址

　　＜script type="text/javascript"＞var my_domain = "http://www.target.com"; var page_url = window.location.href; if ( page_url.indexOf(my_domain!= -1) { top.location = my_domain; } ＜/script＞

　　3.防域名劫持

　　域名劫持分两种情况，一是在网关发送虚假DNS信息，对国内国际域名都有效，一般无法解决，只能让访客记住自己的服务器IP或多准备几个域名备用，这种情况只能影响部分用户。

　　第二个是直接修改DNS信息，时间若长可影响全球用户。目前 .cn 域名被修改的几率更大，如前几天Google和MSN的.cn的域名被劫持。以及几年前腾迅非法抢夺QQ.com.cn域名事件。

　　防域名劫持对策

　　尽量注册 .com .net 等国际域名，再说 .cn 域名也不向个人开放（就是说，个人注册没有法律保障。）

　　4.防盗版侵权

　　盗版侵权其实是个大问题，可惜在国内大不是问题。后果基本上轻则图片盗链影响服务器，重则，你还想做大做强么？

　　不知道给这些侵权者发工资时发他们干不干，我倒觉得区别不大。

　　防盗版侵权对策

　　以下仅是简单的防护方法，要想根本解决这个问题，得等像样的著作权法出台。还有国家像封杀某些网站一样的决心。

　　文章中多使用图片，并且给图片打上自己站点logo和域名的水印。

　　文章中多包含复杂HTML标签和各种链接，降低简单复制后的可读性。

　　文章中举例时多使用自己的网站。

　　5.防网站复制、采集

　　各种网络广告平台一多，不少人就采取这种最简单的建立网站的方式来悉数照搬其它网站了。

　　防网站复制、采集策略

　　一般盗取网站信息的服务器IP比较固定，知道它IP了，自由发挥吧，比如针对其IP访问的每个网页给它多包含一个N兆图像。或者干脆封掉其IP。

　　1 布局、外观错误

　　1.1 页面宽度

　　1.1.1 页面内容宽度选择不当

　　问题

　　设计页面宽度时不考虑使用800*600分辨率的用户

　　分析

　　根据W3Counter在2006年7月9日发布的全球Web调查显示，使用800*600分辨率的用户仍占11%，所以在设计页面宽度时，要照顾这部分用户。

　　游戏站的用户大多是游戏玩家，他们中间绝大多数人的浏览器分辨率是1024*768或更高的分辨率，所以游戏专题为了获得更好的效果，可以在1024*768分辨率下设计页面宽度，一般为900~1000像素宽。但不排除其中也有一部分800*600分辨率的用户，为了保证这些用户能在第一屏获得更好的效果，要把主要内容放在页面左侧。

　　公司首页、毒霸、WPS、词霸等站，应尽量保证800*600分辨率下不出现横向滚动条，即页面宽度为公司常用的760像素宽。

　　除了固定页面的宽度，设置页面宽度的像素值外，还可以将页面宽度设为100%，以保证各个分辨率下的用户都不出现横向滚动条。对于信息量比较大的页面建议使用100%宽度。但100%宽度的页面会增加宽屏用户浏览网页时视线移动的距离，可以用Javascript控制这类页面的宽度，给它限定一个最大绝对值。

　　案例

　　神州学习网，面向的用户中有很多是大学生用户，目前大学里800*600的显示器还是占不小的比例的。而这个网站采用1024下的页面宽度，显然会失去一部分用户。毕竟类似的学习网站还有很多。

　　我们政府的网站，面向的用户是全国人民，不应该采用1024分辨率下的设计宽度。

　　1.1.2 页面内容宽度不一致

　　问题

　　页面中的一部分内容宽度超出主体内容的宽度