煮酒阁”电子商务网站说明书
引言 2
引言
（一）课题背景
中国是酒文化发源地，也是世界上最早酿造酒的国家之一，中国人喜爱饮酒及酒文化的历史由来已久。酒文化和酒一直占有着很重要的地位，且根据数据分析，国内葡萄酒行业产量一直处于增长趋势。据分析，红酒市场的消费能力在2017年将达到28.27亿升，消费总额达到938亿元，增长幅度达102.5%。目前的葡萄酒的销量一路走高，但是中国人历来有喝白酒的习惯，因此白酒在酒类市场仍占有一席之地。整个中华五千年的文明史中都有酒的渗透，从文学艺术的创作、娱乐到饮食烹饪、保健养生等各方面，在中国人生活中都占有重要的位置。
（二）课题意义
随着电子商务发展的越来越迅速，很多传统商业模式都正在尝试这种新兴的商务模式。我们将“煮酒阁”这样一个线下公司放到线上，更好的宣传公司的形象及商品，树立品牌形象，为公司赢得口碑。并且对于很多人来说，出门购买酒类不是很方便快捷，我们的煮酒阁网站就是为现代喜爱酒文化和各类酒却无时间出门购买的人们提供的一个购买与了解酒文化的平台。
一、 煮酒阁网站设计分析
（一）相关技术与开发工具介绍
1.Adobe Photoshop CS5
利用Adobe Photoshop CS5可以进行手绘、平面设计、海报、后期处理、网页设计、及图像的处理。是一个专业的图片处理软件。通过Adobe Photoshop CS5的使用，能更好、更高效的处理网站素材，做出大小适宜、画面精致的广告用途，让网站更加丰富、吸引人。
2.Macromedia flash 8.0
Macromedia Flash ，是美国Macromedia公司开发的专门用于制作二维动画的软件，使用方便，受到专业和业余人士欢迎，适合用在网站上。通过 *好棒文|www.hbsrm.com +Q: ^351916072*
Macromedia Flash制作动态flash动画的banner,使广告更具直观感受，更加吸引用户注意力。
3.Macromedia Fireworks 8
是Macromedia开发的一款图像软件，可以完成大图切割、弹出菜单、和变换图像等。很大程度的降低了网络图形设计的工作难度，是辅助网页设计编辑的好帮手。通过Macromedia Fireworks 8规划并设计出网站首页概貌，通过切片可以使得网站制作更加快捷方便。
4.Macromedia Dreamweaver 8
Macromedia Dreamweaver 8是建立Web站点和应用程序的专业工具，具有网页设计、网站开发及站点管理的几大功能，并且具有支持多平台、可视化及跨浏览器等特性，是网站设计、开发的必备工具。使用Macromedia Dreamweaver 8的表格工具和代码编写，完成网站制作。
（二）网页规划与设计
1.需求分析
据统计局数据显示，目前的葡萄酒的销量一路走高，但是中国人历来有喝白酒的习惯，因此白酒在酒类市场仍占有一席之地。
据波尔多国际葡萄酒及烈酒展览会(VINEXPO)最新发布的报告显示，网络渠道正在逐步成为主流，近27%的中国消费者在网上购买过葡萄酒。根据报告估计，到2020年，在网上购买葡萄酒的中国消费者比例将上升至47%。由此看出，电子商务市场中对于酒类的需求很大。
作为酒类销售及酒文化的网站，我们希望用户可以从我们网站上了解去全面的酒类信息和文化，很多人们不仅是对酒有需求，更对酒的器具、文化、DIY等有更大的兴趣，因此不仅通过我们网站购买的优质的酒类产品。而且我们通过DIY酒等特色板块和及时的更新网站分各类信息来吸引更多的用户与顾客，推动我们网站的发展并最大限度满足用户需要。
2.环境分析
硬件环境；pc机
软件环境；windows 7、windows xp操作系统
3.用户界面需求
(1)界面的一致性，保持风格字体色调的一致性 界面的效果和外观对用户来说很重要。
(2)保证准确无误的连接，是用户能快速清楚找到需要的页面。
(3)人性化交互的页面。要考虑的用户的需求，便于浏览
(4)最佳优化网页内容，尽量在不影响网站的展示同时降低进入网站相应速度。
(5)在网页设计中，良好的视觉效果也很重要，合理的布局、结构、比例可以使用户更好的使用网站。
(6)需要经常更新和维护，让用户得到更好的使用体验。
(7)保障信息的安全。信息的安全对用户和企业来说，都是至关重要的。
(8)设计定位可扩展，应有很强扩展能力以适应新业务的发展。
4.网站建设目标
(1)将“煮酒阁”网站建设成一个与普通购物网站操作习惯相似的网站，使用户很快了解并掌握操作。
(2)建成一个图文并茂、内容丰富的电子商务网站，尽量满足顾客的各种需求的同时提高网站知名度树立更好的公司口碑。
5.网站功能
(1)用户：足不出户并且方便快捷购买各种优质酒类商品，在网站上浏览各类商品信息及就文化知识和酒类新闻等丰富的网页内容。
(2)“煮酒阁”公司：销售展示本公司的各种商品及合作公司的酒类相关商品，发布新闻和各种酒类知识，通过网站来获得口碑树立企业形象。
6.软件结构设计
在我们建立煮酒阁站点中，用到了Macromedia Fireworks 8进行排版与切片，利用Macromedia flash 8.0做出Flash大幅图片放在主页吸引更多的顾客，使用Photoshop CS5来进行图片的处理修饰使其与网页更加搭配。并利用Macromedia Dreamweaver 8来完成最终的网页设计与制作。
二、 煮酒阁网站详细页面展示
(一）网站结构描述(见下图一）
图一：网站结构描述图
（二）主页的设计（见下图二）
图二：主页设计图
“煮酒阁”主页（见图1-2）中设计分为上中下三部分，上部导航栏可以清晰的展示首页、产品、品牌推荐、DIY酒、器具、酒文化、名品私藏，可供客户根据自己的需求点击查看。 网站中部主要是flash做成的动态宣传图片及部分商品展示用来展示产品，发布网站相关新闻，并附上相关更新的友情小贴士。在下方是售后为主客户服务、物流系统、联系我们。
整个主页主要包括LOGO与导航条设计、正文部分、底部版权。
1.LOGO设计
LOGO大小为221*166，采用比较有中国古典气息的篆体，并搭配西式花纹来做出中西结合的风格。（见下图三）
图1-3：LOGO设计图
图三：Logo图片
2.导航条设计
导航条的大小为1000*30 从左到右依次清晰的展示首页、产品、品牌推荐、DIY酒、器具、酒文化、名品私藏，并有联系我们提供给用户联系方式，让用户可与我们及时联系，反馈他们的意见与建议。（见四）
图九：产品页面展示图
2.品牌推荐（见下图十）
图十：品牌推荐页面设计图
参考文献
[1]赵春燕.网络营销技术教程.北京大学出版社
引言
（一）课题背景
中国是酒文化发源地，也是世界上最早酿造酒的国家之一，中国人喜爱饮酒及酒文化的历史由来已久。酒文化和酒一直占有着很重要的地位，且根据数据分析，国内葡萄酒行业产量一直处于增长趋势。据分析，红酒市场的消费能力在2017年将达到28.27亿升，消费总额达到938亿元，增长幅度达102.5%。目前的葡萄酒的销量一路走高，但是中国人历来有喝白酒的习惯，因此白酒在酒类市场仍占有一席之地。整个中华五千年的文明史中都有酒的渗透，从文学艺术的创作、娱乐到饮食烹饪、保健养生等各方面，在中国人生活中都占有重要的位置。
（二）课题意义
随着电子商务发展的越来越迅速，很多传统商业模式都正在尝试这种新兴的商务模式。我们将“煮酒阁”这样一个线下公司放到线上，更好的宣传公司的形象及商品，树立品牌形象，为公司赢得口碑。并且对于很多人来说，出门购买酒类不是很方便快捷，我们的煮酒阁网站就是为现代喜爱酒文化和各类酒却无时间出门购买的人们提供的一个购买与了解酒文化的平台。
一、 煮酒阁网站设计分析
（一）相关技术与开发工具介绍
1.Adobe Photoshop CS5
利用Adobe Photoshop CS5可以进行手绘、平面设计、海报、后期处理、网页设计、及图像的处理。是一个专业的图片处理软件。通过Adobe Photoshop CS5的使用，能更好、更高效的处理网站素材，做出大小适宜、画面精致的广告用途，让网站更加丰富、吸引人。
2.Macromedia flash 8.0
Macromedia Flash ，是美国Macromedia公司开发的专门用于制作二维动画的软件，使用方便，受到专业和业余人士欢迎，适合用在网站上。通过 *好棒文|www.hbsrm.com +Q: ^351916072*
Macromedia Flash制作动态flash动画的banner,使广告更具直观感受，更加吸引用户注意力。
3.Macromedia Fireworks 8
是Macromedia开发的一款图像软件，可以完成大图切割、弹出菜单、和变换图像等。很大程度的降低了网络图形设计的工作难度，是辅助网页设计编辑的好帮手。通过Macromedia Fireworks 8规划并设计出网站首页概貌，通过切片可以使得网站制作更加快捷方便。
4.Macromedia Dreamweaver 8
Macromedia Dreamweaver 8是建立Web站点和应用程序的专业工具，具有网页设计、网站开发及站点管理的几大功能，并且具有支持多平台、可视化及跨浏览器等特性，是网站设计、开发的必备工具。使用Macromedia Dreamweaver 8的表格工具和代码编写，完成网站制作。
（二）网页规划与设计
1.需求分析
据统计局数据显示，目前的葡萄酒的销量一路走高，但是中国人历来有喝白酒的习惯，因此白酒在酒类市场仍占有一席之地。
据波尔多国际葡萄酒及烈酒展览会(VINEXPO)最新发布的报告显示，网络渠道正在逐步成为主流，近27%的中国消费者在网上购买过葡萄酒。根据报告估计，到2020年，在网上购买葡萄酒的中国消费者比例将上升至47%。由此看出，电子商务市场中对于酒类的需求很大。
作为酒类销售及酒文化的网站，我们希望用户可以从我们网站上了解去全面的酒类信息和文化，很多人们不仅是对酒有需求，更对酒的器具、文化、DIY等有更大的兴趣，因此不仅通过我们网站购买的优质的酒类产品。而且我们通过DIY酒等特色板块和及时的更新网站分各类信息来吸引更多的用户与顾客，推动我们网站的发展并最大限度满足用户需要。
2.环境分析
硬件环境；pc机
软件环境；windows 7、windows xp操作系统
3.用户界面需求
(1)界面的一致性，保持风格字体色调的一致性 界面的效果和外观对用户来说很重要。
(2)保证准确无误的连接，是用户能快速清楚找到需要的页面。
(3)人性化交互的页面。要考虑的用户的需求，便于浏览
(4)最佳优化网页内容，尽量在不影响网站的展示同时降低进入网站相应速度。
(5)在网页设计中，良好的视觉效果也很重要，合理的布局、结构、比例可以使用户更好的使用网站。
(6)需要经常更新和维护，让用户得到更好的使用体验。
(7)保障信息的安全。信息的安全对用户和企业来说，都是至关重要的。
(8)设计定位可扩展，应有很强扩展能力以适应新业务的发展。
4.网站建设目标
(1)将“煮酒阁”网站建设成一个与普通购物网站操作习惯相似的网站，使用户很快了解并掌握操作。
(2)建成一个图文并茂、内容丰富的电子商务网站，尽量满足顾客的各种需求的同时提高网站知名度树立更好的公司口碑。
5.网站功能
(1)用户：足不出户并且方便快捷购买各种优质酒类商品，在网站上浏览各类商品信息及就文化知识和酒类新闻等丰富的网页内容。
(2)“煮酒阁”公司：销售展示本公司的各种商品及合作公司的酒类相关商品，发布新闻和各种酒类知识，通过网站来获得口碑树立企业形象。
6.软件结构设计
在我们建立煮酒阁站点中，用到了Macromedia Fireworks 8进行排版与切片，利用Macromedia flash 8.0做出Flash大幅图片放在主页吸引更多的顾客，使用Photoshop CS5来进行图片的处理修饰使其与网页更加搭配。并利用Macromedia Dreamweaver 8来完成最终的网页设计与制作。
二、 煮酒阁网站详细页面展示
(一）网站结构描述(见下图一）
图一：网站结构描述图
（二）主页的设计（见下图二）
图二：主页设计图
“煮酒阁”主页（见图1-2）中设计分为上中下三部分，上部导航栏可以清晰的展示首页、产品、品牌推荐、DIY酒、器具、酒文化、名品私藏，可供客户根据自己的需求点击查看。 网站中部主要是flash做成的动态宣传图片及部分商品展示用来展示产品，发布网站相关新闻，并附上相关更新的友情小贴士。在下方是售后为主客户服务、物流系统、联系我们。
整个主页主要包括LOGO与导航条设计、正文部分、底部版权。
1.LOGO设计
LOGO大小为221*166，采用比较有中国古典气息的篆体，并搭配西式花纹来做出中西结合的风格。（见下图三）
图1-3：LOGO设计图
图三：Logo图片
2.导航条设计
导航条的大小为1000*30 从左到右依次清晰的展示首页、产品、品牌推荐、DIY酒、器具、酒文化、名品私藏，并有联系我们提供给用户联系方式，让用户可与我们及时联系，反馈他们的意见与建议。（见四）
图九：产品页面展示图
2.品牌推荐（见下图十）
图十：品牌推荐页面设计图
参考文献
[1]赵春燕.网络营销技术教程.北京大学出版社
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/scyx/1978.html
