1 产品经理利用axure设计原型2 原型讨论定型后由UI人员设计图标，更新到axure原型中3 由axure生成 自适应的响应式网站 设计的html文件参考html 注意axure发布项目生成。

做响应式网站离不开CSS响应式布局查询代码写法，而在此之前，我们需要了解什么是媒体查询以及如何才CSS中引入媒体查询什么是媒体查询媒体查询可以让我们根据设备显示器的特性如视口宽度屏幕比例设备方向横向或纵向。

5 插入内容根据网页的需求，插入所需的内容，如文本图像视频等通过使用HTML标签，可以插入段落标题图像链接等元素6 网页优化考虑网页的性能和用户体验优化网页加载速度响应式设计网页可访问性等方面。

根据你的需求，我建议你做单网页模板，不要理会上面搞wordpress那个了，我觉得你一时半会摸不透它，而且你也不需要它单页模板有一些好处1一般比较炫，符合你的HTML5响应式2不牵涉后台，所以不挑虚拟主机，而且修改。

比如，bootstrap支持响应式设计，具体体现在bootstrap的css库主要是启用了css3标准的media query功能实现了各种设备下的一些预设的html＋css组件就是一些半成品的代码片段，适合在网页各个地方复制粘贴简单说html5。

HTML的全称是超文本标记语言，是一种标记语言 它包括一系列标签通过这些标签，可以统一网络上的文档格式，将分散的互联网资源连接成一个逻辑整体HTML文本是由HTML命令组成的描述性文本，可以解释文字图形动画声音。

5 前端开发将设计师设计的页面转换成 HTMLCSS 和 JavaScript 代码，确保页面符合响应式布局和浏览器兼容性6 后端开发根据网站的需求设计合适的数据库结构，并编写执行逻辑的代码，生成动态数据，实现网站的功能7 网站测试和上线。