1.2 内容架构
网站的内容架构是从总体上对网站目标进行的规划。这就好比盖房子,首先设计一个目标清晰的草图,然后将需要实现的东西绘制成一张精确而全面的图纸,我们常称这张图纸为“蓝图”。做好网站架构,就等于把网站的蓝图描绘出来了,这对于网站下一步的开发起着至关重要的作用。
1.2.1 网站架构的规划原则
目前网站数量众多,浏览者在浏览时,对于那些内容不是很精彩的网站,往往是一略而过,只有内容丰富的网站,才能吸引浏览者的眼球。要想依靠精彩内容来吸引浏览者,就要依赖网站的设计者对网站进行一个总体规划。经过认真细致的总体规划,做出的网站才具有较高的质量。网站规划需要遵循以下几个基本原则。
(1)明确网站建设的目的和用途:建立网站之前,一定要有明确的目标,即网站的作用是什么,服务对象是谁,要为网站浏览者提供什么样的服务。只有找准网站定位,才能建成一个成功的网站。
(2)进行网站的可行性分析:可行性分析即分析是否有能力、有精力、有财力建设和维护网站,分析网站建立以后是否有一定的经济效益或社会效益,网站建设需要花费多少时间、精力、人力、财力,性价比是否合算。
(3)网站详细内容设计:建设网站的目的就是为用户服务。根据网站建设的目的,分析浏览者的需求,确定网站内容。如创建一个电子商务网站,就要根据消费者的需求、购买力、购买习惯等设计网页的功能,以满足客户的需要。
(4)网站的表现形式设计:有了好的内容,还要有好的表现形式,即网站本身的设计。如设计网站的Logo、网站的文字排版、平面设计、动画设计等。
1.2.2 撰写网站规划书
在网站建设前期对市场进行详细分析、确定网站的目标和功能,并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划,这就是网站建设规划。网站建设规划对网站建设起到计划和指导的作用,对网站的内容和维护起到定位作用。下面是本案例要实现的网站飞翔车友会的网站规划书。
一、建设网站前的市场分析(市场分析已做)。
二、网站目的及功能定位:
建立行业性网站,供汽车一族互相交流信息,从中收取广告费用,可以产生一定经济效益。网站建成后,车友可以互相交流信息,发表自己的言论,撰写自己的博客文章,查看最新的买车、卖车和租车信息。
三、网站技术解决方案:
● 租用虚拟主机。
● 操作系统选择Window XP。
● 网站后台程序采用ASP.NET 3.5,数据库采用SQL Server 2008等。
四、网站内容规划:
飞翔车友会网站的主要栏目应包括:汽车资讯(行业资讯、买车信息、卖车信息、租车信息)、最新留言、车友论坛、车友博客等,并且要提供会员注册功能,另外后台还要增加新闻发布系统、会员管理系统、论坛系统、博客系统和留言系统。
五、网页设计:
● 网页的前台设计采用微软的Visual Studio 2008。
● 图像制作采用Photoshop CS4。
● 动画制作采用Flash CS4 Professional。
六、网站维护:
● 对可能出现的问题进行评估,制定响应时间。
● 数据库维护,有效地使用数据是网站维护的重要内容,因此要高度重视数据库的维护。
● 网站内容的更新、调整等。
七、网站测试。
网站发布前要进行如下测试:
● 服务器稳定性、安全性测试。
● 程序及数据库测试。
● 网页兼容性测试,如浏览器、显示器测试等。
八、网站发布与推广。
九、网站建设日程表。
规定各项规划任务的开始时间、完成时间,及负责人等。
十、费用明细。
列出各项事宜所需费用清单。
1.2.3 组织站点结构
为了减少失误,节省时间,在网站建设之前,就应该认真组织站点结构。建站之初,如果不考虑文档在文件夹结构中的位置,可能会导致文件夹里充满文件,或者许多名称类似的文件夹中含有相同的文件,最终导致文件存储混乱,降低工作效率。
为了防止出现文件存放混乱的问题,在建立网站之前,应该在硬盘上建立一个专门的文件夹,存放站点的所有文件,然后在此文件夹中对文档进行创建、编辑和修改。网站开发完毕以后,再将这些文件上传到服务器,这种方法比在远程站点上编辑文件要好得多。因为这种方法允许发布站点之前先在本机进行调试,然后再上传网站文件并更新整个网站。
建立网站时创建的目录是网站的基本目录结构,如在建立网站时一般都会建立根目录和images子目录。目录结构的好坏,对站点本身的上传维护以及以后内容的更新和维护有着重要的影响。
下面是建立网站目录结构的一些技巧。
(1)目录设立要清晰明了。根目录下最好不要放置所有文件。要按照内容建立子目录。其他的次要栏目,以及需要经常定期更新的内容,可以建立相应的独立子目录。另外一些比较固定的栏目,如关于本站,联系我们等,可以统一放在一个目录下。所有程序一般都存放在特定目录下,便于维护和管理。所有需要下载的内容也最好分类存放在相应的目录中。
(2)在每个主目录下都按文件夹建立独立的images目录。在默认情况下,站点根目录下都有images目录,也就是图片目录,根目录下的images目录是用来存放首页和根目录文件下的图片的。至于各个栏目中的图片,应按类存放,方便对本栏目中的文件进行查找、修改。
(3)目录的层次不要建得太深。为了便于维护和管理,建议目录的最大层次不要超过四层。在定义目录名称时,最好不要使用中文目录名,因为有的浏览器不支持中文,也不要使用长的目录名,因为太长不便于记忆,尽量使用简单明了的目录名。
1.2.4 收集素材与资料
了解了网站的主要目录结构后,就可以搜集需要的资源了。资源可以是图像、文本或者媒体。在开始具体制作网站功能页面前,要确保收集好所有这些项目资料并做好了准备。
1.2.5 架构的具体实现
上面的分析中,我们已基本上把网站的结构规划出来了,图1.1是网站的导航菜单。
图1.1 导航菜单
对应的前台页面分别为default.aspx(网站首页)、info.aspx(汽车资讯,此页包括行业资讯及买车、卖车和租车的有关信息)。其中,汽车资讯的二级页面包括行业资讯列表页面(list.aspx),买车列表页面(buy.aspx),卖车列表页面(sell.aspx),租车列表页面(zl.aspx)。另外,前台的设计页面还包括Register.aspx(注册页面)、RecoverPassword.aspx(密码找回页面)。
上面列出了前台列表页面,既然有列表页面,就应该有相关的详细页面。其中应该包括新闻详细页面,买车信息、卖车信息和租车信息的详细页面,分别为infoa.aspx、xxbuy.aspx、xxsell.aspx和xxzl.aspx。
接着再看网站的整体模块,即会员后台、新闻、论坛、博客及留言的前台和后台设计。
这里先看一下新闻发布系统。新闻发布系统有个特点,即信息由网站管理员在后台发布,然后在前台显示。因此,需要在前台制作一个显示新闻的列表页面和显示新闻的详细页面,其中前者就是前面列出的行业资讯列表页(list.aspx),而后者可以设置为infoa.aspx,即新闻详细页面。后台发布需要在网站的管理后台进行操作,不妨设置一个文件夹,专门用于网站管理员对网站进行维护。此文件夹名称可设置为“admin”,管理员可以在此发布新闻与管理新闻。另外,管理员还可以在这个文件夹中对论坛的帖子和留言,以及博文和网友发布的车辆信息进行管理。
建立“admin”文件夹后就可以发布新闻了,设置发布新闻的页面为“addnews.aspx”,管理新闻的页面为“newsmanage.aspx”。这样,新闻发布系统的整体规划就完成了。
其次,再看会员后台管理系统。网友注册以后,可以进入会员的管理后台发布车辆信息,然后对发布的信息进行维护,还可以对注册信息进行修改。例如修改自己的登录密码、邮箱账号等。会员具备的这些功能,管理员也应该具备,且网站管理员还应该可以管理网站的用户,定期对网站用户进行维护,删除垃圾用户。管理员还可以发布信息,对信息进行维护。会员管理后台和网站管理员后台还有一个共同的特点,那就是都需要建立一个网站链接的导航页面,用于指向需要操作的页面,其中会员管理后台的链接导航页面设置为“members.aspx”,网站管理后台的导航页面设置为“left.aspx”。
接着,再来看论坛系统的制作。按照论坛通常的制作模式,论坛一般会单独创建一个文件夹,这样不仅体现了模块化思想,而且便于维护。在论坛文件夹中,有论坛的起始页面(default.aspx),论坛的发帖页面(该页面可以整合在首页中),以及帖子的详细内容页面(该页面包括回帖功能),最后还要有论坛话题的列表页面,用来对论坛话题进行分类。另外,在网站管理的后台,还需要有对帖子进行管理的相关页面,要求对网站帖子进行管理与维护。在网站管理的后台,也需要有一个对帖子话题进行操作的页面,例如可以添加、修改帖子话题等。
再来看一下博客系统和留言系统。这两个系统和前面所说的论坛系统的实现方式基本相同,都使用模块化设计,超后台管理博文和留言。另外,在超后台网站管理中,还需要建立一个管理博客类别的页面,对文章的类别进行管理。
最后,需要对网站管理的功能进行介绍,主要分以下几个方面:
(1)管理导航页面。
(2)管理需要对发布的买车、卖车和租赁车辆的信息进行管理。
(3)对网站的注册用户进行管理。
(4)发布新闻与管理新闻,即新闻管理系统。
(5)添加与管理论坛话题和博客类别。
(6)管理与回复论坛帖子和博客文章。
(7)添加与管理网站公告。
(8)管理网站留言。
图1.2 是网站总体架构实现的框架草图(限于篇幅,页面没有全部列出,读者可以参照列出)。
图1.2 网站总体架构的框架草图