1 產(chǎn)品經(jīng)理利用axure設(shè)計(jì)原型2 原型討論定型后由UI人員設(shè)計(jì)圖標(biāo)，更新到axure原型中3 由axure生成 自適應(yīng)的響應(yīng)式網(wǎng)站 設(shè)計(jì)的html文件參考html 注意axure發(fā)布項(xiàng)目生成。

做響應(yīng)式網(wǎng)站離不開CSS響應(yīng)式布局查詢代碼寫法，而在此之前，我們需要了解什么是媒體查詢以及如何才CSS中引入媒體查詢什么是媒體查詢媒體查詢可以讓我們根據(jù)設(shè)備顯示器的特性如視口寬度屏幕比例設(shè)備方向橫向或縱向。

5 插入內(nèi)容根據(jù)網(wǎng)頁(yè)的需求，插入所需的內(nèi)容，如文本圖像視頻等通過(guò)使用HTML標(biāo)簽，可以插入段落標(biāo)題圖像鏈接等元素6 網(wǎng)頁(yè)優(yōu)化考慮網(wǎng)頁(yè)的性能和用戶體驗(yàn)優(yōu)化網(wǎng)頁(yè)加載速度響應(yīng)式設(shè)計(jì)網(wǎng)頁(yè)可訪問(wèn)性等方面。

根據(jù)你的需求，我建議你做單網(wǎng)頁(yè)模板，不要理會(huì)上面搞wordpress那個(gè)了，我覺(jué)得你一時(shí)半會(huì)摸不透它，而且你也不需要它單頁(yè)模板有一些好處1一般比較炫，符合你的HTML5響應(yīng)式2不牽涉后臺(tái)，所以不挑虛擬主機(jī)，而且修改。

比如，bootstrap支持響應(yīng)式設(shè)計(jì)，具體體現(xiàn)在bootstrap的css庫(kù)主要是啟用了css3標(biāo)準(zhǔn)的media query功能實(shí)現(xiàn)了各種設(shè)備下的一些預(yù)設(shè)的html＋css組件就是一些半成品的代碼片段，適合在網(wǎng)頁(yè)各個(gè)地方復(fù)制粘貼簡(jiǎn)單說(shuō)html5。

HTML的全稱是超文本標(biāo)記語(yǔ)言，是一種標(biāo)記語(yǔ)言 它包括一系列標(biāo)簽通過(guò)這些標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上的文檔格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體HTML文本是由HTML命令組成的描述性文本，可以解釋文字圖形動(dòng)畫聲音。

5 前端開發(fā)將設(shè)計(jì)師設(shè)計(jì)的頁(yè)面轉(zhuǎn)換成 HTMLCSS 和 JavaScript 代碼，確保頁(yè)面符合響應(yīng)式布局和瀏覽器兼容性6 后端開發(fā)根據(jù)網(wǎng)站的需求設(shè)計(jì)合適的數(shù)據(jù)庫(kù)結(jié)構(gòu)，并編寫執(zhí)行邏輯的代碼，生成動(dòng)態(tài)數(shù)據(jù)，實(shí)現(xiàn)網(wǎng)站的功能7 網(wǎng)站測(cè)試和上線。