【Earls】网站设计要点

一、导航规范
商业网站不同于个人网站，在商业网站上的每一个页面都出现一定的固定信息，内容包括：主页、网站介绍、站点视图、联系方式、反馈、搜索工具、常见问题解答、实际内容栏目（包括相关站点链接、新闻页）……等等。在yesnew中我主要考虑了以下几个方面的内容：
网站名称、广告条、主菜单、友情链接、计数器、版权信息、隐私条款、合作联系、联系我们、关于我们
具体内容的采用视情况而定，不一定全部都必须有，但是至少应该不少于6-7项。　　二、目录结构及文件管理 目录的结构是网站构建时比较容易忽略的问题，很多网站都是未经规划随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，特别是出于对商业网站的规范性、可扩充性和可移植性考虑，网站的目录结构应该认真规划，避免以后出现不必要的麻烦。在yesnew中，我们对目录结构的规划遵循了以下几条原则：
1.不要将所有文件都存放在根目录下
有的网站的设计者为了方便，将所有文件都放在根目录下。这样做容易造成文件管理混乱。他们也常常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，这样必定影响工作效率，也影响上传速度。并且还有个问题，服务器一般都会为根目录建立一个文件索引。当你将所有文件都放在根目录下，那么即使你只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，等待的时间也将越长。所以，我的建议是：尽可能减少根目录的文件存放数，尽量只放default.htm（index.asp,index,htm,default.asp）一个文件。
2.按栏目内容建立子目录
子目录的建立，首先按主菜单栏目建立。例如在yesnew中一共有音乐、娱乐、动漫……等11个栏目，加上“梦幻学堂”共12个大栏目。于是我们建立相应的目录：music、entertainment、cartoon……。另外，其他的次要栏目，类似what＇snew，友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：“关于我们”、“合作联系”等可以合并放在一个统一目录下。所有程序一般都存放在特定目录，例如：CGI程序放在cgi-bin目录。便于维护管理。所有需要下载的内容也最好放在一个目录 download下。
3.在每个主目录下建立独立的images目录
通常一个站点根目录下都有一个images目录。但是各个分栏目下也需要用到许多图片，如果都放在根目录下的images里的话，那么以后更新和移植肯定会出现许多麻烦的问题。所以我强烈建议：为每个主栏目建立一个独立的images目录是最方便管理的，而根目录下的images目录只是用来放首页和一些次要栏目的图片。
目录的层次不要太深，建议不要超过三层。原因很简单，维护管理方便。其它需要注意的还有：
◆不要使用中文名目录---网络无国界，使用中文目录可能对网址的正确显示造成困难。因此我们在yesnew里没有使用中文目录名。
◆不要使用过长名称的目录---尽管服务器支持长文件名，但是太长的目录名不便于记忆。
◆尽量使用意义明确的目录。 关于文件的管理，有几点很重要：
◆不要使用中文文件名。
◆注意文件名的大小写，因为unix的服务器是不严格区分文件名的大小写的，值得一提的是用photoshop做的图片会出现后缀名大写的问题，要特别注意。
◆不要使用太长的文件名。
三、首页的设计
首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续点击进入，是否能够吸引浏览者留在站点上，全凭首页设计的“功力”了。所以，首页的设计和制作是绝对要重视和花心思的。
一）确定首页的功能模块。
首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块：网站名称、广告条、主菜单、新闻、搜索、友情链接、邮件列表、计数器、版权。选择哪些模块、实现哪些功能，是否需要添加其他模块都是首页设计首先需要确定的。
二）设计首页的版面
在功能模块确定后，开始设计首页的版面。设计版面的最好方法是：找一张白纸，一支笔，先将你理想中的草图勾勒出来，然后再用网页制作软件实现。
就像传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，你可以领会要点，举一反三。
版面指的是浏览器看到的完整的一个页面（可以包含框架和层）。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素、800*600像素、1024*768像素等不同尺寸。在这里，yesnew的首页可以针对不同分辨率的浏览器。
布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。
四、色彩的搭配
本来关于色彩的搭配是我们的美工大师TAIL的强项，但是谈到网页设计，就不能不谈色彩搭配，所以我姑且越俎代庖，也来谈谈网页设计中色彩的搭配。：）
在yesnew中，首页的主颜色采用了黄色，这是因为对青少年网站而言，黄色在心理上可能更能表达那种年轻人的朝气和活力。在音乐栏目中，主颜色采用了紫色，表现了音乐的瑰丽和魅力。
在yesnew首页里，正文的文字用的是黑色，页面的背景用的是白色，而为了避免色彩过于单调，还使用了一些黄色块。
五、字体的设置
字体的设置是网页设计一个重点，下面是几条我们在yesnew的网页设计中所采用的字体的使用原则，仅供参考：
1.不要使用超过3种以上的字体。字体太多则显得杂乱，没有主题；
2.不要用太大的字。因为版面是宝贵，有限的，粗陋的大字体不能带给访问者更多信息；
3.不要使用不停闪烁的文字。想让浏览者多停留一会儿的话，就不要使用闪烁的文字；
4.原则上标题的字体较正文大，颜色也应有所区别；
5.正文的字体大小请使用9pt（即9磅）。