H5网站大家可能并不陌生，要是换个说法，部分人可能就有点不知所以然了，比如“响应式网站”“自适应网站”，这两个词也不是本来就有的，随着网站制作的前端技术不断更新，新的技术出来很正常，但新的东西总的需要个名字吧，所以，H5网站就有了两个最流行的名字：“响应式网站”和“自适应网站”。
其实这两个名字是同一个意思，就是随着网站在不同的设备上打开，自动响应屏幕大小，网站自动变形，变成用户体验更好的网站样式。人们的生活从不轻易搬走的台式电脑，变成笔记本电脑，再到今天的智能手机，用户在哪里，商家就在哪里。
之前企业、商家要是想推广自己的业务，会做一个网站推广宣传，但之前的老网站技术要相对落后了，在现在的手机端显示要么大小被压缩，要么排版错乱，要么功能实现不了……智能手机刚出来的时候，很多企业、商家就意识到手机端是不能忽视的流量入口，于是用很生硬的办法在重新做一个手机端网站。这个做法在三五年前还算称赞，但今天肯定是行不通了。
新的技术肯定不允许落后的生产力同台竞争的，现在做网站要快，要有个性，要好看，要功能全面，还要性价比高。是的，做不到这些的技术服务商已经“领盒饭”了。目前比较流行的H5建站，主流的有两种方式，一是，平台型；二是，定制型。
“平台型建站”主要优势是快，效率高，相对价格也比较低，修改模块比较便捷，套用模板，可视化操作，配置域名解析，SEO关键词都是全称无代码操作，比较单间。一般是按平台服务费收取，包年，还是包月。缺点是，硬性套模板，可塑性不强，网站曾现比较简单，适用单产品、单业务的企业，不适用大型企业，模块较复杂的网站类型。
“定制性建站”主要优势就是根据个性化要求设计，开发。自动响应各类型的设备终端。对于模块（子页面）较多的网站比较适用。可根据要求随心所欲设计，设计更多交互体验，不生硬，用户感觉更好。它更高端，更符合企业气质。缺点是建设周期略长，成本较高，配置标签，域名都是代码执行，有一定的技术门槛。
这两种建站方法“平台型网站”是站在企业端的角度，更快，性价比更高。“定制型网站”是站在用户的角度，视觉和交互更好，兼容性考虑更周到，但是价格和开发时间不是很经济。
今天，我们介绍一款我们公司为客户定制开发的响应式网站，讲讲响应式网站是怎样在移动互联网时代被制作出来并且发挥它的作用的。
第一步，梳理网站架构，利用工具制作出主要栏目和子栏目的内容，分类要要清晰，具有层次感，充分，明确表达体现网站的主要作用，让浏览者能够准确定位网站的目的。规划功能，一些必要的展示信息收集，比如，地址，电话，联系邮箱，400电话，填写联系方式等。如图一：（感兴趣的可搜http://www.china-vango.com）
图（一）第二步，根据梳理出来的网站结构，设计网站保真图，大致体现网站的布局，结构，图标设计方案，交互方式，排版等样式，让网站印象出来，便于双方有图像的情况下进行沟通、修改，这样不会浪费太多时间，双方完全认可的时候在进行下一步。
第三步，根据高保真原型图，对细节进行设计，结合logo的主题色，配色，大致背景，线条，icon设计。UI设计要保证网站的结构，对称，考虑手机端的呈现方式，各个模块的可拆解和组合性能。
第四部，响应式前端代码编写，前端工程师会根据不用设计的展现形式和UI设计师沟通交互和设计注意事项，前端代码对交互的方式，节奏，时间点都要精准把握，多次测试，让网站用户体验更良好。比如刚才页面在手机端显示就变成下图。如图二：
图（二）第五步，如有后台功能比如发布行业资讯，公司动态，招聘信息等内容需要后台管理功能，后台管理功能要灵活，预留接口，考虑以后升级，优化。最后就是要打包上线，配置服务器环境等。
经过这些流程一个完美的响应式网站就完成了。响应式网站不仅适应了手机屏幕更是适应的新时代的需求，新媒体时代，推广不仅仅是依赖品牌，IP，口碑，还需要会自我营销，拥有一个好的网站，不仅可以提供企业形象，还可以出招自如，SEO优化较多的还是呈现在PC端被动式的推广方法上，而响应式网站在新媒体时代已经是主动出击，可以关联公众号菜单，公众号文章链接，制作成二维码的海报，各种H5页面链接，可以直接转发朋友圈，微信群等用户容易触达的地方。
H5网站是企业跟上新时代重要的一张门票。展现企业形象，推广企业产品和服务，您一定需要一个完美的，个性的，好看的企业“响应式网站”。
