分享：H5响应式公司企业网站(官网)建设制作策划方案

从互联网+时代再到在移动互联网时代，从有PC网站、博客、QQ空间、微博、分类信息、B2B，再到有手机网站、APP、自媒体、公众号、小程序……似乎传统的PC端网站已经到了穷途末路的时候，没有什么发展前途可言了，而且曾被众多中小企业家们奉为“神”一样存在的百度，近几年的日子并不大好过，就差到了“BAT”遭到他人取代的窘境的地步了。传统的PC端网站似乎真的没有多大用途了，因为现在手机用户已经遥遥领先PC用户，而此时恰好——响应式网站的出现，正好为中小企业开展互联网和移动互联网营销带来了新的机遇。

接下来我们就来了解一下：到底什么是响应式网站？

响应式网站建设的理念：页面的设计与开发要求应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。

无论用户正在使用笔记本还是iPad平板或者苹果、安卓手机等，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

那么，面对众多中小公司面对转型之痛，传统的网站建设已经越来越不能满足现在客户的需求了，应该打造一个什么样的新型企业品牌形象官网来开展互联网营销呢？下面，IT工作室创始人王晴儿本人根据多年的互联网资深从业经验，为大家分享一份公司H5响应式网站建设/企业自适应官网设计制作开发方案，希望对大家能有帮助！

一、建站前需要做的准备工作

网站建设的目的是什么？

公司当前能带来利润的主要产品和服务是什么？（最好可以精确到某个具体产品）

企业当前获取订单的主要途径有哪些？

企业产品的购买者和使用者分别是哪一类目标人群？

当前企业产品及服务的核心优势和特点是什么？

按产品的使用行业，用途、材质、适用人群是否可以分类，详细分类？行业如何对企业的产品或者服务分类？

产品和服务是否有行业差异化，如果有是哪些？

网站的主导航需要布局哪些栏目？（本文接下来第二点就会具体讲到）

企业的客户在购买产品或享受服务普遍主要关心什么问题？其中哪些是最重要的？

网站规划的核心关键词是什么？（不超过3个）

网站规划的长尾关键词是什么？（不超过20个)

企业的成长年限，员工人数，办公场所的大小，服务案例的数量，资本实力，荣誉资质；

企业业务的接待流程及售后服务流程是怎么样的？

是否有企业宣传视频？

企业的联系方式，QQ、微信、400电话、传真、邮箱以及其他及时在线沟通工具。

二、明确网站架构栏目

这里分享一份公司响应式网站建设/企业自适应官网设计制作开发常用的网站结构栏目，注意：此网站结构仅用于参考，请企业根据自身实际情况进行增减。

(1)关于企业：用于介绍企业的历史、文化、背景等信息展示，可增加子栏目内容板块如：企业文化、荣誉证书、合作伙伴、客户评价等；

(2)资讯中心：用于发布公司动态、行业资讯、媒体报道、常见问答等信息；

(3)产品中心：用于发布公司产品一、公司产品二、公司产品三、公司产品四等产品展示，图文并茂；

(4)案例中心：用于发布家具/建材、家纺/服装、光电/安防、工业/物博、电子/照明、医疗/机械、政府/高交、宠物/动漫、食品/礼品、文化/其他等案例信息；

(5)招贤纳士：用于发布人才招聘信息展示；

(6)法律声明：用于介绍公司法律、法务等信息展示；

(7)投诉建议：主要用于收集客户的投诉建议信息；

(8)合作伙伴：展示企业的各大合作伙伴等信息，可用合作伙伴的LOGO图标展示；

(9)联系我们：充分展示企业的联系方式、线路地图等信息；

(10)在线客服：通过网站在线客服咨询软件，充分实现网站访客与客服之间的即时通信(IM)，并把网站的在线销售、实时客服和网站管理功能融合在一起，更好的服务客户；

(11)网站地图：为用户提供最便捷的导航服务，一键到达用户想要的服务。

三、响应式公司企业网站界面设计风格

以响应式公司企业网站平台所属企业VI/CI系统为基础，以不同访问者浏览习惯为标准。追求形式简节、实用，符合行业用户的浏览习惯，突出功能性和实用性。

四、响应式公司企业网站前端开发分析：

响应式公司企业网站当前一般采用当前主流的HTML5+CSS3前端开发技术，另外是只开发PC端？还是利用自适应技术同时兼容手机端和平板电脑？或者是需要单独开发手机端？响应式公司企业网站是否需要加入一定的H5网页互动元素？还是只需要加一些简单的鼠标滑动效果？是否还有别的补充？

王晴儿在此建议：如果公司网站侧重建站开发成本和效率，那么自适应网站建设是不错的选择。另外如果公司网站对手机端要求比较高的话，特别是用户体验上的细节优化较多的话，那么单独开发手机端是个不错的选择。

五、响应式公司企业网站后端开发分析：

响应式公司企业网站后台打算用什么主流编程语言开发？Php？Java？Python？Asp.net？还是其他？

看看是否需要这些后台功能模块？

公司概览后台功能模块、新闻资讯后台功能模块、视频发布后台功能模块、图文信息发布后台功能模块、预约报名后台功能模块、搜索功能管理模块、管理员后台功能模块、友情链接后台功能模块

王晴儿在此提醒大家：本响应式公司企业网站后台功能开发模块规划仅供参考，企业可以根据自身实际情况来进行适当增减。

以上就是王晴儿分享的文章内容，由于自己从事网站设计制作已经七八个年头了，所以自然深知企业网站建设对于互联网营销开展的重要性。既然您来到这里，看完了我分享的文章，那就是一种缘分，也是一种说不出的缘分。如果说得不好之处，欢迎各位拍砖与指正，有任何建站方面的问题，都可以与王晴儿一起交流探讨，虽然从业7年，但不忘初心，一直相信越努力越幸运这句话，而且我本人也喜欢结交各行各业的朋友，谢谢！

如果您还有兴趣的话，可以找找我之前写过的一篇文章《王晴儿:做一个企业网站大概需要多少钱合适？》，让您减少被网站建设公司忽悠的几率，让您对建站行业有个更加清晰的认识。

当然您觉得文章有价值、或关注分享感谢什么的，也顺手点个赞哈——以文章价值为桥梁，「点赞」：使「您的价值」得以延伸并持续留香……

王晴儿再说点题外话，分享一些觉得不错的感悟话语，希望对大家能带来正能量：做人，细节太重要了，做任何事，有始有终，其中细节更要注意。和人来往，尊重他人的感受，不让人难堪，其实就是尊重自己。一个人的教养与尊贵，全体现在细节处！ ​

文章来源：王晴儿网页设计博客 欢迎分享交流，转载请注明出处，谢谢！