网站建设整体设计思路

一、页面界面风格
我们针对xx品牌服装网站设计是个性化的贴身设计，将对xx品牌服装的网站，进行优质的建设和服务。xx品牌服装的网站，总体风格力求大气，有品质感、画面精制艺术，并附有时尚感。具体的讲，该网站制作(www.sino-web.net)的总体风格设计需要遵循以下原则：

1. 设计应凸现xx品牌的实力
xx作为服装品牌的后起之秀，希望在服装界有一席之力的愿望和能力都非常明显。xx集设计、制作、销售为一体，走中高档职业女装路线。所以网站设计要充分展示xx品牌服装的时尚、潮流、营销方面的实力，设计力求准确、大气，画面华丽，动画求缓，用色讲究干净整洁，以冷纯色基调为主，彰显优雅的艺术气息。

2. 设计应体现xx品牌对品质的追求
在网站中，将通过以下设计手段，实现xx品牌对质量和品质追求的表达：
● 参照xx品牌现有的VI设计方案，尽量实现网站风格和VI的统一；
● 画面要华丽，不要采用过多活泼动感的设计，而flash动画则采用舒缓的运动模式；
● 平面设计要简洁、大气、高雅，少许花哨的装饰。

3. 色调和动画说明
以xx品牌的基本宣传为基调，定义网站的整体色调，以获得用户的统一视觉识别。要求线条简练、用色华丽。具体选色还需参考xx品牌的VI方案。整个网站色彩的基本统一相当重要，它使网站显得整体风格统一、和谐。在主色调之外，采用较少的对比色彩作为补充、点缀，丰富页面、版式的视觉效果。使整个网站在风格上，显得统一但富有变化。
网站需设计多个形式不一的、优质的FLASH动画图片等，通过一系列和页面有机结合的、轻柔、舒缓、内敛而不张扬的Flash动画，画龙点睛的对页面进行适当处理。通过这种方式，使页面效果不至于呆板。图形元素中，拟采用富有节奏的点、活泼流畅的弧线、丰富变化面相结合，刚柔并济，柔美而又有一定张力。

4. 标志（LOGO）
根据xx品牌的现有LOGO（标志）进行修改后（或直接使用），制作成网站LOGO，要求线条、用色简洁。

二、网站整体信息架构
1. 信息架构图信息架构说明
根据需求分析，网站前期的主要目的是为了加盟商对品牌进行认识与了解，对加盟进行帮助和引导，用户的互动和参与放在较次要的位置。所以信息架构如上图，用户的参与和互动需要等到其它系统开通后，再逐一丰富上去。
关于我们：以品牌和企业介绍为主，对公司的概况和品牌路线向加盟商和用户进行描述。
产品展示：以大图展示为主，按不同纬度对图片进行分类，用动画的方式展示和体现。
最新动态：包括了品牌的最新资讯、新开店铺信息、品牌内刊与电子杂志。
市场营销：以地图的形式展示品牌的营销网络，对旗舰店进行介绍，宣传品牌形像。
招商加盟：服务与促进加盟，提供下载加盟说明书，在线提交加盟意向等服务，和加盟管理内容。
人才招聘：一个单页只列出需要招聘的内容。
联系我们：给出联系方式，并有留言板

三、总体内容把握
1. 图片质量要精致
网站是以服装品牌的展示为主，服装的体现就是最主要的部分。以图片的形式对服装进行展示，每张图片都应该是专门进行设计和制作的，不能让图片的低质量影响了整个网站的效果。图片要做到：大气、清晰、干净、有层次感、符合平面视觉原理。

2. 内容简明，准确表达
网友总是希望在第一时间将所需要的内容了解清楚，不希望花太多的时间在阅读无关紧要的内容上。将每条内容都精炼再精炼，不要用太多的文字内容打扰网友对整个网站整合风格的欣赏和判断。

