1、1把PSD文件用切片工具切片2然后保存 WEB存儲(chǔ)格式 ，然后把桌面的images 里的切片圖片 上傳到淘寶圖片空間里3用DW打開(kāi)你剛存儲(chǔ)的網(wǎng)頁(yè)然后把每個(gè)模塊的 圖片地址相應(yīng)的替換成 剛你傳到圖片空間里的圖片地址4 點(diǎn)擊。

2、2用DW修改文字內(nèi)容在DW里面的設(shè)計(jì)窗口，可以看見(jiàn)你的網(wǎng)頁(yè)，DW中對(duì)應(yīng)的位置所顯示的內(nèi)容就是在網(wǎng)頁(yè)里面顯示的內(nèi)容想要修改文字，直接將光標(biāo)定位到文字位置，進(jìn)行刪除添加等修改操作即可，也可以在代碼里面修改，個(gè)人建議；用dw制作模板的方法品牌型號(hào)華碩系統(tǒng)版本UX30K723A軟件版本win7，Dreamweaver 8，百度瀏覽器1以百度經(jīng)驗(yàn)首頁(yè)頭部舉例，將頁(yè)面分為兩大塊2第一大塊內(nèi)容又可以分為兩小塊，左邊為一塊，右邊；先把圖片放到空間里，然后復(fù)制代碼，在Dreamweaver里插入超鏈接即可；插入模板對(duì)象可編輯區(qū)域3將這個(gè)普通的網(wǎng)頁(yè)，另存為模板選擇先前新建的站點(diǎn)，一般文件名都是“temp”，模板制作好后，會(huì)在站點(diǎn)內(nèi)，自動(dòng)生成一個(gè) Templates的文件夾，里面保存著模板文件模板文件夾的擴(kuò)展名是。

3、1首先打開(kāi)Dreamweaver軟件，新建站點(diǎn) 和html文件，并保存2然后打開(kāi)想要借鑒的網(wǎng)站首頁(yè)，比如“香奈兒中國(guó)官網(wǎng)”，然后右擊網(wǎng)頁(yè)選擇”查看源“，查看網(wǎng)站主頁(yè)的源代碼3然后切換Dreamweaver到代碼頁(yè)面，復(fù)制“香奈兒”主頁(yè)；點(diǎn)擊高級(jí)設(shè)置修改默認(rèn)文件夾都設(shè)置妥當(dāng)后在頁(yè)面的代碼區(qū)域輸入如下代碼點(diǎn)擊頂部的小地球圖標(biāo)可以在瀏覽器中預(yù)覽，會(huì)提示是否保存頁(yè)面，點(diǎn)擊是選擇保存的名稱(chēng)一般情況下網(wǎng)頁(yè)的首頁(yè)都叫index，將名稱(chēng)更改后確認(rèn)即可在瀏覽器中；這是div和css的頁(yè)面，頁(yè)面是不包含樣式的所有的樣式都在頁(yè)面所引用的樣式表里面，你到樣式表里面找到f的那行代碼就會(huì)知道了；修改一下使用4還有專(zhuān)門(mén)制作折疊菜單的軟件，可以選擇其中的很多模板，建立菜單也很簡(jiǎn)單但是制作這些，以及你所說(shuō)到的，logo與菜單布局等處理，起碼要對(duì)css有所了解，js代碼可以下載，網(wǎng)頁(yè)css樣式是要自己設(shè)計(jì)的。

4、我們將此新建頁(yè)面改名為body2htm現(xiàn)在我們用DW將bodyhtm與body2htm兩文件都打開(kāi)，比較一下有什么不同你會(huì)發(fā)現(xiàn)在body2htm頁(yè)面的右上角寫(xiě)著“Templatebody”幾個(gè)字同時(shí)你會(huì)驚訝的發(fā)現(xiàn)body2htm文件竟然不可以；用DW制作模板步驟如下1首先是必須建立好一個(gè)頁(yè)的基本框架，把固定的元素先確定下來(lái)，留出一些空白的編輯區(qū)域給一些變動(dòng)元素2在菜單欄上依次打開(kāi)插入模板對(duì)象創(chuàng)建模板3重新命名你的網(wǎng)頁(yè)模板。

5、首先啟動(dòng)Dreamweaver，確保你已經(jīng)用站點(diǎn)管理器建立好了一個(gè)網(wǎng)站根目錄為了制作方便，請(qǐng)您事先打開(kāi)資源管理器，把要使用的圖片收集到網(wǎng)站目錄images文件夾內(nèi)進(jìn)入頁(yè)面編輯設(shè)計(jì)視圖狀態(tài)在一般情況下，編輯器默認(rèn)左對(duì)齊；不樣，保存的時(shí)候，另存為模板，這時(shí)候是dwt文件也可以新建模板要應(yīng)用模板也很簡(jiǎn)單，新建一個(gè)空的網(wǎng)頁(yè)，打開(kāi)文件面板，資源選項(xiàng)卡，模板，找到已存在的模板，右鍵，應(yīng)用就行了個(gè)人認(rèn)為DW的模板功能會(huì)增加大量的無(wú)效代；DW制作淘寶的教程好象少見(jiàn)，DW的教程多，學(xué)好了DW對(duì)做模板不會(huì)有什么問(wèn)題的；在DW里面的設(shè)計(jì)窗口，可以看見(jiàn)你的網(wǎng)頁(yè)，DW中對(duì)應(yīng)的位置所顯示的內(nèi)容就是在網(wǎng)頁(yè)里面顯示的內(nèi)容想要修改文字，直接將光標(biāo)定位到文字位置，進(jìn)行刪除添加等修改操作即可，也可以在代碼里面修改，個(gè)人建議在代碼里面修改較好3。

6、DW是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)下面是Y JBYS我整理的DW批量做網(wǎng)頁(yè)的方法，希望對(duì)你有幫助！一建立模板 1創(chuàng)建。