DW軟件是針對從事前端代碼工作必備的一款工具，它不僅擁有經(jīng)典的代碼編輯方式，同時(shí)也有其它軟件所沒有的功能，那么它能不能制作自適應(yīng)網(wǎng)站呢？下面眾展網(wǎng)絡(luò)教大家具體的制作方法。

DW可以制作自適應(yīng)網(wǎng)站，我們在新建html時(shí)可以選擇H5，這代表的含義就是符合響應(yīng)式標(biāo)準(zhǔn)的代碼，當(dāng)然在實(shí)際的制作過程中還需要我們掌握相應(yīng)的代碼才行，因?yàn)樗强梢皂憫?yīng)式代碼來運(yùn)行的，不然在瀏覽的時(shí)候也顯示不了手機(jī)端的兼容。

自適應(yīng)實(shí)際上并并不是能適應(yīng)全部的電腦瀏覽器，現(xiàn)階段一般是選用JS來分辨電腦瀏覽器和屏幕分辨率來完成讀取不一樣div來完成合理布局的。假如你的網(wǎng)站構(gòu)造沒有使用很多的圖型來對接，關(guān)鍵由報(bào)表來定結(jié)構(gòu)，那麼你便可以應(yīng)用該方法。十分適用關(guān)鍵由報(bào)表，文本來表述信息內(nèi)容的簡潔的網(wǎng)站頁面。制作報(bào)表時(shí)，如果你把報(bào)表的總寬特性界定為100%，報(bào)表便會(huì)依據(jù)屏幕分辨率的不一樣自行調(diào)節(jié)總寬。用100%就好了，width：100%那樣便是，自適應(yīng)，可是不好看，如今風(fēng)靡的全是960，大部分就都兼容過去了。

Dreamweaver制作自適應(yīng)網(wǎng)站步驟：1.新創(chuàng)建一個(gè)空缺的HTML文本文檔。2.點(diǎn)一下右下方網(wǎng)頁頁面尺寸選擇項(xiàng)，依據(jù)設(shè)計(jì)方案挑選合適分辯率的尺寸。3.在HTML應(yīng)用相對性字體樣式。4.插進(jìn)的照片必須解決。給div加上一個(gè)款式，取名為mian【divclass=mian/div】款式如下所示：.mian{width:100%;height:800px;background:#fff;margin:0auto;}更新下能看下實(shí)際效果，網(wǎng)頁頁面正中間多了一個(gè)乳白色合理布局。

靜態(tài)數(shù)據(jù)網(wǎng)站的撰寫主要是用HTML+CSS+JS來進(jìn)行網(wǎng)站的設(shè)計(jì)排版,一般的網(wǎng)頁頁面安全作業(yè)必須融進(jìn)下列知識(shí)要點(diǎn)：div布局，波動(dòng)，精準(zhǔn)定位，高級css，報(bào)表，表格及認(rèn)證，js輪播圖，視音頻Flash的運(yùn)用，ulli，往下拉導(dǎo)航條，電腦鼠標(biāo)掠過實(shí)際效果等知識(shí)要點(diǎn)的反映，APP得話應(yīng)用Dreamweaver會(huì)省時(shí)省力一些，還可以應(yīng)用Editplus。

以上就是眾展網(wǎng)絡(luò)（www.81042235.cn）為大家分享的“DW制作響應(yīng)式網(wǎng)站方法”，希望能對您有所幫助。我們需要掌握H5的代碼技巧，這樣不管什么工具都可以做出來自適應(yīng)的效果。