3. 有扩展性和升级性、可维护性
网站要充分考虑到今后的扩展性，比如子栏目下的内容要从网站的后台可以直接添加、修改；网站设计采用模块化设计，若网站增加新功能，也在保证在原有框架中直接接口，而不需要对网站结构进行大的调整。网站大部分内容可实现从后台添加更改，普通电脑操作人员，经过短训即可学会自主修改、添加网站内容。

一、概述
我的网站主题是关于家居装修设计，我个人认为，家是一个让人放松的地方，而一个舒适的家居环境能让我们释放学习及工作的压力，但现实中很多人对于家居的设计知识及装修常识了解的不是很多。Smile家居网站的设计的目的不仅为了宣传Smile家居公司，树立企也公司高的知名度，宣传企业的文化，吸引更多的公司和个人来我公司做业务，也是为了给需要了解家居知识，了解家居潮流，设计自己的舒适家居环境而设计的，更好的为顾客服务。
本网站主要使用Dreamweaver、firework、flash、ASP VBscript、IIS和Access等主要工具。网站中主要是ASP动态网页的设计，ASP动态网站实现的用户与服务器交互的功能，实现了通过网页访问后台数据库的功能，更加方便的管理与更新网站。
在实现自己网站之前，做了大量的准备工作。上网搜索素材，包括图片、视频、家居装修的常识和方法，参考其他家居网站设计方案及模块实现，如：新浪家居、宜家家居等；借阅相关书籍，参考各种功能实现所需掌握的知识及方法；同时，向老师了解网站建设的设计思想及具体实现过程。
网页制作，首先是通过表格、框架、CSS、模板等实现主页的简单设计，而后学习了ASP动态网站建设的相关知识，通过安装IIS，建立使用服务器的站点，连接数据库，实现了用户登录，商品浏览、查看、修改、搜索的功能。这些功能的实现更加方便用户购买商品，让公司对网站的管理更加方便。

二、项目需求分析
家居网站所面向的群体主要是需要装修的群体、家居装修设计师、想了解家居装修知识及想与之进行业务合作的群体等。
需要装修的群体又会有不同的要求。有人喜欢简单淡雅的风格，有人喜欢高贵典雅的风格，也有人喜欢时尚非主流的风格；还有的人消费水平较低，希望商品实用便宜，有的人消费水平较高，想要设计质量各方面比较突出的产品；同时还有针对不同年龄段的人群也有不同的要求。
网站的建设根据不同用户的需求，设计了不同的版块。

三、项目总体设计
1、整体架构及布局设计
网站的整体色彩以白色和绿色为主，配有点淡粉红色，字体设置为10pt，色彩的搭配符合家给人带来舒适的感觉，更容易让不同风格的顾客接受。
主页中的各个模块的布局主要是使用CSS实现的。主页设计主要采用顶部导航、内容左右分的布局。内容的左侧大致为具体的链接及提示信息等，右侧主要是详细的内容介绍，包括新闻资讯、商品展示等。

2、网站的栏目设计
主页中的栏目主要包括导航、用户登录、最新公告、最新资讯、收藏本店、宝贝分类、友情链接等详细分类。导航包括首页、案例展示、流行饰品、新品上架、视频赏析和联系我们七部分

3、数据库设计
网站中的数据库采用Access设计，数据库名为data.mdb,包括下面图中的6个表及其对应关系：

四、项目详细设计
1、前台功能设计
(1) 导航是一个一行六列的表格，绿色的背景搭配白色的字体。“案例展示”链接跳转到anli.asp页面，此页面是下载的代码，通过添加图片，实现自己网站家居装修案例的展示；“流行饰品” 是页面内的跳转，通过命名锚记实现；“新品上架”链接跳转到newproduct.asp,此页面是通过添加商品信息表的记录集和服务器行为实现数据库中商品的展示；“联系我们”是电子邮件链接，用户可以给我们发邮件实现交流，进行业务的联系。

