一、页面界面风格

我们为xx品牌服装网站设计的是个性化的个性化设计，我们将为xx品牌服装网站提供优质的建设和服务。 xx品牌服饰网站在整体风格上力求大气，具有品质感，画面艺术精美，时尚感十足。具体来说，网站制作（www.tlkjt.com）的整体风格设计需要遵循以下原则：

1、设计要突出xx品牌的实力

作为服装品牌的后起之秀，xx有着非常明显的想要在服装行业站稳脚跟的愿望和能力。 xx集设计、生产、销售于一体，走中高端职业女装路线。因此，网站设计要充分展示xx品牌服装的时尚、潮流和营销实力。

2、设计要体现xx品牌对品质的追求

在网站中，xx品牌对质量和品质追求的表达将通过以下设计方法来实现：

参考xx品牌现有VI设计方案，尽量做到网站风格与VI的统一；

画面要华丽，不要使用过于活泼动感的设计，flash动画要采用舒缓的动作方式；

平面设计简洁、大方、典雅，略带花哨的装饰。

3.音调和动画说明

基于xx品牌的基本宣传，定义网站的整体基调，为用户获得统一的视觉识别。需要简单的线条和绚丽的色彩。具体颜色选择请参考xx品牌VI方案。整个网站色彩的基本统一非常重要，它使网站的整体风格显得统一和谐。在主色之外，使用对比较少的颜色作为补充和点缀，丰富页面和版面的视觉效果。使整个网站显得统一而又富有风格变化。

网站需要设计多幅不同形式的优质FLASH动画图片等，通过一系列柔和、舒缓、内敛、不张扬的Flash动画与页面有机结合，妥善处理页面作为点睛之笔。这样，页面效果就不呆板了。在图形元素中，建议采用富有韵律感的点、活泼流畅的弧线、丰富多变的面，刚柔并济、柔美中又带有一定的张力。

4.标志（标志）

根据xx品牌已有的LOGO（标识），修改（或直接使用）后做成网站LOGO，要求线条和颜色简单。二、网站整体信息架构1. 信息架构图信息架构说明

根据需求分析，网站前期的主要目的是帮助和引导加盟商对品牌的了解，将用户的互动和参与放在了相对次要的位置。因此，信息结构如上图所示，需要在开通其他系统后，一一丰富用户的参与和互动。

关于我们：专注于品牌和企业介绍，向加盟商和用户描述公司概况和品牌路线。

产品展示：主要展示大图，根据不同纬度对图片进行分类，以动画的形式展示和体现。

最新消息：包括最新的品牌资讯、新店资讯、品牌杂志和电子杂志。

营销：以地图的形式展示品牌的营销网络，介绍旗舰店，宣传品牌形象。

招商及加盟：加盟服务及推广，提供加盟手册下载、在线提交加盟意向、加盟管理内容等服务。

人才招聘：单个页面只列出需要招聘的内容。

联系我们：给联系方式，有留言板三、总体内容把握1.图片质量要精美

网站主要以服装品牌的展示为主，服装的体现是重中之重。以图片形式展示服装，每张图片都要专门设计制作，图片质量不高不影响整个网站的效果。画面应：大气、清晰、干净、有层次，符合平面视觉的原则。

2.表达简洁准确

网友们总是希望第一时间把需要的内容看清楚，不想花太多时间阅读无关紧要的内容。对每一条内容进行提炼提炼，不要使用过多的文字内容，扰乱网友对整个网站综合风格的欣赏和判断。

3. 可扩展性、可升级性和可维护性

网站应充分考虑未来的可扩展性。例如子栏目下的内容可以直接从网站后台添加和修改；网站设计采用模块化设计。如果网站增加了新的功能，也保证了在原有框架下的直接接口。无需对站点结构进行重大调整。网站的大部分内容都可以从后台添加和更改。普通电脑操作员经过短期培训，即可学会独立修改和添加网站内容。

一、概述

我网站的主题是关于家居装饰设计的。我个人认为家是人们放松的地方，舒适的家居环境可以让我们释放学习和工作的压力，但现实中很多人对家居设计知之甚少，而我对装修也不是很了解常识。微笑家居网站的设计目的不仅是为了宣传微笑家居公司，树立公司较高的知名度，宣传企业文化，吸引更多的公司和个人来我司做生意，同时也给需要了解家居知识和家居的人。新潮，专为设计属于自己的舒适家居环境，更好的服务客户。

本网站主要使用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.tlkjt.com/

我们专注高端建站，小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验，每一个项目承诺做到满意为止，多一次对比，一定让您多一份收获！