然后打開網(wǎng)頁設計圖，一般都是psd格式的，小編這里以簡單的JPG格式代替了請點擊輸入圖片描述 3 然后點擊左側(cè)工具欄中的“切片”工具，就是那個小刀子形狀的請點擊輸入圖片描述 之后在圖片上切出想要做網(wǎng)頁的部分，小編演示。

如果你要把切片好的圖片顯視到網(wǎng)頁上，可以使用來實現(xiàn)如果你是做網(wǎng)站，建議你先學習一下HTML語言。

HTML和圖像，切片選擇所有切片，設置選擇其它然后彈出以對話框，設置是自定義，下面還有一個框框選擇切片，然后點擊生成css，然后點擊確定，再次保存就行了，存儲位置自己選擇哈然后用DW打開html文件就可以了。

在html格式文件上單擊右鍵，選擇打開方式為dw 打開dw后選擇代碼模式復制table之間的代碼粘貼到記事本中，將ps圖片上傳到淘寶空間，復制網(wǎng)址連接，取代了代碼中的圖片鏈接，保存修改復制所有代碼，這就是ps所打開的圖片文件。

1首先打開Dreamweaver插入圖片2點擊插圖右鍵選擇CSS樣式新建3點擊新建后彈出的對話框自定義名稱即可4后在彈出的對話框中設置需要的效果即可，可以自定義類型背景區(qū)塊定位等。

用ps把圖片切成你想要的幾個分區(qū)，在dw里點擊插入圖像，然后選擇你要插入的圖，就可以了如果你想每一個圖片再加上鏈接，那么在img外邊插入a標簽比如這就是一個圖片的熱區(qū)，點擊就會進入你想進入的頁面，不懂加Q30。

其次存儲為web所用格式ctrl+alt+shift+s，選jpg格式，品質(zhì)72即可點擊存儲，之后格式選擇html+圖像，切片選擇所有切片最后你存儲完會出現(xiàn)一個html頁面，你可以通過記事本或者代碼編輯的軟件進行修改鏈接建議還是。

1給要圖片加上鏈接，需要先將它切片在PS里，用切片工具將該頁面圖片全切片完成2然后再點擊PS的文件菜單，再點擊導出web所有格式，箭頭所指處3在彈出的窗口里面，點擊保存，通過以上操作，這樣就能先將要添加。

在這個位置有一個空隙的高度是10PX，你切圖沒有計算到這個空隙尺寸貌似不象你的PS切片一定是沒有切準，或是漏了尺寸這個制作不需要使用到DW，只使用PS就可以DW有些代碼是在淘寶代碼中無法使用大神給你一個PS。

ps中可以在保存時將保存的格式選擇為“html和圖像”1將圖片處理完成后，點擊ps頂部菜單欄上的“文件”按鈕，在展開的菜單中點擊“導出”按鈕，然后再點擊“存儲為Web所用格式”按鈕2在彈出的窗口中點擊“存儲。

1首先打開DW軟件2將輸入法切換為英文輸入法，點擊代碼編輯區(qū)，輸入玫瑰代碼3輸入完成后，點擊運行代碼，玫瑰圖案即可成功出現(xiàn)。

利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁把制作好的圖片選中， 在dw中打開，在dw下面有屬性， 里面有鏈接這一項， 更改選中圖片下面屬性欄加鏈接 就可以了。

工具與原料Photoshop軟件，Dreamweaver軟件，素材圖片 方法與步驟1首先用Photoshop軟件打開素材圖片，鼠標長按裁剪工具直到出現(xiàn)下拉選擇框時，選擇“切片工具”，如下圖2用“切片工具”對素材圖片進行適當?shù)那衅謪^(qū)。

代碼可以用來修改你的頁面，最好是學習一下HTML語言，這樣在制作網(wǎng)頁會很輕松簡單的步驟就是1PS中畫網(wǎng)頁 2把導出的JPG圖用FW切片并優(yōu)化 3用DW的表格功能排列或布局 可是我說的是在FW里進行優(yōu)化，因為很多效果光靠FW。

1在PS里做好圖片，然后切片處理2保存為Web格式 3把圖片上傳圖片空間 4再用DW打開HTM文件，把圖片鏈接和超鏈接加上 5復制代碼到淘寶店鋪自定義模塊即可。

9在DW中將代碼復制，打開千牛后臺的店鋪裝修，點擊返回舊版并選擇PC端，打開首頁點擊圖標中的編輯，將代碼粘貼后點擊發(fā)布即可完成制作10效果圖如圖所示以上就是dreamweaver制作網(wǎng)頁的整個操作過程了，你學會了嗎總體來說。

1，dw制作淘寶首頁代碼需要掌握的知識淘寶店鋪后臺功能，基本的代碼運用技巧2，店鋪的后臺基本操作是指a，會在首頁添加自定義模塊，dw寫的代碼基本是在自定義模塊中添加的 b，添加完在自定義模塊中的代碼，可以通過店鋪。

新建1920px*400px文件我們從藍色#506dbb到白色漸變效果圖然后保存這張照片是gif格式這個時候，我們建了一個1000*800的文件制作網(wǎng)頁效果圖這里是用ps制作的沒有寫任何代碼我不會談論這個過程制作網(wǎng)頁效果圖時。