从互联网+时代再到在移动互联网时代，从有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)网站地图：为用户提供最便捷的导航服务，一键到达用户想要的服务。
以上就是王晴儿分享的文章内容，由于自己从事网站设计制作已经七八个年头了，所以自然深知企业网站建设对于互联网营销开展的重要性。既然您来到这里，看完了我分享的文章，那就是一种缘分，也是一种说不出的缘分。如果说得不好之处，欢迎各位拍砖与指正，有任何建站方面的问题，都可以与王晴儿一起交流探讨，虽然从业7年，但不忘初心，一直相信越努力越幸运这句话，而且我本人也喜欢结交各行各业的朋友，谢谢！
如果您还有兴趣的话，可以找找我之前写过的一篇文章《王晴儿:网站建设制作预算费用投入多少合适?公司做网站控制在多少钱合理?》，让您减少被建站外包公司忽悠70%的几率，可以让您对建站行业有个更加清晰的认识。
当然您觉得文章有价值、或关注分享感谢什么的，也顺手点个赞哈——以文章价值为桥梁，「点赞」：使「您的价值」得以延伸并持续留香……
文章来源：王晴儿网页设计博客 欢迎分享交流，转载请注明出处，谢谢！
