互联网+思维下的电商网站设计(附件)【字数：9797】
摘 要目前“互联网+”是在当下互联网创新2.0下产生新概念，并且由此发展出来的新业务生态。如今越来越多的传统企业都实现了互联网化，然而仅仅将传统企业直接搬到线上是远远不能发挥其企业的潜力的，需要通过更多的互联网衍生，附加价值及功能。单纯的企业网站，或者单纯的电子商务网站都有功能及面向对象的局限性，因此每个企业或者参与电商的传统企业，都需要加深思考在互联网中的附加功能和特性，探讨传统行业在互联网大背景中附加更多功能属性的可能性，让未来更多的传统企业能够在互联网化的同时，使单一媒介或渠道，拥有更完善的作用，最大化的实现企业价值。本次设计根据目前的互联网发展趋势，以及对市面上存在的电商平台对比发现，内容流量将是未来的一大块蛋糕，因此本设计把由商家主导的电商网站进行了转化，转变成由买家或者买手为主导，整个网站对视觉效果进行丰富化，增加了分享反馈机制，另外还包括留言系统，让网站不断的收获反馈，同时不停的筛选和选择优秀的买手或者买家作品及推荐，与商家进行信息整合列出清单，成为一个不仅仅是卖货，更是购物干货分享交流的平台，通过移动与PC两个端口来突破流量记录，获取更准确的信息，并加以完善产品。
目 录
第一章 概述 1
1.1 课题思路和背景 1
1.2 设计目的和意义 2
1.3 本章小结 2
第二章 开发工具及语言简介 3
2.1 DREAMWEAVE的简介 3
2.2 CSS简介 4
2.3 JAVASCRIPT简介 5
2.4 本章小结 5
第三章 网站结构分析 6
3.1 分页面介绍 6
3.2 本章小结 10
第四章 网站模块的实现 11
4.1 首页部分 11
4.2 商品页面部分 12
4.3 网站其它页面 14
4.4 本章小结 15
第五章 结束语 16
5.1 设计体会 16
5.2 设计展望与不足 16
5.3 总结 17
致谢 18
参考文献 19
附录A（部分代码） 20 *好棒文|www.hbsrm.com +Q: ^351916072#
概述
互联网的发展十分迅速，电子商务也在与时俱进，因而对电商网站的设计思路以及方案也要不断更新和变化，适应时代潮流，更好的服务于消费者。
1.1 课题思路和背景
HUANGJF Style网站是一个展示买家秀，以买家而非商家为主体的电商网站，打破了常规的以商家卖货为核心的思路，为广大的用户提供更为全面而优质的商品推荐，同时也刺激更多的消费者分享自己的淘货经验，从而更加促进了消费者与商家的正面沟通，与此同时，商家也可以通过网站中买家推荐积攒起来的数据，定向的推出产品，对于商家来说，也有了更为准确的营销思路。该网站在未来能够给用户带来更为贴心及人性化的功能。所以，这次设计以买家为中心，以分享为核心的进行设计网站。这次建站采用了B/S的整体架构，使用Adobe Dreamweaver CS6网站设计开发软件和bootstrap框架，大致设计出了一个可供多平台使用查阅的网站。在本论文里，会涉及到网站总体框架、各个不同模块详细设计、主要界面的风格和展示、不同功能模块的定义和划分，包括网站未来的发展和优化。
HUANGJF Style这个电商网站设计就是在这样的背景下制作出来的，如今越来越多的线下传统工厂，企业都搭上了互联网的快车，然而仅仅是单纯的将传统产业直接搬到线上是远远不能发挥其企业的潜力的，需要通过更多的互联网衍生，附加价值及功能。单纯的企业网站，或者单纯的电子商务网站都有功能及面向对象的局限性，因此每个企业或者参与电商的传统企业，都需要加深思考在互联网中的附加功能和特性，探讨传统行业在互联网大背景中附加更多功能属性的可能性，让未来更多的传统企业能够在互联网化的同时，实现互联网+，让单一媒介或渠道，拥有更完善的作用，最大化的实现企业价值。
万维网到互联网发展了这么多年，技术也在不停的变更，功能也越来越丰富，与此同时人们的需求也变得越来越多，而互联网也在一点点改变着人们的生活方式，从线下到线上，从现金交易到电子支付，从传统物流到物流联盟，互联网所带来的便利和快捷，逐渐渗透到人类的现代社会生活之中，也不断的渗透进入了人类生活的各个领域。
1.2 设计目的和意义
本次HUANGJF Style电商网站的设计，目的是为了在未来内容营销盛行的时候，卖家在营销过程中能够得到极大的收益。同时不断的更新页面和内容，也能够让用户的忠诚度变得更高，用户将网页分享到自己的社交圈子。因此在设计中，整个重心都放在版面的美观和大量的图片体验上面，从banner处的产品海报或者是买家秀的轮播图，到各个分区入口的缩略图上面都精挑细选了素材，整个网站的视觉呈现更多的以分享为主，而不是单一的卖货。它的意义在于打破了传统电商网站的思维定势，让用户登录上这个网站，能够享受到的不仅仅是购物的基础功能，更是集干货分享，视觉享受，经验传播等乐趣于一身的功能。
1.3 本章小结
在本章节中主要介绍了该设计的设计背景，并且对整个HUANGJF Style电商网站的设计基于电商发展的影响及意义进行了分析。
开发工具及语言简介
Adobe Dreamweaver是专门提供给网站设计工作者用于开发设计和排版的，他是将网站前端和后端相连接的关键。CSS不是一种语言，更像一个样式集，它使得这个网站的页面样式更为丰富和规整。JavaScript更多的是用来实现网站和网页中的交互性功能或者一些功能模块的具体实现。这三个主要技术再辅助以各种图片版式制作软件，例如Photoshop，Firework等软件，就可以搭建一个完整且功能强大，界面美观的网站了。
2.1 Dreamweaver简介
Adobe Dreamweaver CS6是一个非常巨大的设计软件，它具备了许多专业的网站开发和维护的高级专业工具。通过使用这个软件，结合FireWork，网站开发人员可以很快的完成相关网页页面的排版布局，而网站开发人员可以方便快捷的讲网页前端设计与后端需求结合起来。甚至通过这个软件，开发人员还可以在不需要掌握HTML语言情况下，就可以开发出一个比较专业的软件。同时，该软件也是一个非常方便的编程编码工具，轻松胜任、快捷编写包括但不限于ASP、PHP、JSP等代码。Dreamweaver同时还拥有两个特色功能，第一个是代码自动填充功能，在输入标签首字母时，会弹出下拉菜单，有多种代码可供选择和填充；第二个是代码区别染色功能，在整个代码编辑设计过程当中，不同种类的代码，软件会加以染色予以区分，方便开发人员编辑和检查代码。
本次设计使用的软件版本为Adobe公司出品的Dreamweaver CS6 ，新版本的主要功能有以下几点：
1、对于流媒体进行布局
根据CSS3的语言特性中的自适应特征进行建站，设计出支持跨屏幕和跨浏览器的兼容版本网站。简洁的设计面板和执行标准化的语言，让开发者的工作效率得到提升。
目 录
第一章 概述 1
1.1 课题思路和背景 1
1.2 设计目的和意义 2
1.3 本章小结 2
第二章 开发工具及语言简介 3
2.1 DREAMWEAVE的简介 3
2.2 CSS简介 4
2.3 JAVASCRIPT简介 5
2.4 本章小结 5
第三章 网站结构分析 6
3.1 分页面介绍 6
3.2 本章小结 10
第四章 网站模块的实现 11
4.1 首页部分 11
4.2 商品页面部分 12
4.3 网站其它页面 14
4.4 本章小结 15
第五章 结束语 16
5.1 设计体会 16
5.2 设计展望与不足 16
5.3 总结 17
致谢 18
参考文献 19
附录A（部分代码） 20 *好棒文|www.hbsrm.com +Q: ^351916072#
概述
互联网的发展十分迅速，电子商务也在与时俱进，因而对电商网站的设计思路以及方案也要不断更新和变化，适应时代潮流，更好的服务于消费者。
1.1 课题思路和背景
HUANGJF Style网站是一个展示买家秀，以买家而非商家为主体的电商网站，打破了常规的以商家卖货为核心的思路，为广大的用户提供更为全面而优质的商品推荐，同时也刺激更多的消费者分享自己的淘货经验，从而更加促进了消费者与商家的正面沟通，与此同时，商家也可以通过网站中买家推荐积攒起来的数据，定向的推出产品，对于商家来说，也有了更为准确的营销思路。该网站在未来能够给用户带来更为贴心及人性化的功能。所以，这次设计以买家为中心，以分享为核心的进行设计网站。这次建站采用了B/S的整体架构，使用Adobe Dreamweaver CS6网站设计开发软件和bootstrap框架，大致设计出了一个可供多平台使用查阅的网站。在本论文里，会涉及到网站总体框架、各个不同模块详细设计、主要界面的风格和展示、不同功能模块的定义和划分，包括网站未来的发展和优化。
HUANGJF Style这个电商网站设计就是在这样的背景下制作出来的，如今越来越多的线下传统工厂，企业都搭上了互联网的快车，然而仅仅是单纯的将传统产业直接搬到线上是远远不能发挥其企业的潜力的，需要通过更多的互联网衍生，附加价值及功能。单纯的企业网站，或者单纯的电子商务网站都有功能及面向对象的局限性，因此每个企业或者参与电商的传统企业，都需要加深思考在互联网中的附加功能和特性，探讨传统行业在互联网大背景中附加更多功能属性的可能性，让未来更多的传统企业能够在互联网化的同时，实现互联网+，让单一媒介或渠道，拥有更完善的作用，最大化的实现企业价值。
万维网到互联网发展了这么多年，技术也在不停的变更，功能也越来越丰富，与此同时人们的需求也变得越来越多，而互联网也在一点点改变着人们的生活方式，从线下到线上，从现金交易到电子支付，从传统物流到物流联盟，互联网所带来的便利和快捷，逐渐渗透到人类的现代社会生活之中，也不断的渗透进入了人类生活的各个领域。
1.2 设计目的和意义
本次HUANGJF Style电商网站的设计，目的是为了在未来内容营销盛行的时候，卖家在营销过程中能够得到极大的收益。同时不断的更新页面和内容，也能够让用户的忠诚度变得更高，用户将网页分享到自己的社交圈子。因此在设计中，整个重心都放在版面的美观和大量的图片体验上面，从banner处的产品海报或者是买家秀的轮播图，到各个分区入口的缩略图上面都精挑细选了素材，整个网站的视觉呈现更多的以分享为主，而不是单一的卖货。它的意义在于打破了传统电商网站的思维定势，让用户登录上这个网站，能够享受到的不仅仅是购物的基础功能，更是集干货分享，视觉享受，经验传播等乐趣于一身的功能。
1.3 本章小结
在本章节中主要介绍了该设计的设计背景，并且对整个HUANGJF Style电商网站的设计基于电商发展的影响及意义进行了分析。
开发工具及语言简介
Adobe Dreamweaver是专门提供给网站设计工作者用于开发设计和排版的，他是将网站前端和后端相连接的关键。CSS不是一种语言，更像一个样式集，它使得这个网站的页面样式更为丰富和规整。JavaScript更多的是用来实现网站和网页中的交互性功能或者一些功能模块的具体实现。这三个主要技术再辅助以各种图片版式制作软件，例如Photoshop，Firework等软件，就可以搭建一个完整且功能强大，界面美观的网站了。
2.1 Dreamweaver简介
Adobe Dreamweaver CS6是一个非常巨大的设计软件，它具备了许多专业的网站开发和维护的高级专业工具。通过使用这个软件，结合FireWork，网站开发人员可以很快的完成相关网页页面的排版布局，而网站开发人员可以方便快捷的讲网页前端设计与后端需求结合起来。甚至通过这个软件，开发人员还可以在不需要掌握HTML语言情况下，就可以开发出一个比较专业的软件。同时，该软件也是一个非常方便的编程编码工具，轻松胜任、快捷编写包括但不限于ASP、PHP、JSP等代码。Dreamweaver同时还拥有两个特色功能，第一个是代码自动填充功能，在输入标签首字母时，会弹出下拉菜单，有多种代码可供选择和填充；第二个是代码区别染色功能，在整个代码编辑设计过程当中，不同种类的代码，软件会加以染色予以区分，方便开发人员编辑和检查代码。
本次设计使用的软件版本为Adobe公司出品的Dreamweaver CS6 ，新版本的主要功能有以下几点：
1、对于流媒体进行布局
根据CSS3的语言特性中的自适应特征进行建站，设计出支持跨屏幕和跨浏览器的兼容版本网站。简洁的设计面板和执行标准化的语言，让开发者的工作效率得到提升。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/dzxx/dzkxyjs/258.html
