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

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

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

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

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

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

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