网站建设中页面设计要点

【内容导读】我们在制作一个网页之前，应该先进行设计版式，版面设计基础较差的朋友最好将网页的版式画在纸上，免得在做了一半时发现页面不好看而放弃。在网站程序制作时，应该注意一下几点...

我们在制作一个网页之前，应该先进行构思版式，版面设计基础较差的朋友最好将网页的版式画在纸上，免得在做了一半时发现页面不好看而放弃。

第一步先明确页面主题，比如你正在做一个关于深圳XXX公司的网站，就应先想好网站的标题。假设你把它叫做“深圳XXX有限公司”，那么就考虑是否有合适的图片来衬托主题，你可以从该公司提取他们的形象照片。然后标题的主色调应先定下来，这对后面几步的版面设计影响可很大。

第二步明确页面上要链接的目录，比如你共有“关于我们、新闻中心、产品展示、在线留言、联系我们等五个主链接目录，那么要将他们放在较显眼的位置，根据页面风格的不同可以放在顶部导航、左边导航、右边导航等较明显的位置，主链接可以做成小图标的形式，但注意图片不能太大、也不能过分枪眼(一般情况下不比标题或主图的色彩重)。

第三步是指定主图，所谓主图，就是放一幅较能反映页面主题思想的图片，他的大小可适当超过页面上的任何图片，颜色也可不加限制。比如我们这里就用一幅企业形象墙的照片。

以上三步确定下来后，页面的基本风格就出现了，我们在根据情况进行调整，或者看是否加上背景，主要考虑主图是否需要背景。

第四步是决定加入引导文，从网站设计上来将，一个有特色的主页，主要包含有三个要素：图象、排列方法、主色凋，这三者相辅相成、缺一不可;要成为主页设计高手，首先要成为计算机图形高手，仅这一点就可以让一些初入门者学上一年半载了。图片的要求与页面的内容有关，一些较随意的主页，来访者并不在乎你能否做出精彩的图片，有些时候他们反而觉得放置图象后影响了访问速度，他们关心的只是页面内容;相反像一些需要靠图象来吸引访客的主页，如企业形象、团队风采等页面，图象是一个极为重要的要素，在这里缺少了恰当的图象、整个页面就会黯然失色、就是一个不完整的主页。但是并不是每个人都可以成为图象制作高手，这需要去学一大堆繁琐复杂的 hotoshop、freehand等等，还要有较深厚的美术基础，如审美观、创意技巧、观察力并不是靠短时间内可以培养起来的，需要多年的训练和经验积累，在这里我不想罗嗦每个细节，而是教大家一些窍门来弥补自己某些方面的不足。

要做一辐完美的图象比较难，好在网络上到处有现成的图象可以信手拿来套用，关键是要培养你的审美观，一幅图象是否运用的合适、与其他要素是否和谐统一、能否寸托主题全在于你的把握。对于审美观的提高，有一个迅速提高的方法，就是多看别人的优秀站点，仔细分析这些站点图象为什么好看，要是换一个图象或换一种色彩是否可行;要是由你来做，你会如何处理等等，这样你的审美观会在短时间内大幅提高。

另外在网站程序上还要注意一下几点：

框架结构

有些搜索引擎（如fast）是不支持框架结构的，他们的“蜘蛛”程序无法阅读这样的网页。

FLASH动画

虽然FLASH制作的网页视觉效果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。

MAP图象区块

除AltaVista、Google和Northern Light（现已停止公共搜索服务）明确支持图像区块链接外，其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置Image Map链接。

特效链接

我们经常看到有些网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过Java Script实现，视觉上非常新颖，但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉一些花哨的东西。

动态网页

任何地址中带“？”号、“&”号（及其他类似符号）的网页都会把“蜘蛛”程序挡在门外。这些网页通常由CGI、PHP等程序产生，技术上较先进，但不适合搜索引擎的“蜘蛛”程序。虽然目前有的大型搜索引擎（如Google）已具备检索动态网页的能力，但相当一部分数引擎还是不支持它的。而且即使是能够索引动态网页的Google，也在多个场合中明确表示不保证检索全部的动态网页。因此，除非是超大型网站，为方便起见不得不采用动态网页生成技术，否则还是尽量使用静态网页为好。

加密网页设计

除非你不希望搜索引擎检索你的网页，否则不要给你的网页加密。

网页容量

包括图像在内的网页字节数最好不要超过50K。体型庞大的网页下载速度慢，不仅会让普通访问者等得心急如焚，有时也会使“蜘蛛”程序感到不耐烦。

以上是网站建设中页面设计要点，做好以上几点虽然不能保证能将你的网站排到第一，但是只要你认真做了，我相信你的网站也会有个好的排名。

欢迎转载：转载请注明出处（www.daybillion.com）