(2) 用户登录是通过表单、添加记录集“用户信息表account”和服务器行为“用户登录”实现的。其中用户有两个级别限制(这是对数据库中数据安全性的设计)，包括顾客“user”和管理员“admin”，顾客登录后可以查看数据库中商品、搜索商品和查看购物车，管理员在顾客实现的功能的基础上还有修改商品信息。实现了前台向后台的跳转。
设置用户注册的按钮，方便顾客注册成为网站的会员，使顾客能够更多更方便的光临本网站，查看自己的信息和最新的商品信息。

(3) 最新公告栏目是向顾客展示最近网站的活动及注意事项。本栏目也是通过添加记录集“news表”、服务器行为重复记录来实现多条公告的显示，同时，添加了<marquee>行为，实现了公告的自下向上的滚动，吸引顾客的注意。

(4) 最新资讯栏目是向顾客介绍有关家居装修的知识及装修的最新动向、流行趋势等等。本栏目功能的实现同样是添加记录集“zixun表”，添加服务器行为“重复区域”实现多条显示。

此栏目背景图片是绿色的叶子和木板的颜色，比较贴切自然，和整个网站的颜色布局和符合。
(5) 收藏本店栏目是方便用户将本网站添加到收藏夹，能够让顾客记住网站，以便用户下次直接访问，从而增加忠实顾客，做到宣传网站的目的，是通过添加代码<a href="javascript:window.external.AddFavorite('http://www.smile.com', 'Smile家居-欢迎您！')"><img src="images/zc1_01.gif" width="181" height="90" /></a>
(6)友情链接栏目是增添了几个相关家居网站的链接，是网站人性化设计的一部分。

2、后台功能及设计
此模块主要是对数据库中数据的处理与操作，具体的实现是通过数据库创建链接、服务器行为、记录集的绑定、来实现的。后台管理页面主要使用框架来实现，通过右边的导航超链接实现在main中的跳转。此页面也是白色和绿色为主色调，与前台的色调基本一致。

用户通过前台中的用户登录就可跳转到此页面，输入、修改、浏览、搜索商品信息，查看购物车，下订单的功能。
输入商品信息：通过此链接实现向数据库中插入商品信息；
修改商品信息：实现对数据库中商品内容的修改，而且只有管理员才有权限实现对商品信息的修改；

浏览商品信息：此链接实现对数据库中商品的浏览查看；
搜索商品：此链接实现通过关键字和商品类型来搜索数据库中的商品；

查看购物车：用户登录后可以通过此链接来浏览购物车里的商品、修改要购买的商品的数量、清空购物车、下订单，同时下了订单后，用户购物车中就没有选购的商品了；

查看订单：用户通过购物车下了订单，查看要支付的订单，来购买商品；

留言板：用户通过留言板给我们提建议，对我们的商品进行评价。

五、重点难点分析
(1) IIS的安装及建立虚拟目录是重点。IIS意味着能发布网页，实现动态网页的浏览。
(2) 站点的建立也是重点。站点的建立好了才能成功的实现动态网页的浏览及设计制作。
(3) 网站主页是设计、布局和色彩搭配。这是一个网站的门脸，如果给顾客留下较好的印象，顾客还会再次光顾，增加网站的流量，从而增加业务量。
(4) 数据库的建立及连接和表的设计。建立数据库并连接才能实现用户登录、有关商品操作的功能；表的建立、设置主键、字段的格式类型和各个表之间建立的关系，只有成功建立数据库和表才能实现在网页中对数据库信息的操作。
(5) 框架的保存。保存好框架实现较好的页面跳转。
(6) 添加记录集、服务器行为及修改代码。记录集的添加要注意表关键字段的类型和两个表之间的关联，写命令的时候要细心。添加服务器行为也要仔细谨慎。修改代码页是件细心的事，要注意代码的格式及插入代码的位置，只有准确的代码才能实现准确的功能。
(7) 在购物车中查看购买的商品，要实现下订单的功能，在代码中，实现向数据库中插入数据，insert语句中插入记录的字段的顺序要和数据库表中的字段的顺序一致才能保证顺利的插入。
本文发布于北京网站建设公司尚品中国http://www.sino-web.net/