第三章 具体设计
第三章 具体设计
3.1 总体设计思路
随着网络技术的不断发展，网络应用已经渗透到人类社会的各个角落。作为网络世界的支撑点的网站，更是人们关注的热点：政府利用网站宣传自己的施政纲领，日益成为与百姓交流的直通车；企业利用网站宣传自己的形象，挖掘无限商机；个人利用网站展示个性风采，创建彼此沟通的桥梁。越来越多的人希望拥有网站，开辟网络世界里的一片天地。如何设计一个出色的网站呢？关于这个问题，人们讨论的很多，可以讨论的内容也很多，根据自己的设计体会，总结出以下基本设计思路：
搜索书籍查看书籍详细信息留言板发表留言前台操作通过登录验证通过登录验证阅读书店快讯购买书籍修改个人基本信息 管理书讯管理用户后台管理管理留言管理书籍分类添加新书管理订单 验证否是登录页面（logon.aspx）是查看书籍（bookshowinfo.aspx）通过导航条（验证验证否默认首页(LookBook.aspx)加入购物车（mycart.aspx）留言板（linkadmin.aspx）个人信息（myinfo.aspx）查看销量（thesells.aspx）header.aspx找回密码（getmypwd.aspx）注册页面（login.aspx））16 第三章 具体设计
3.1.1 具体设计思路
一、定位网站的主题和名称
网站的主题也就是网站的题材，网站设计开始首先遇到的问题。网站题材千奇百怪，琳琅满目，只要想的到，就可以把它制作出来。
二、定位网站的CI形象
所谓CI，是借用的广告术语。(CI是英文corporate identity的缩写)，意思是通过视觉来统一企业的形象。现实生活中的CI策划比比皆是，杰出的例子如：可口可乐公司，全球统一的标志，色彩和产品包装，给我们的印象极为深刻。更多的例子如SONY，三菱，麦当劳等等。
一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的，有创意的CI设计，对网站的宣传推广有事半功倍的效果。在您的网站主题和名称定下来之后，需要思考的就是网站的CI形象。
1.设计网站的标志(logo).首先需要设计制作一个网站的标志(logo)。就如同商标一样，logo是站点特色和内涵的集中体现，看见logo就让大家联想起自己的站点。这里的logo不是指88X31的小图标banner，而是网站的标志。
标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。标志的设计创意主要来自网站的名称和内容。我做的是书店网站，所以我的站标就体现了该网站的主旨：E梦书斋。
2.网页色彩搭配 (1)网页设计的色彩思考
(2)网页色彩搭配内涵
(3)网站设计风格和色彩搭配经验谈
网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。
“标准色彩”是指能体现网站形象和延伸内涵的色彩。
作为网页设计师来说，做到有针对性的用色是相当重要的，因为网站往往是各种各样的，大公司的、政府组织、体育组织、聊天的、新闻的、个人主页等等，不同内容的网页的用色应是有较大的区别，所以要合理的使用色彩来体现出网站的特色，这是高明的做法。我的书店网站以蓝色为主色调，，整个网站页面色调显得清新自然。
3.设计网站的宣传标语。也可以说是网站的精神，网站的目标。用一句话甚
17
第三章 具体设计
至一个词来高度概括。类似实际生活中的广告金句。例如：鹊巢的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”；Intel的“给你一个奔腾的心”。
我的书店网站的宣传标语就是：“成就您的IT梦想！” 三、确定网站的栏目内容和版块
建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。
在动手制作网页前，一定要考虑好以下三方面： 确定栏目和版块；
确定网站的目录结构和链接结构 3.确定网站的整体风格创意设计
栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。
1.紧扣网页的主题
一般的做法是：将主题按一定的方法分类并将它们作为网站的主栏目。 2.设一个最近更新或网站指南栏目
如果你的首页没有安排版面放置最近更新内容信息，就有必要设立一个“最近更新”的栏目。这样做是为了照顾常来的访客，让自己的主页更有人性化。
3.设定一个可以双向交流的栏目 3.1.2 网站的连接结构
网上书店系统的特点是利用Brower/Server结构，实现整个内部的信息化管理。这种系统的优势在于系统简单、功能强大、扩展性良好以及跨地域操作等性能。
Client/Server模式与Brower/Server模式是现在比较流行的两种数据库应用模式，单独应用任一种模式都将受其自身的弱点限制。Crower/Server模式主要是以局域网为基础的环境下应用开发出来的，它受到地域的限制。而Brower/Server模式通过Internet进行通信，可以不受地域的限制，但是它不能够进行联机事物处理，并且在大量数据处理的情况下速度较慢。
对于本系统，其功能目标是要实现包括求职方和招聘方的信息资源共享、各种交流活动以及发现不同用户的权限控制。由于本系统数据操作量不大，因此采
18
第三章 具体设计
用Brower/Server结构来进行设计是合理可行的。
在权限控制上，动态的c#.net脚本具有良好的效率和安全性。随着电子商务的推广，网站竞争的越来越激烈，对链接结构设计的要求已经不仅仅局限于可以方便快速的浏览，更加注重个性化和相关性。
3.2 用户管理
在动态网站的建设中我们采用了后台数据库与前台相连接的技术实现了动态网页的定期更新，主页面中可以看到“登录书斋”连接按钮，点击可以进入登陆页面，如果输入用户名、密码正确可以进入后台管理系统。不正确则会提示：您的输入有误！。
对与后台管理这一块，其安全性必须是有一定的高度，这样对于那些目的不明或是黑客来说，可以起到足够的遏制作用，一定程度上增强了该系统的安全性，也能使系统的可用性时间延长适当的时间。
对于前台来说，设计初衷和理念中是以简洁大方为主线，进入后台管理我们可以实现对用户的管理、共享资源的管理等等操作。可以进行实时自动更新等功能，实现用户信息的个人定制。
3.3 网站结构设计
一个典型的购书网站至少应包括会员管理、书籍管理、留言管理、书籍添加等功能，本书店的基本功能如下： 3.3.1 系统功能分析与设计
网上书店共分为3个模块：登录、注册模块、管理员登录操作、注册用户登录操作：
1.登录、注册模块： (1) 用户注册为会员 (2) 验证用户的注册信息
(3) 会员登陆系统时的身份验证（区别出管理员和普通会员） 2.管理员登录操作： (1) 添加新书。
19
第三章 具体设计
(2) 管理书籍类别。 (3) 发布书斋快讯。 (4) 管理留言板。 (5) 管理个人信息。 (6) 管理订单。 (7) 管理注册会员用户。 (8) 修改图书信息。 (9) 管理图书销量统计。 3.注册会员登录： (1) 浏览书籍。 (2) 购买。 (3) 管理购物车。 (4) 管理账单。 (5) 发表留言。 (6) 阅读新闻 3.3.2 数据库结构设计
根据系统功能设计要求和模块划分，本站的数据库主要存储个人用户信息、企业用户信息、求职信息和招聘信息。
数据库需求分析-------数据项和和数据结构如下： 1)用户表(users)
此数据表用来存储注册的用户信息： 字段名 UserId UserName UserPwd UserRole Question Answer Email Address 数据类型 Int Nvarchar Nvarchar Nvarchar Nvarchar Nvarchar Nvarchar Nvarchar 长度 4 10 10 10 8 50 50 50 50 是否可空 N N Y Y Y Y Y Y Y 备注 用户号 用户名 密码 角色 真实姓名 密保问题 密保答案 邮箱 地址 UserRealName Nvarchar 20