金鑫沙发网站设计与制作说明书
目录
引言 2
一、 网站概述 2
（一）网站结构 2
（二）功能分配 4
二、网站建设规划 6
（一）确定主题 6
（二）搜集资料 6
（三）资料整理 6
（四）站点建立 6
（五）编辑CSS样式表 6
三、网站的排版与布局 6
（一）表格排版布局网页 6
（二）主页面 7
（三）次级页面 7
（四）页眉 7
（五）页脚 7
四、网站的风格与形象设计 7
（一）网站整体风格的设计 7
（二）网站的形象设计 8
五、详细操作说明 9
（一）网站首页 9
（二）布艺沙发 9
（三）皮艺沙发 9
（四）实木沙发 9
（五）懒人沙发 9
（六）沙发床 9
（七）用户注册 10
（八）用户登录 10
六、网站制作工具软件介绍 11
（一）Dreamweaver 介绍 11
（二）Fireworks 介绍 12
（三）Flash 介绍 13
七、网站的推广与更新维护 14
（一）推广知识 14
（二）更新维护 14
结束语 14
致谢 15
参考文献 15
附录 15
引言
随着电子商务的迅速发展，越来越多的人加入网购的浪潮中。家具企业的经营方式也不仅仅局限于以实体店的形式，线上与线下相结合的经营模式有利于传统行业的发展 *好棒文|www.hbsrm.com +Q: ^351916072*
。沙发是家具中的一种，以实体店居多，而实体沙发城市场范围小，受规模大小的约制，不能全部展示所有品牌种类风格的沙发，不能满足人们的视野，所以设计和制作一个品牌、材质、风格齐全的沙发购物网站是必要的。可以让消费者有更多选择，并能更快捷地搜素到自己心仪的商品，查看商品的详细介绍和评价，给我们留言，加入购物车，购买并提供售后服务。选择合适的沙发，不仅有益于人体健康，还有利于家居装饰，给人温馨和睦的感觉。
一、 网站概述
本次设计和制作的金鑫沙发网站主要是以居家常见的沙发种类为研究对象，主要有布艺沙发、皮艺沙发、实木沙发、懒人沙发、沙发床，其中以布艺沙发、皮艺沙发、实木沙发这3种是这次网站的重点研究对象，为人们提供了一个品种齐全的沙发购物网站，以便人们挑选购买。
（一） 网站结构（见图1）
1.首页：新款热卖沙发
2.子页：布艺沙发：各种品牌风格的布艺沙发图片、名称及细节
皮艺沙发：各种品牌风格的皮艺沙发图片、名称及细节
实木沙发：各种品牌风格的实木沙发图片、名称及细节
懒人沙发：各种品牌风格的懒人沙发图片、名称
沙发床 ：各种品牌风格的沙发床图片、名称
图1金鑫沙发网站架构图示
打开金鑫沙发网站的首页，如下图（图2）所示：
图2金鑫沙发网站首页
作用：展示了我们网站的整体风格和形象。
功能：通过最近上市的新品和热卖的沙发的图片和简短的文字介绍以及用flash逐帧动画制作的banner等，来充分展现我们网站的魅力。
（二）功能分配
1.所有商品分类
所有商品有四种分类方式，位于网页的左边，即：①适用人数②风格③沙发种类④价位，用户可以根据自己的需求直接点击选择进去浏览购买。
2.搜索
用户可以通过商品搜索来搜索自己心仪的沙发，选择商品分类、选择品牌、价位来缩小搜索范围，这样目标更明确，方便客户更快更有效率地找到自己想要的商品，不用一页一页的浏览去寻找。如图3所示：
图3 商品搜索
3.购物车
点击购物车，链接到购物车页面，可以看到自己已经加入购物车的商品，包括商品的图片、商品名称、商品编号、单价和数量。如图4所示：
图4 购物车
4.上下翻页按钮
在网页右下面设置上下翻页按钮，可灵活更换要浏览的页面，点击下一页就会跳到下一页，单击尾页将跳转到最后一页。可以方便用户浏览，不用滑动滚动条回到该页面的最上面再点击导航栏中的其它页面标题链接到相应的页面去浏览寻找自己心仪的沙发。此效果在360浏览器中更能凸显。如图5所示：
图5翻页按钮
5.商品评价
用户可以看到该商品目前的好评度，可以选择好评、中评或差评，并可以在留言簿里面填写评价内容和意见，点击提交，我们会根据客户的评价内容和反映的问题作出相应的对策为用户解决一切问题，有则改之无则加勉。如图6所示：
图6 商品评价和留言簿
6.友情链接
用户可以通过友情链接到其它家具网、沙发网站或者购物网站来寻找自己喜欢的沙发或者与我们金鑫沙发网上商城里的商品做比较，尊重客户的选择。如图7所示：
图7 友情链接
7.浏览器状态栏上显示欢迎文字
点击标签选中整个操作界面的内容，在右侧标签下选择行为面板，设置状态栏文本，输入“欢迎来到金鑫沙发网上商城！”单击确定，设置事件为“onload”，网页运行在IE浏览器上，左下方就会有“欢迎来到金鑫沙发网上商城！”欢迎文字。如图8：
图8 IE浏览器状态栏上显示欢迎文字
二、网站建设规划
（一）确定主题
明确网站的主题，整个网站的主要内容围绕它展开，要让浏览者一看就知道这个网站是干嘛的，要易于接受，并激发访问者的兴趣。
（二）搜集资料
围绕主题到各大搜素引擎上搜素相关资料，浏览相关网页，包括图片、动画、文字信息等，把搜集的资料进行筛选，并对图片进行处理去伪存真，作为网站制作的素材。
（三）资料整理
将搜集的资料进行归类，建立文件夹“shenjuan1”,根目录文件夹Templates，Templates的根目录文件夹为“金鑫沙发”，将制作网站所有的图片、动画、文字分别建立文件夹images、Flash、文本txt来归类存放，并新建muban、JinXin Sofa文件夹用于后期存放制作的模板和网页。这样比较有条理也便于寻找和更新管理，方便在制作过程中右侧文件面板里各个元素的修改完善。
（三）次级页面
本网站的次级页面（也就是产品细节的页面）采用的网页布局版式为“三”字型，是分成三块，（即：上-中-下型）。为了和导航栏链接的各个页面的风格和布局形式无太大出路，上面依然是网站的Logo及Banner,中间才是次级页面的主要内容，显示商品的全部资料，包括产品说明、商品详情、评价、留言簿等，浏览性强，下面依然是网站的辅助信息、版权声明等。
3.客户可以扫描首页的二维码下载金鑫沙发手机客户端，使用起来更方便快捷。
七、网站的推广与更新维护
（一）推广知识
引言 2
一、 网站概述 2
（一）网站结构 2
（二）功能分配 4
二、网站建设规划 6
（一）确定主题 6
（二）搜集资料 6
（三）资料整理 6
（四）站点建立 6
（五）编辑CSS样式表 6
三、网站的排版与布局 6
（一）表格排版布局网页 6
（二）主页面 7
（三）次级页面 7
（四）页眉 7
（五）页脚 7
四、网站的风格与形象设计 7
（一）网站整体风格的设计 7
（二）网站的形象设计 8
五、详细操作说明 9
（一）网站首页 9
（二）布艺沙发 9
（三）皮艺沙发 9
（四）实木沙发 9
（五）懒人沙发 9
（六）沙发床 9
（七）用户注册 10
（八）用户登录 10
六、网站制作工具软件介绍 11
（一）Dreamweaver 介绍 11
（二）Fireworks 介绍 12
（三）Flash 介绍 13
七、网站的推广与更新维护 14
（一）推广知识 14
（二）更新维护 14
结束语 14
致谢 15
参考文献 15
附录 15
引言
随着电子商务的迅速发展，越来越多的人加入网购的浪潮中。家具企业的经营方式也不仅仅局限于以实体店的形式，线上与线下相结合的经营模式有利于传统行业的发展 *好棒文|www.hbsrm.com +Q: ^351916072*
。沙发是家具中的一种，以实体店居多，而实体沙发城市场范围小，受规模大小的约制，不能全部展示所有品牌种类风格的沙发，不能满足人们的视野，所以设计和制作一个品牌、材质、风格齐全的沙发购物网站是必要的。可以让消费者有更多选择，并能更快捷地搜素到自己心仪的商品，查看商品的详细介绍和评价，给我们留言，加入购物车，购买并提供售后服务。选择合适的沙发，不仅有益于人体健康，还有利于家居装饰，给人温馨和睦的感觉。
一、 网站概述
本次设计和制作的金鑫沙发网站主要是以居家常见的沙发种类为研究对象，主要有布艺沙发、皮艺沙发、实木沙发、懒人沙发、沙发床，其中以布艺沙发、皮艺沙发、实木沙发这3种是这次网站的重点研究对象，为人们提供了一个品种齐全的沙发购物网站，以便人们挑选购买。
（一） 网站结构（见图1）
1.首页：新款热卖沙发
2.子页：布艺沙发：各种品牌风格的布艺沙发图片、名称及细节
皮艺沙发：各种品牌风格的皮艺沙发图片、名称及细节
实木沙发：各种品牌风格的实木沙发图片、名称及细节
懒人沙发：各种品牌风格的懒人沙发图片、名称
沙发床 ：各种品牌风格的沙发床图片、名称
图1金鑫沙发网站架构图示
打开金鑫沙发网站的首页，如下图（图2）所示：
图2金鑫沙发网站首页
作用：展示了我们网站的整体风格和形象。
功能：通过最近上市的新品和热卖的沙发的图片和简短的文字介绍以及用flash逐帧动画制作的banner等，来充分展现我们网站的魅力。
（二）功能分配
1.所有商品分类
所有商品有四种分类方式，位于网页的左边，即：①适用人数②风格③沙发种类④价位，用户可以根据自己的需求直接点击选择进去浏览购买。
2.搜索
用户可以通过商品搜索来搜索自己心仪的沙发，选择商品分类、选择品牌、价位来缩小搜索范围，这样目标更明确，方便客户更快更有效率地找到自己想要的商品，不用一页一页的浏览去寻找。如图3所示：
图3 商品搜索
3.购物车
点击购物车，链接到购物车页面，可以看到自己已经加入购物车的商品，包括商品的图片、商品名称、商品编号、单价和数量。如图4所示：
图4 购物车
4.上下翻页按钮
在网页右下面设置上下翻页按钮，可灵活更换要浏览的页面，点击下一页就会跳到下一页，单击尾页将跳转到最后一页。可以方便用户浏览，不用滑动滚动条回到该页面的最上面再点击导航栏中的其它页面标题链接到相应的页面去浏览寻找自己心仪的沙发。此效果在360浏览器中更能凸显。如图5所示：
图5翻页按钮
5.商品评价
用户可以看到该商品目前的好评度，可以选择好评、中评或差评，并可以在留言簿里面填写评价内容和意见，点击提交，我们会根据客户的评价内容和反映的问题作出相应的对策为用户解决一切问题，有则改之无则加勉。如图6所示：
图6 商品评价和留言簿
6.友情链接
用户可以通过友情链接到其它家具网、沙发网站或者购物网站来寻找自己喜欢的沙发或者与我们金鑫沙发网上商城里的商品做比较，尊重客户的选择。如图7所示：
图7 友情链接
7.浏览器状态栏上显示欢迎文字
点击标签选中整个操作界面的内容，在右侧标签下选择行为面板，设置状态栏文本，输入“欢迎来到金鑫沙发网上商城！”单击确定，设置事件为“onload”，网页运行在IE浏览器上，左下方就会有“欢迎来到金鑫沙发网上商城！”欢迎文字。如图8：
图8 IE浏览器状态栏上显示欢迎文字
二、网站建设规划
（一）确定主题
明确网站的主题，整个网站的主要内容围绕它展开，要让浏览者一看就知道这个网站是干嘛的，要易于接受，并激发访问者的兴趣。
（二）搜集资料
围绕主题到各大搜素引擎上搜素相关资料，浏览相关网页，包括图片、动画、文字信息等，把搜集的资料进行筛选，并对图片进行处理去伪存真，作为网站制作的素材。
（三）资料整理
将搜集的资料进行归类，建立文件夹“shenjuan1”,根目录文件夹Templates，Templates的根目录文件夹为“金鑫沙发”，将制作网站所有的图片、动画、文字分别建立文件夹images、Flash、文本txt来归类存放，并新建muban、JinXin Sofa文件夹用于后期存放制作的模板和网页。这样比较有条理也便于寻找和更新管理，方便在制作过程中右侧文件面板里各个元素的修改完善。
（三）次级页面
本网站的次级页面（也就是产品细节的页面）采用的网页布局版式为“三”字型，是分成三块，（即：上-中-下型）。为了和导航栏链接的各个页面的风格和布局形式无太大出路，上面依然是网站的Logo及Banner,中间才是次级页面的主要内容，显示商品的全部资料，包括产品说明、商品详情、评价、留言簿等，浏览性强，下面依然是网站的辅助信息、版权声明等。
3.客户可以扫描首页的二维码下载金鑫沙发手机客户端，使用起来更方便快捷。
七、网站的推广与更新维护
（一）推广知识
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/jjymy/3094.html
