很多用戶會(huì)產(chǎn)生不要適應(yīng)和不舒適感，而后選擇關(guān)閉網(wǎng)站離開(kāi)所以，設(shè)計(jì)網(wǎng)頁(yè)時(shí)請(qǐng)保持版面頁(yè)面風(fēng)格一致像耐思尼克響應(yīng)式網(wǎng)站模板都經(jīng)過(guò)精心設(shè)計(jì)，網(wǎng)站頁(yè)面風(fēng)格很豐富，在響應(yīng)式建站過(guò)程當(dāng)中直接選擇制作就可以了，簡(jiǎn)單便捷。

步驟1 創(chuàng)建空白的HTML 5模版 首先，我們創(chuàng)建一個(gè)空白的模版，代碼很簡(jiǎn)單，如下所示復(fù)制代碼 步驟2 增加HTML 5新標(biāo)簽 HTML 5中新增加了不少標(biāo)簽，如article， aside， details， figcaption， figure， footer， header。

HTML的全稱(chēng)是超文本標(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)畫(huà)聲音。

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的核心是遵循三個(gè)主要原則流體網(wǎng)格，響應(yīng)式媒體和媒體查詢?cè)谀承┣闆r下，當(dāng)設(shè)備無(wú)法確定網(wǎng)站的初始寬度或規(guī)模時(shí)，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)也會(huì)利用媒體視口元標(biāo)記，從而不會(huì)觸發(fā)媒體查詢以下是解釋的基本響應(yīng)式網(wǎng)頁(yè)設(shè)。

1先制作好PSD模板，不要直接在Muse當(dāng)中完成視覺(jué)設(shè)計(jì)2處理好PSD文件中智能對(duì)象的關(guān)系以及圖層順序的關(guān)系3網(wǎng)頁(yè)內(nèi)容與背景圖片的關(guān)系一定要分開(kāi)先做好一個(gè)斷點(diǎn)的布局，然后先做最大的寬度適配4做好第一個(gè)和最大。

Initializr Initializr 是一個(gè)可以創(chuàng)建 HTML5 模板的網(wǎng)站，可以創(chuàng)建樣板 HTML5 模板，響應(yīng)式的 HTML5 模板或 Twitter Bootstrap HTML5 模板HTML5 Demos 這里集合了一些基于 HTML5 的優(yōu)秀的實(shí)驗(yàn)演示，最初只有5個(gè)演示。