第一步：打開(kāi)dw，點(diǎn)擊dw左上角的文件按鈕。第二步：在文件按鈕彈出的菜單中選擇新建。第三步：在彈出的對(duì)話框中選擇要新建的內(nèi)容，新建網(wǎng)頁(yè)就是html的。第四步：在選擇新建類型后，點(diǎn)擊創(chuàng)建按鈕。第五步：新建完成后會(huì)看到網(wǎng)頁(yè)的源代碼，然后我們?cè)赽ody標(biāo)簽中填寫(xiě)內(nèi)容。第六步：點(diǎn)擊左上角的文件按鈕，在彈出的對(duì)話框中選擇保存，可以利用快捷鍵ctrl+s保存。第七步：點(diǎn)擊創(chuàng)建按鈕后會(huì)詢問(wèn)保存路徑及保存文件的名稱，可以新建為index.html，然后點(diǎn)擊保存。第八步：在保存路徑找到該文件，然后雙擊打開(kāi)。第九步：雙擊打開(kāi)后在瀏覽器可以看到一個(gè)網(wǎng)頁(yè)了。

　　制作步驟如下：　　1、打開(kāi)Dreamweaver CS6軟件，在Dreamweaver CS6軟件的開(kāi)始界面的導(dǎo)航上可以看到站點(diǎn)，如下圖所示。　　2、點(diǎn)擊Dreamweaver CS6導(dǎo)航上的站點(diǎn)，然后選擇彈出菜單上的新建站點(diǎn)，如下圖所示?！　?、點(diǎn)擊后彈出站點(diǎn)設(shè)置對(duì)話框，先來(lái)設(shè)置站點(diǎn)項(xiàng)，這個(gè)是在計(jì)算機(jī)本地創(chuàng)建的，在站點(diǎn)名稱處輸入站點(diǎn)名稱，然后選擇本地站點(diǎn)文件夾路徑，如下圖所示。　　4、服務(wù)器選項(xiàng)，這個(gè)設(shè)置主要用于動(dòng)態(tài)頁(yè)面，動(dòng)態(tài)頁(yè)面要服務(wù)器解析的。點(diǎn)擊左下角的“+”圖標(biāo)添加服務(wù)器，如下圖所示?！　?、開(kāi)發(fā)網(wǎng)站的時(shí)候一般都是在本地搭建的服務(wù)器，所有連接方法選擇“本地/網(wǎng)絡(luò)”。服務(wù)器名稱和服務(wù)器文件夾都是安裝服務(wù)器時(shí)確定的，服務(wù)器文件夾直接選擇安裝服務(wù)器時(shí)的位置就可以了。服務(wù)器App安裝在D:\App\www文件夾下，站點(diǎn)叫jingyan。這里Web URL設(shè)置為localhost/jingyan。根據(jù)服務(wù)器文件夾來(lái)的。然后點(diǎn)擊保存，如下圖所示?！　?、點(diǎn)擊保存后，返回新建站點(diǎn)的服務(wù)器選項(xiàng)界面，勾選測(cè)試，然后點(diǎn)擊保存，如下圖所示?！　?、Dreamweaver CS6新建站點(diǎn)完成了，可以編輯網(wǎng)站網(wǎng)頁(yè)了，如下圖所示。

Dreamweaver，簡(jiǎn)稱“DW”，中文名稱"夢(mèng)想編織者"，是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器。想用DW做出導(dǎo)航欄必熟知div+css，基本代碼：ul#nav{ width:100%; height:60px; background:#00A2CA;margin:0 auto} ul#nav li{display:inline; height:60px} ul#nav li a{display:inline-block; padding:0 20px; height:60px; line-height:60px; color:#FFF; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px} ul#nav li a:hover{background:#0095BB}/*設(shè)置鼠標(biāo)滑過(guò)或懸停時(shí)變化的背景顏色*/ <ul id="nav"> <li><a href="#">首頁(yè)</a></li> <li><a href="#">HTML教程</a></li> <li><a href="#">CSS基礎(chǔ)</a></li> <li><a href="#">CSS開(kāi)發(fā)工具</a></li> <li><a href="#">CSS特效</a></li> <li><a href="#">CSS問(wèn)題</a></li> </ul>

Dreamweaver中制作一個(gè)商品展示頁(yè)面步驟：第一、用ps制作出頁(yè)面圖稿。第二、ps切圖，Dreamweaver軟件布局，用div布局，css樣式美化。只要有一定的網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)，懂得寫(xiě)代碼規(guī)則，制作一個(gè)頁(yè)面不是很難。